Advertisement
Nalin

userChrome.css

Dec 14th, 2021 (edited)
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.00 KB | None | 0 0
  1. /* Tighten up drop-down/context/popup menu spacing. */
  2. menupopup > menuitem, menupopup > menu {
  3.   padding-block: 3px !important;
  4. }
  5. :root {
  6.   --arrowpanel-menuitem-padding: 4px 8px !important;
  7. }
  8.  
  9. /* Square tabs. */
  10. #tabbrowser-tabs {
  11.     --tab-border-radius: 0px;
  12. }
  13.  
  14. /* Scrollback buttons. */
  15. #scrollbutton-up, #scrollbutton-down {
  16.     --tab-border-radius: 2px;
  17.     border: 1px solid transparent !important;
  18.     min-width: 26px !important;
  19.     margin-right: 1px !important;
  20. }
  21. #scrollbutton-down {
  22.     margin-left: 2px !important;
  23. }
  24.  
  25. /* Fix styling on the new tab button variant that exists when there is fewer tabs with no scroll buttons. */
  26. #tabs-newtab-button {
  27.     --tab-border-radius: 4px;
  28. }
  29.  
  30. /* Remove space below tabs. */
  31. .tab-background {
  32.     border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
  33.     margin-block: 1px 0 !important;
  34. }
  35.  
  36. /* Adjust the border on the selected tab, removing the outline and adding a border. */
  37. .tab-background[selected] {
  38.     outline: none !important;
  39.     border: 2px solid var(--lwt-tab-line-color, var(--lwt-tabs-border-color, currentColor)) !important;
  40.     border-bottom: none !important;
  41. }
  42.  
  43. /* Move the container indicator down below the border outline. */
  44. .tab-context-line {
  45.     margin: 0px 2px 0 !important;
  46. }
  47.  
  48. /* Inactive tabs: Separator lines. */
  49. .tabbrowser-tab:not([beforeselected-visible="true"]) .tab-background:not([selected]):not([multiselected]) {
  50.     border-right: 1px solid rgba(0, 0, 0, .20) !important;
  51. }
  52. [brighttext="true"] .tabbrowser-tab:not([beforeselected-visible="true"]) .tab-background:not([selected]):not([multiselected]) {
  53.     border-right: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
  54. }
  55. .tab-background:not([selected]):not([multiselected]) {
  56.     border-radius: 0 !important;
  57. }
  58.  
  59. /* Remove padding between tabs. */
  60. .tabbrowser-tab {
  61.     padding-left: 0 !important;
  62.     padding-right: 0 !important;
  63. }
  64.  
  65. /* Fixes the text color when highlighting text in an input box. */
  66. /* Sets it to white. */
  67. input::selection {
  68. /*    color: rgba(255, 255, 255, 1) !important;*/
  69.     color: var(--in-content-item-selected-text, rgb(251,251,254)) !important;
  70.     background-color: var(--in-content-item-selected, #0061e0) !important;
  71. }
  72.  
  73. /* Turns menus back into light themed menus. */
  74. /* These values are taken directly from global.css:257 for Windows 10. */
  75. menupopup {
  76.     --menuitem-hover-background-color: #e0e0e6 !important;
  77.     --menu-background-color: #f9f9fb !important;
  78.     --menu-color: #15141a !important;
  79.     --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4) !important;
  80.     --menu-disabled-color: rgba(21, 20, 26, 0.4) !important;
  81.     --menu-border-color: #cfcfd8 !important;
  82.     --menu-icon-opacity: 0.7 !important;
  83. }
  84.  
  85. /* Enlarge the tabs very slightly. */
  86. :root[uidensity="compact"] {
  87.     --tab-min-height: 27px !important;
  88. }
  89. #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
  90.     height: 2.5em !important;
  91. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement