Advertisement
Guest User

Vivaldi custom css - Colored stacks

a guest
Feb 9th, 2025
58
1
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.28 KB | Source Code | 1 0
  1. :root {
  2.     --color-1: rgb(126 81 15);  
  3.     --color-2: rgb(35 100 30 / 67%);  
  4.     --color-3: rgb(60 103 180 / 71%);  
  5.     --color-4: rgb(157 24 24);  
  6.     --color-5: rgb(180 60 149);  
  7.     --default-bg: rgb(90, 40, 75);
  8.     --default-text: rgb(108 108 108 / 85%);
  9.     --custom-text: rgb(255 255 255 / 67%);
  10. }
  11.  
  12. .tab-strip span .tab-position.is-substack > .tab-wrapper:not(.active) {
  13.     background-color: var(--default-bg) !important;
  14.     color: var(--default-text) !important;
  15. }
  16.  
  17. .tab-position.is-substack > .tab-wrapper:not(.active) .title {
  18.     color: var(--custom-text) !important;
  19.     font-weight: 500;
  20. }
  21.  
  22. .tab-strip span:nth-of-type(5n + 1) .tab-position.is-substack > .tab-wrapper:not(.active) {
  23.     background-color: var(--color-1) !important;
  24. }
  25.  
  26. .tab-strip span:nth-of-type(5n + 2) .tab-position.is-substack > .tab-wrapper:not(.active) {
  27.     background-color: var(--color-2) !important;
  28. }
  29.  
  30. .tab-strip span:nth-of-type(5n + 3) .tab-position.is-substack > .tab-wrapper:not(.active) {
  31.     background-color: var(--color-3) !important;
  32. }
  33.  
  34. .tab-strip span:nth-of-type(5n + 4) .tab-position.is-substack > .tab-wrapper:not(.active) {
  35.     background-color: var(--color-4) !important;
  36. }
  37.  
  38. .tab-strip span:nth-of-type(5n) .tab-position.is-substack > .tab-wrapper:not(.active) {
  39.     background-color: var(--color-5) !important;
  40. }
  41.  
  42. .tab-wrapper:not(.active):hover .title {
  43.     color: rgb(255, 255, 255, 81%) !important;
  44. }
  45.  
  46. .tab-wrapper:not(.active):hover {
  47.     background-color: rgb(37, 37, 41) !important;
  48. }
  49.  
  50. .tab.active {
  51.     background-color: rgb(48, 48, 52) !important;
  52.     color: rgb(255, 255, 255, 81%) !important;
  53. }
  54.  
  55. .tab-position.is-substack > .active .tab {
  56.     border: 1px rgb(72, 72, 72) solid !important;
  57. }
  58.  
  59.  
  60. #tabs-tabbar-container {
  61.     background: #111114 !important;
  62. }
  63.  
  64. .tab-position.is-substack .favicon {
  65.     display: none;
  66. }
  67.  
  68. .address-top .mainbar {
  69.     border-bottom-width: 0;
  70. }
  71.  
  72.  
  73.  
  74. .tab-position.is-substack .button-off {
  75.     overflow: visible;
  76. }
  77.  
  78. .tab-position.is-substack .tab-header {
  79.      overflow: visible  !important;
  80. }
  81.  
  82. .tab-position.is-substack .button-badge {
  83.     left: -5px !important;
  84.     top: -1px !important;
  85.     overflow: visible;
  86. }
  87.  
  88. .button-badge {
  89.     background: #ab1717 !important;
  90.     color: #ffffffb8;
  91. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement