notepad987

My Firefox userChrome.css file

Mar 7th, 2025 (edited)
386
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.08 KB | Help | 0 0
  1. @-moz-document url(chrome://browser/content/places/places.xhtml) {
  2. #placeContent treechildren {
  3. font-size: 14px !important; /* font size in Bookmarks> Manage Bookmarks> Library popup on the right hand side */
  4. font-family: 'Trebuchet MS' !important;
  5. }
  6. }
  7.  
  8. /* font size in Bookmarks> Manage Bookmarks> Library popup on the left hand side */
  9. @-moz-document url(chrome://browser/content/places/places.xhtml) {
  10. #placesView {font-size: 14px !important; font-family: 'Trebuchet MS' !important;
  11. }
  12. }
  13.  
  14. /* Multi Rows in Firefox. Still hard to move tabs to other rows. Go slow when doing so. You can right click on the tab to move to start or end */
  15. scrollbox[part][orient="horizontal"] > * { flex-wrap: wrap; }
  16.  
  17. /* the order of the toolbars. Change to what you want */
  18. #nav-bar {order: 1 !important}
  19. #PersonalToolbar {order: 2 !important}
  20. #TabsToolbar {order: 3 !important}
  21.  
  22. /* URL field text size */
  23. #nav-bar{
  24. font-size: 12px !important;}
  25.  
  26. /* Sidebar Color / Font Size Formatting */
  27. .sidebar-placesTree treechildren::-moz-tree-cell-text { font-size: 15px !important; color: #000 !important;
  28. font-family: 'Trebuchet MS' !important; }
  29. /* font-weight: bold; */
  30.  
  31.  
  32. /* Bookmark folder code below from sifferedd (I changed the color using Irfanview to muted yellow */
  33. /* https://www.reddit.com/r/FirefoxCSS/comments/12jynm6/folder_svg_file */
  34. /* Folder-item.png file is from https://github.com/Aris-t2/CustomCSSforFx/blob/4.4.8/current/image/folder-item.png */
  35. /* Need folder file to be in the profile/Chrome folder */
  36. .bookmark-item[container],
  37. treechildren::-moz-tree-image(container),
  38. .folder-icon {
  39. list-style-image: url("folder-item4.png") !important;
  40. }
  41.  
  42. /* moz-window-inactive color has light grey background color #eaeaed and black text on tabs. The background-color (active twindow) is a darker grey #dfdfe2 with the text being black color on the tabs. I would like to match the background-color for inactive and active */
  43. .browser-titlebar {color: #000000 !important;
  44. background-color: #dfdfe2 !important; } /* active window color */
  45.  
  46. /* Both active and inactive Titlebar are the same color */
  47. .browser-titlebar {color: #000000 !important; /* text color */
  48. background-color: #dfdfe2 !important; } /* active & inactive window color */
  49.  
  50. /* spacing of tab rows - ResurgamS13 */
  51. .tabbrowser-tab .tab-content {
  52. margin-top: 2px !important;
  53. }
  54.  
  55. /* MediumAquamarine - green background on hover on sidebar or selected */
  56. .sidebar-placesTree treechildren::-moz-tree-row(hover),
  57. .sidebar-placesTree treechildren::-moz-tree-row(selected) {background-color: #66CDAA !important; }
  58.  
  59.  
  60. /* code below from sifferedd */
  61. #navigator-toolbox {
  62. font-family: "Quicksand Medium" !important;
  63. color: #000000 !important;
  64. }
  65.  
  66. .bookmark-item > .toolbarbutton-text {
  67. font-size: 14px !important;
  68. font-family: 'Quicksand Medium' !important;
  69. }
  70.  
  71. #personal-bookmarks {
  72. font-size: 14px !important;
  73. font-family: 'Quicksand Medium' !important;
  74. }
  75.  
  76. #bookmarksMenuPopup,
  77. .bookmark-item {
  78. font-size: 14px !important;
  79. font-family: 'Quicksand Medium' !important;
  80. }
  81.  
  82. /* file, edit, view etc font size */
  83. #main-menubar {
  84. font-size: 15px !important;
  85. font-family: 'Quicksand Medium' !important;
  86. }
  87.  
  88. :root {
  89. --tab-border-radius: 8px !important;
  90. }
  91.  
  92. /* box-shadow: horizontal offset, vertical offset, blur radius, optional spread radius, color & transparency; */
  93.  
  94. /* White background color */
  95. .tabbrowser-tab:not([selected="true"]):not(:hover) .tab-content {
  96. background-color: #FFFFFF !important;
  97. border-radius: 8px 8px 0px 0px; !important;
  98. box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.4);
  99. }
  100.  
  101. /* orange hover color */
  102. .tabbrowser-tab:hover:not([selected]) .tab-content {
  103. background-color: #FF7F50 !important;
  104. border-radius: 8px 8px 0px 0px; !important;
  105. box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.4);}
  106.  
  107.  
  108. /* MediumAquamarine - green selected color */
  109. .tabbrowser-tab:is([visuallyselected],[multiselected]) .tab-content {
  110. background-color: #66CDAA !important;
  111. border-radius: 8px 8px 0px 0px; !important;
  112. box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.4);
  113. box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.4);}
  114.  
  115.  
  116. /* font size on tabs */
  117. .tab-label {
  118. font-size: 12px !important;
  119. font-family: 'Quicksand Medium' !important;
  120. font-weight: bold;
  121. }
  122.  
  123.  
  124. /* code from qaz69wsx */
  125. /* font size for right click menu */
  126. menupopup {font-size: 13px !important;}
  127.  
  128. /* font size for dropdown menu lines before bookmarks */
  129. menubar {font-size: 14px !important;}
  130.  
  131.  
  132. /* code from qaz69wsx with some changes in colors for right click menu */
  133. menupopup:not(.in-menulist, .toolbar-menupopup, .toolbar-menupopup menupopup) {
  134. --panel-background: #f9f9fb !important; /* right click menu color light grey with darker grey hover color */
  135. --panel-color: #000000 !important;
  136. --panel-padding: 6px !important;
  137. --panel-border-radius: 12px !important;
  138. --panel-border-color: transparent !important;
  139.  
  140.  
  141. [_moz-menuactive]:not([disabled="true"]) {
  142. color: #000000 !important; /* text color */
  143. font-weight: bold;
  144. /* also makes dropdown menu text bold when highlighted */
  145. }
  146.  
  147. [_moz-menuactive="true"][disabled="true"] {
  148. background-color: #ffffff !important;
  149. }
  150.  
  151.  
  152. /* changes the menu hover color */
  153. menu:where([_moz-menuactive="true"]:not([disabled="true"])), menuitem:where([_moz-menuactive="true"]:not([disabled="true"])) {
  154. background-color: #66CDAA !important; /* green hover color */
  155. color: #000000 !important; /* text color */
  156. /* if font-weight: bold; is added here instead of above code, the File, Edit, View etc will also be bold when highlighted and will make menu expand */
  157. }
  158.  
  159.  
  160. /* Selected and Focus */
  161. #placesView treechildren::-moz-tree-row(selected),
  162. #placesView treechildren::-moz-tree-row(selected, focus) {
  163. background-color: green !important;
  164. }
  165.  
  166. /* Hovered row */
  167. #placesView treechildren::-moz-tree-row(hover) {
  168. background-color: #66CDAA !important;
  169. }
  170.  
  171. /* Hovered text */
  172. #placesView treechildren::-moz-tree-cell-text(hover) {
  173. color: black !important;
  174. }
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
Advertisement
Add Comment
Please, Sign In to add comment