ashmedai

userChrome.css

Sep 4th, 2026
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.56 KB | Source Code | 0 0
  1. /* remove radius from buttons and tabs */
  2. *|*:root {
  3.   --toolbarbutton-border-radius: 0 !important;
  4.   --tab-border-radius: 0 !important;
  5.   --toolbarbutton-outer-padding: 0 !important;
  6.   --toolbarbutton-inner-padding: 8px !important;
  7.   --toolbar-start-end-padding: 0 !important;
  8. }
  9.  
  10. /* remove margin fron tabs */
  11. .tab-background {
  12.   margin-block: 0 !important;
  13. }
  14.  
  15. /* remove padding between tabs */
  16. .tabbrowser-tab {
  17.   padding-inline: 0 !important;
  18. }
  19.  
  20. /*fix for when titlebar gets taller when there are many tabs*/
  21. #tabbrowser-arrowscrollbox {
  22.   height: var(--tab-min-height);
  23. }
  24.  
  25. /* remove titlebar top padding */
  26. #titlebar {
  27.   margin-top: 0 !important;
  28. }
  29.  
  30. /* remove gaps in tab bar start and end */
  31. .titlebar-spacer[type="pre-tabs"] {
  32.   width: 0 !important;
  33. }
  34.  
  35. .titlebar-spacer[type="post-tabs"] {
  36.   width: 0 !important;
  37. }
  38.  
  39. /* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
  40. @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
  41.   -moz-pref("userchrome.force-window-controls-on-left.enabled") {
  42.   #nav-bar > .titlebar-buttonbox-container {
  43.     order: -1 !important;
  44.   }
  45. }
  46. > .titlebar-buttonbox {
  47.   flex-direction: row-reverse;
  48. }
  49.  
  50. @media not (-moz-bool-pref: "sidebar.verticalTabs"),
  51.   not -moz-pref("sidebar.verticalTabs") {
  52.   .global-notificationbox,
  53.   #tab-notification-deck,
  54.   #TabsToolbar {
  55.     order: 1;
  56.   }
  57.  
  58.   #TabsToolbar > :is(.titlebar-spacer, .titlebar-buttonbox-container) {
  59.     display: none;
  60.   }
  61.  
  62.   :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container {
  63.     display: flex !important;
  64.   }
  65.  
  66.   :root:is([tabsintitlebar], [customtitlebar])
  67.     #toolbar-menubar:not([autohide="false"])
  68.     ~ #nav-bar {
  69.     > .titlebar-buttonbox-container {
  70.       display: flex !important;
  71.     }
  72.  
  73.     :root[sizemode="normal"] & {
  74.       > .titlebar-spacer {
  75.         display: flex !important;
  76.       }
  77.     }
  78.  
  79.     :root[sizemode="maximized"] & {
  80.       > .titlebar-spacer[type="post-tabs"] {
  81.         display: flex !important;
  82.       }
  83.  
  84.       @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
  85.         -moz-pref("userchrome.force-window-controls-on-left.enabled"),
  86.         (-moz-gtk-csd-reversed-placement),
  87.         (-moz-platform: macos) {
  88.         > .titlebar-spacer[type="post-tabs"] {
  89.           display: none !important;
  90.         }
  91.  
  92.         > .titlebar-spacer[type="pre-tabs"] {
  93.           display: flex !important;
  94.         }
  95.       }
  96.     }
  97.   }
  98. }
  99.  
  100. /* urlbar lower */
  101. #urlbar[focused] {
  102.   border: 0px solid rgb(30, 144, 255) !important;
  103. }
  104.  
  105. /* height urlbar-container */
  106. #urlbar-container {
  107.   padding-block: 0px !important;
  108.   margin-inline: 0px !important;
  109. }
  110.  
  111. /* folders color */
  112. .bookmark-item[container],
  113. treechildren::-moz-tree-image(container) {
  114.   fill: DarkSeaGreen !important;
  115. }
  116.  
  117. .bookmark-item[container="true"] [label="a"] {
  118.   fill: blue !important;
  119. }
  120.  
  121. .bookmark-item[container="true"] [label="b"] {
  122.   fill: DarkSeaGreen !important;
  123. }
  124.  
  125. .bookmark-item[container="true"] [label="c"] {
  126.   fill: chocolate !important;
  127. }
  128.  
  129. .bookmark-item[container="true"] [label="d"] {
  130.   fill: olive !important;
  131. }
  132.  
  133. .bookmark-item[container="true"] [label="e"] {
  134.   fill: darkgreen !important;
  135. }
  136.  
  137. .bookmark-item[container="true"] [label="f"] {
  138.   fill: darkslategray !important;
  139. }
  140.  
  141. .bookmark-item[container="true"] [label="g"] {
  142.   fill: slategray !important;
  143. }
  144.  
  145. .bookmark-item[container="true"] [label="h"] {
  146.   fill: saddlebrown !important;
  147. }
  148.  
  149. .bookmark-item[container="true"] [label="i"] {
  150.   fill: teal !important;
  151. }
  152.  
  153. .bookmark-item[container="true"] [label="j"] {
  154.   fill: cadetblue !important;
  155. }
  156.  
  157. .bookmark-item[container="true"] [label="k"] {
  158.   fill: darkcyan !important;
  159. }
  160.  
  161. .bookmark-item[container="true"] [label="l"] {
  162.   fill: red !important;
  163. }
  164.  
  165. /* hide close on tab */
  166. .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
  167.   visibility: collapse !important;
  168. }
  169.  
  170. .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  171.   visibility: visible !important;
  172.   display: block !important;
  173. }
  174.  
  175. /* hide urlbar border */
  176. #urlbar {
  177.   border-color: transparent !important;
  178.   border-width: 0px !important;
  179. }
  180.  
  181. /* hide folder-text on bookmarks toolbar */
  182. #personal-bookmarks .bookmark-item > .toolbarbutton-text {
  183.   display: none !important;
  184. }
  185.  
  186. /* Hide star button (bookmark) */
  187. #star-button-box {
  188.   display: none !important;
  189. }
  190.  
  191. /* Active tab color */
  192. .tab-background[selected] {
  193.   background-color: #525151 !important;
  194. }
  195.  
  196. .titlebar-button:not(#toolbar-menubar .titlebar-button) {
  197.   display: none !important;
  198. }
  199.  
Advertisement
Add Comment
Please, Sign In to add comment