blob: c4f6b9dfd685c2ec21864b2c39e73654f0f7953a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
/* Material DeepOcean Palette */
@define-color window_bg_color #0f111aAA; /* background */
@define-color window_fg_color #8f93a2; /* foreground */
/* View styling */
@define-color view_bg_color #0f111aAA;
@define-color view_fg_color #8f93a2;
/* Header bar */
@define-color headerbar_bg_color #0a0c13AA;
@define-color headerbar_backdrop_color #0a0c13AA;
@define-color headerbar_fg_color #8f93a2;
/* Popovers and dialogs */
@define-color popover_bg_color #0f111aAA;
@define-color popover_fg_color #8f93a2;
@define-color dialog_bg_color @popover_bg_color;
@define-color dialog_fg_color @popover_fg_color;
/* Cards and sidebars */
@define-color card_bg_color #1c1e28AA;
@define-color card_fg_color #8f93a2;
@define-color sidebar_bg_color #0f111aAA;
@define-color sidebar_fg_color #8f93a2;
@define-color sidebar_backdrop_color @sidebar_bg_color;
@define-color sidebar_border_color #1f2233;
@define-color secondary_sidebar_bg_color @sidebar_bg_color;
@define-color secondary_sidebar_fg_color @sidebar_fg_color;
@define-color secondary_sidebar_backdrop_color @sidebar_backdrop_color;
@define-color secondary_sidebar_border_color @sidebar_border_color;
/* Material DeepOcean accent colors */
@define-color blue_1 #82aaff;
@define-color blue_2 #89ddff;
@define-color blue_3 #50c4fa;
@define-color blue_4 #39adb5;
@define-color blue_5 #676e95;
@define-color green_1 #c3e88d;
@define-color green_2 #80cbc4;
@define-color green_3 #50fa7b;
@define-color green_4 #4fd6be;
@define-color green_5 #44b5b1;
@define-color yellow_1 #ffcb6b;
@define-color yellow_2 #f78c6c;
@define-color yellow_3 #ffeb95;
@define-color yellow_4 #f07178;
@define-color yellow_5 #ff5572;
@define-color orange_1 #f78c6c;
@define-color orange_2 #f07178;
@define-color orange_3 #ff5572;
@define-color orange_4 #ffcb6b;
@define-color orange_5 #c3e88d;
@define-color red_1 #ff5370;
@define-color red_2 #f07178;
@define-color red_3 #ff5572;
@define-color red_4 #f78c6c;
@define-color red_5 #ffcb6b;
@define-color purple_1 #c792ea;
@define-color purple_2 #b388ff;
@define-color purple_3 #d6acff;
@define-color purple_4 #a3f7ff;
@define-color purple_5 #82aaff;
@define-color brown_1 #959dcb;
@define-color brown_2 #676e95;
@define-color brown_3 #4a5070;
@define-color brown_4 #1f2233;
@define-color brown_5 #0a0c13;
@define-color light_1 #8f93a2;
@define-color light_2 #b0b4c0;
@define-color light_3 #959dcb;
@define-color light_4 #82aaff;
@define-color light_5 #676e95;
@define-color dark_1 #1f2233;
@define-color dark_2 #151722;
@define-color dark_3 #0f111a;
@define-color dark_4 #0a0c13;
@define-color dark_5 #05070d;
toast {
background-color: @window_bg_color;
color: @window_fg_color;
}
toggle:checked {
background-color: @card_bg_color;
color: @window_fg_color;
}
.inline {
background-color: rgba(0, 0, 0, 0);
}
/* colors for zach */
@define-color window_bg_color #242424AA;
@define-color popover_bg_color #383838AA;
@define-color view_bg_color @window_bg_color;
/* @define-color popover_bg_color @window_bg_color;*/
@define-color dialog_bg_color @window_bg_color;
@define-color sidebar_bg_color @window_bg_color;
@define-color sidebar_backdrop_color @window_bg_color;
.inline {
background-color: #00000000;
}
|
