ssashag

Firefox CSS 25.07.25

Jul 25th, 2025
34
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.82 KB | Source Code | 0 0
  1. /* Import your desired components first */
  2.  
  3. @import url(chrome/round_ui_items.css);
  4. @import url(chrome/curved_tabs.css);
  5. @import url(chrome/tab_separator_lines.css);
  6. @import url(chrome/rounded_menupopups.css);
  7. @import url(chrome/integrated_searchbar_popup.css);
  8. @import url(chrome/rounded_menupopups.css);
  9.  
  10. /* Apply your custom modifications after imports */
  11.  
  12. /* Remove Pinned Tabs Container 12px right margin added in Fx141.0 */
  13. #pinned-tabs-container {
  14. margin-right: 0 !important;
  15. }
  16.  
  17. /* Centre pinned tabs between separators and even with regular tab content */
  18. .tab-content[pinned]:not([orient="vertical"]) {padding: 0 15px 3px 16px !important;}
  19.  
  20. /* New Tab Button and dropdown position */
  21. #tabs-newtab-button {padding-bottom: 6px !important; padding-right: 9px !important;}
  22. #alltabs-button {padding-top: 4px !important; padding-right: 9px !important;}
  23.  
  24. /* Bring back tab separator lines that were removed in Proton */
  25. .tabbrowser-tab{
  26. background-image: linear-gradient(
  27. transparent 20%, /* colour of top segment - from top dowm to 15% of height */
  28. rgb(242 225 219) 20% 70%, /* colour of middle segment - solid colour from 15% to 65% of height */
  29. transparent 70% /* colour of bottom segment - from 65% of height down to bottom */
  30. );
  31. background-size: 2.5px 100%; /* width of separators 1px */
  32. background-repeat: no-repeat;
  33. }
  34.  
  35. /* Tab Font Family */
  36. #navigator-toolbox { font-family: SF Pro !important; font-weight: 420;}
  37.  
  38. /* Bookmark Bar Font */
  39. .bookmark-item {font-size: 11.5px !important;}
  40.  
  41. /* URL Bar Outline */
  42. :root {--focus-outline-color: rgb(219,173,157)}
  43.  
  44. /* Tab Curve Degree */
  45. #tabbrowser-tabs{--uc-tab-curve-size: 11px !important; --uc-tab-line-color: rgb(239, 202, 195) !important; --tab-min-height: 32px;}
  46.  
  47. /* Tab Text Vertical Alignment */
  48. .tab-content{ padding-bottom: 3px !important; }
  49.  
  50. /* Tab Text Space Between Text and Exit Button */
  51. .tab-label-container:not([pinned]) {margin-right: 8px;}
  52.  
  53. /* ? */
  54. /* .tab-label {margin-inline: 2px} */
  55.  
  56. /* Space Between Text in Tabs */
  57. .tab-content {--tab-inline-padding: 11px}
  58.  
  59. /* Space Above and Below URL Bar */
  60. toolbaritem#urlbar-container {--urlbar-padding-block: 6px 2px}
  61.  
  62. /* Line between tab bar and tabs */
  63. :root {--tabs-border-color: transparent !important}
  64. :root {--tabs-navbar-separator-color: rgb(242, 225, 219) !important}
  65.  
  66. /* Tab Height */
  67. #tab-background { max-height: 32px !important;}
  68. :root { --tab-min-height: 10px !important;
  69. --tab-max-height: 10px !important;}
  70.  
  71. /* Tab Text Size */
  72. .tab-text.tab-label{font-size: 12px !important}
  73.  
  74. /* Space around bookmark bar */
  75. toolbarbutton.bookmark-item:not(.subviewbutton){ padding-block: 6px 8px !important; padding-inline: 5px !important }
  76. #tabbrowser-tabs {margin-top: 7px !important}
  77.  
  78. /* Bookmark Bar Text size */
  79. .tab-text.tab-label{font-size: 13px;}
  80.  
Advertisement
Add Comment
Please, Sign In to add comment