1. :root {
  2. --tab-background-normal: 0, 0%, 99%;
  3. --tab-background-pinned: 0, 0%, 97%;
  4. --tab-background-active: 0, 0%, 87%;
  5. --tab-background-hover: 0, 0%, 91%;
  6. --tab-border-color: hsla(0, 0%, 0%, 0.06);
  7. --searchbox-background: #fff;
  8. --primary-text-color: #18191a;
  9. --secondary-text-color: #737373;
  10. --close-button-color: hsla(0, 0%, 0%, 0.1);
  11. --close-button-hover: hsla(0, 0%, 0%, 0.16);
  12. --close-button-active: hsla(0, 0%, 0%, 0.2);
  13. --menu-background: hsl(0, 0%, 99%);
  14. --menu-button-text-shadow: 0 1px rgba(255, 255, 255, .4);
  15. --menu-button-hover: hsla(240, 5%, 5%, .1);
  16. --menu-button-active: hsla(240, 5%, 5%, .15);
  17. --border-radius: 0px;
  18. }
  20. body {
  21. padding-bottom: 29px;
  22. background-color: Window;
  24. }
  26. .tab-context {
  27. background-image: none !important;
  28. }
  30. .tab.active {
  31. background-color: #fff;
  32. position: relative;
  33. font-weight: bold;
  34. }
  36. body:hover .tab.active {
  37. background-color: Window;
  38. }
  40. .tab {
  41. border: none !important;
  42. }
  44. .tab:hover {
  45. color: Highlight;
  46. }
  48. .tab-title-wrapper::after {
  49. background-image: linear-gradient(to right, hsla(var(--tab-background), 0), Window 25%);
  50. }
  52. .tab.active .tab-title-wrapper::after {
  53. background-image: linear-gradient(to right, hsla(var(--tab-background), 0), Window 25%);
  54. }
  56. #newtab {
  57. margin: 0 4px 0 0;
  58. }
  60. #searchbox {
  61. margin: 0 4px 0 4px;
  62. }
  64. #newtab-label {
  65. margin-left: 6px;
  66. }
  68. #topmenu {
  69. background: Window;
  70. }
  72. .topmenu-button:hover {
  73. background-color: #fff;
  74. }
  76. #tablist-wrapper #pinnedtablist {
  77. background: Window;
  78. //border-bottom: 1px solid ThreeDShadow;
  79. }
  81. .tab.pinned > .tab-title-wrapper::after {
  82. background: Window;
  83. }
  85. .tab.active > .tab-title-wrapper::after {
  86. --tab-background: var(--tab-background-active);
  87. }
  89. .tab:not(.active):hover > .tab-title-wrapper::after {
  90. --tab-background: var(--tab-background-hover);
  91. }
  93. #topmenu #settings {
  94. display: none;
  95. }
  97. .tab[title='New Tab'] .tab-icon {
  98. background-image: none !important;
  99. border: 1px dashed ThreeDShadow;
  100. }