koi.rip
my nixos dotfiles :3 (git.koi.rip mirror)
git.koi.rip/koi/dotfiles
linux
dotfiles
neovim
nixos
catppuccin
1:root {
2 --v-red: #F57F82;
3 --v-orange: #F7A182;
4 --v-yellow: #F5D098;
5 --v-lime: #DBE6AF;
6 --v-green: #CBE3B3;
7 --v-aqua: #B3E3CA;
8 --v-skye: #B3E6DB;
9 --v-snow: #AFD9E6;
10 --v-blue: #B2CAED;
11 --v-purple: #D2BDF3;
12 --v-pink: #F3C0E5;
13 --v-cherry: #F6CEE5;
14 --v-text: #F8F9E8;
15 --v-subtext1: #ADC9BC;
16 --v-subtext0: #96B4AA;
17 --v-overlay2: #839E9A;
18 --v-overlay1: #6F8788;
19 --v-overlay0: #58686D;
20 --v-surface2: #4A585C;
21 --v-surface1: #374145;
22 --v-surface0: #2B3337;
23 --v-base: #232A2E;
24 --v-mantle: #1C2225;
25 --v-crust: #171C1F;
26}
27
28:root,
29body {
30 --zen-primary-color: var(--v-mantle) !important;
31 --zen-main-browser-background: var(--v-mantle) !important;
32 --zen-toolbar-element-bg: var(--v-surface0) !important;
33
34 --tab-selected-bgcolor: var(--v-surface1) !important;
35 --toolbox-textcolor: var(--v-text) !important;
36 --sidebar-text-color: var(--v-overlay2) !important;
37 --toolbarbutton-icon-fill: var(--v-overlay1) !important;
38
39 --zen-toolbar-element-bg: var(--v-surface0) !important;
40
41 --toolbar-field-focus-color: var(--v-overlay1) !important;
42}
43
44/* transparent bg */
45/* #zen-main-app-wrapper { */
46/* background: transparent !important; */
47/* --zen-background-opacity: 0.9; */
48/* } */
49
50/* &::after { */
51/* background: color-mix(in hsl, var(--zen-main-browser-background), transparent 10%); */
52/* opacity: var(); */
53/* transition: 0s; */
54/* } */
55
56#zen-browser-background {
57 &::after {
58 background: var(--v-base) !important;
59 }
60}
61
62.tabbrowser-tab {
63 --tab-selected-bgcolor: var(--v-surface1) !important;
64}
65
66::selection {
67 background: var(--v-surface1) !important;
68}
69
70label.toolbarbutton-text {
71 color: var(--v-overlay1) !important;
72}
73
74label.zen-current-workspace-indicator-name {
75 color: var(--v-subtext1) !important;
76}
77
78#urlbar {
79 --urlbarView-separator-color: var(--v-overlay0) !important;
80
81 &[breakout-extend="true"] .urlbar-background {
82 --zen-urlbar-background-base: var(--v-mantle) !important;
83
84 background-color: var(--zen-urlbar-background-transparent, var(--zen-urlbar-background-base)) !important;
85 border-color: var(--urlbarView-separator-color) !important;
86 backdrop-filter: blur(10px) !important;
87 }
88}
89
90.urlbar-input {
91 color: var(--v-text) !important;
92
93 /* FIXME */
94 * {
95 color: var(--v-overlay1) !important;
96 opacity: 1 !important;
97 }
98}
99
100.urlbarView-row[selected] {
101 --zen-selected-bg: var(--v-surface1) !important;
102}