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