notepad987

My Firefox userChrome.css file

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