This repository was archived by the owner on May 4, 2025. It is now read-only.
Repository navigation
Expand file tree
/
Copy pathcss.less
More file actions
146 lines (142 loc) · 5.94 KB
/
Copy pathcss.less
File metadata and controls
146 lines (142 loc) · 5.94 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
// CSS variables are only calculate once,
// *after* the less variables are set
.theme-dark {
--text-normal: @text_color;
--text-link: var(--dnome-accent-soft);
--background-primary: @bg;
--background-secondary: @base;
--background-secondary-alt: @sidebar;
--background-tertiary: @base;
--background-accent: @accent;
--background-floating: @floating;
--background-mobile-primary: @bg;
--background-mobile-secondary: @base;
--background-modifier-selected: @bg;
--background-modifier-accent: @base;
--background-modifier-hover: @hover_modifier;
--background-mentioned: fade(@warning, 5%);
--background-mentioned-hover: fade(@warning, 8%);
--background-message-hover: fade(@base, 30%);
--background-help-warning: fade(@warning, 10%);
--background-help-info: fade(@accent, 10%);
--scrollbar-thin-thumb: @scrollbar_slider_color;
--scrollbar-thin-track: transparent;
--scrollbar-auto-thumb: @scrollbar_slider_color;
--scrollbar-auto-track: @scroll_bg;
--scrollbar-auto-scrollbar-color-thumb: @scrollbar_slider_color;
--scrollbar-auto-scrollbar-color-track: @base;
--channeltextarea-background: @base;
--logo-primary: @accent;
--focus-primary: @accent;
--activity-card-background: @base;
--textbox-markdown-syntax: @accent;
--radio-group-dot-foreground: @accent;
--search-popout-option-fade: #00000000;
--search-popout-option-fade-hover: #00000000;
--input-background: @base;
--brand-experiment: @accent;
--brand-experiment-05a: fade(@accent, 5%);
--profile-body-background-color: var(--dnome-list-item-hover);
--profile-body-divider-color: @border;
--brand-experiment-560: @accent;
--brand-experiment: @accent;
--control-brand-foreground: @accent;
--profile-message-input-border-color: @border;
--deprecated-card-bg: @base;
--bg-overlay-2: var(--background-primary);
--__header-bar-background: var(--bg-overlay-2);
--home-background: var(--bg-overlay-2);
--mention-background: fade(@accent, 40%);
--mention-foreground: lighten(@accent, 30%);
--bg-brand: var(--dnome-accent);
--dnome-base: @base;
--dnome-bg: @bg;
--dnome-sidebar: @sidebar;
--dnome-border: @border;
--dnome-scroll-bg: @scroll_bg;
--dnome-accent: @accent;
--dnome-accent-lighter: lighten(@accent, 10%);
--dnome-darker-accent: @darker_accent;
--dnome-error: @error;
--dnome-error-soft: fade(@error, 20%);
--dnome-list-item-hover: @hover_modifier;
--dnome-list-item-hover-selected: @item_selected_hover;
--dnome-list-item-selected: @item_selected;
--dnome-accent-soft: tint(@accent, 10%);
--dnome-searchbox: @searchbox;
--dnome-popup-hover: @popover_hover;
--dnome-popup-selected: @popover_selected;
--dnome-border-big: 12px;
--dnome-border-medium: 8px;
--dnome-border-small: 6px;
}
.theme-light {
--text-normal: @text_color-light;
--text-link: var(--dnome-accent-soft);
--background-primary: @bg-light;
--background-secondary: @base-light;
--background-secondary-alt: @sidebar-light;
--background-tertiary: @base-light;
--background-accent: @accent-light;
--background-floating: @floating-light;
--background-mobile-primary: @bg-light;
--background-mobile-secondary: @base-light;
--background-modifier-selected: @bg-light;
--background-modifier-accent: @base-light;
--background-modifier-hover: var(--dnome-list-item-hover);
--background-mentioned: fade(@warning-light, 5%);
--background-mentioned-hover: fade(@warning-light, 8%);
--background-message-hover: fade(@base-light, 30%);
--background-help-warning: fade(@warning-light, 10%);
--background-help-info: fade(@accent-light, 10%);
--scrollbar-thin-thumb: @scrollbar_slider_color-light;
--scrollbar-thin-track: transparent;
--scrollbar-auto-thumb: @scrollbar_slider_color-light;
--scrollbar-auto-track: @scroll_bg-light;
--scrollbar-auto-scrollbar-color-thumb: @scrollbar_slider_color-light;
--scrollbar-auto-scrollbar-color-track: @base-light;
--channeltextarea-background: @base-light;
--logo-primary: @accent-light;
--focus-primary: @accent-light;
--activity-card-background: @base-light;
--textbox-markdown-syntax: @accent-light;
--radio-group-dot-foreground: @accent-light;
--search-popout-option-fade: #00000000;
--search-popout-option-fade-hover: #00000000;
--input-background: @base-light;
--brand-experiment: @accent-light;
--brand-experiment-05a: fade(@accent-light, 5%);
--profile-body-background-color: var(--dnome-list-item-hover);
--profile-body-divider-color: @border-light;
--brand-experiment-560: @accent-light;
--brand-experiment: @accent-light;
--control-brand-foreground: @accent-light;
--profile-message-input-border-color: @border-light;
--deprecated-card-bg: @base-light;
--bg-overlay-2: var(--background-primary);
--__header-bar-background: var(--bg-overlay-2);
--home-background: var(--bg-overlay-2);
--mention-background: fade(@accent-light, 20%);
--mention-foreground: darken(@accent-light, 10%);
--bg-brand: var(--dnome-accent);
--dnome-base: @base-light;
--dnome-bg: @bg-light;
--dnome-sidebar: @sidebar-light;
--dnome-border: @border-light;
--dnome-scroll-bg: @scroll_bg-light;
--dnome-accent: @accent-light;
--dnome-accent-lighter: lighten(@accent-light, 10%);
--dnome-darker-accent: @darker_accent-light;
--dnome-error: @error-light;
--dnome-error-soft: fade(@error, 20%);
--dnome-list-item-hover: @hover_modifier-light;
--dnome-list-item-hover-selected: @item_selected_hover-light;
--dnome-list-item-selected: @item_selected-light;
--dnome-accent-soft: tint(@accent, 10%);
--dnome-searchbox: @searchbox-light;
--dnome-popup-hover: @popover_hover-light;
--dnome-popup-selected: @popover_selected-light;
--dnome-border-big: 12px;
--dnome-border-medium: 8px;
--dnome-border-small: 6px;
}