1.  
2. /*
3.  
4.  ______ __  __  ______  ______  ______  ______  ______  ______ ______  ______    
5. /\__  _/\ \_\ \/\  ___\/\  == \/\  ___\/\  __ \/\  ___\/\__  _/\  == \/\  == \  
6. \/_/\ \\ \  __ \ \  __\\ \  __<\ \  __\\ \  __ \ \ \___\/_/\ \\ \  __<\ \  __<  
7.    \ \_\\ \_\ \_\ \_____\ \_\ \_\ \_____\ \_\ \_\ \_____\ \ \_\\ \_\ \_\ \_\ \_\
8.     \/_/ \/_/\/_/\/_____/\/_/ /_/\/_____/\/_/\/_/\/_____/  \/_/ \/_/ /_/\/_/ /_/
9.                                                                                  
10.                                                  Firefox-89 PROTON+
11.                                                  by. thereact0rr
12.  
13. */
14.  
15.  
16.  
17.  
18. /* Remove left space of toolbar  */
19. .titlebar-spacer[type="pre-tabs"] {
20.     display: none !important;
21. }
22.  
23.  
24. /* Customize window action buttons ( Close, Min, Max ) */
25. .titlebar-button {
26.     margin: 7px !important;
27.     margin-left: 0 !important;
28.     margin-right: 5px !important;
29.     border-radius: 4px !important;
30. }
31.  
32.  
33. /* Apply dimmed background for inactive tabs */
34. .tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected], [multiselected]) {
35.     background-color: color-mix(in srgb, currentColor 12%, transparent);
36. }
37. .tabbrowser-tab>.tab-stack>.tab-background:not([selected], [multiselected]) {
38.     background-color: color-mix(in srgb, currentColor 6%, transparent);
39. }
40.  
41.  
42. /* Make all tabs small except selected one */
43. .tabbrowser-tab[fadein]:not([selected]):not([pinned]) {  
44.     max-width: 145px !important;
45.     min-width: 115px !important;
46. }
47.  
48.  
49. /* Selected tabs width */
50. .tabbrowser-tab[selected][fadein]:not([pinned]) {  
51.     /*max-width: 225px !important;*/
52.     min-width: 205px !important;
53. }
54.  
55.  
56. /* Hide tab close button */
57. #TabsToolbar .close-icon {
58.     display: none !important;
59. }
60.  
61.  
62. /* Unhide close button when it is selected tab and not pinned */
63. #TabsToolbar .tabbrowser-tab[selected=true]:not([pinned]) .close-icon {
64.     display: -moz-box !important;
65. }
66.  
67.  
68. /* Show close button even when mouse hover on inactive tabs */
69. #TabsToolbar .tabbrowser-tab:not([selected="true"]):not([pinned]):hover .close-icon{
70.     display: -moz-box !important;
71. }
72.  
73.  
74. /* Reduce spacing between pinned and regular tabs */
75. #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
76.     margin-inline-start: initial !important;
77. }
78.  
79.  
80. /* Menu items border and padding */
81. menupopup > menuitem,
82. menupopup > menu {
83.     border-radius: 4px !important;
84.     margin-left: 4px !important;
85.     margin-right: 4px !important;
86. }
87.  
88.  
89. /* context menu top left button padding */
90. menugroup > menuitem:first-child {  
91.     padding-left: 4px !important;
92. }
93.  
94.  
95. /* context menu top right button padding */
96. menugroup > menuitem:last-child {  
97.     padding-right: 4px !important;
98. }
99.  
100.  
101. /* context menu top buttons radius */
102. menugroup > menuitem {
103.     border-radius: 4px !important;
104. }
105. menugroup > menuitem > hbox > image {  
106.     border-radius: 4px !important;
107. }
108.  
109.  
110. /* Popup Menu background color */
111. /*menupopup{
112.     --menu-background-color: rgb(66,65,77) !important;
113. }*/