-
Notifications
You must be signed in to change notification settings - Fork 98
/
global.scss
101 lines (91 loc) · 3.03 KB
/
global.scss
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
#seventv-root {
z-index: 9999;
}
:root {
--seventv-subscriber-color: rgb(220, 170, 50);
}
/* stylelint-disable-next-line selector-class-pattern */
.tw-root--theme-dark,
body[theme="dark"],
body[seventv-kick="true"] {
--seventv-text-color-normal: #f0f0f0;
--seventv-text-color-secondary: #f0f0f078;
--seventv-input-background: #232323;
--seventv-input-border: #4c4c4c;
--seventv-input-background-highlight: #2b2b2b;
--seventv-embed-background: #18181b;
--seventv-embed-background-highlight: #26262b;
--seventv-embed-border: #121214;
--seventv-highlight-neutral-1: #8080803b;
--seventv-background-transparent-1: #171717;
--seventv-background-lesser-transparent-1: #191919;
--seventv-background-transparent-2: #131313;
--seventv-background-transparent-3: #111;
--seventv-border-transparent-1: #ffffff1a;
--seventv-background-shade-1: #171717;
--seventv-background-shade-2: #131313;
--seventv-background-shade-3: #111;
--seventv-primary: #29b6f6;
--seventv-accent: #66bb6a;
--seventv-warning: #df4545;
--seventv-info: #668dbb;
--seventv-muted: #999;
&.seventv-transparent {
--seventv-background-transparent-1: #171717c4;
--seventv-background-lesser-transparent-1: #161616f2;
--seventv-background-transparent-2: #13131397;
--seventv-background-transparent-3: #111111b5;
}
}
/* stylelint-disable-next-line selector-class-pattern */
.tw-root--theme-light,
body[theme="light"] {
--seventv-text-color-normal: #161616;
--seventv-text-color-secondary: #161616b3;
--seventv-input-background: #fff;
--seventv-input-border: #ccc;
--seventv-embed-background: #fff;
--seventv-embed-background-highlight: #cfcfcf;
--seventv-embed-border: #ccc;
--seventv-highlight-neutral-1: #cfcfcf9e;
--seventv-background-transparent-1: #f7f7f7;
--seventv-background-lesser-transparent-1: #f7f7f7;
--seventv-background-transparent-2: #e7e7e7;
--seventv-background-transparent-3: #d7d7d7;
--seventv-border-transparent-1: #0000001a;
--seventv-background-shade-1: #f7f7f7;
--seventv-background-shade-2: #e7e7e7;
--seventv-background-shade-3: #d7d7d7;
--seventv-primary: #29b6f6;
--seventv-accent: #66bb6a;
--seventv-warning: #ec3535;
--seventv-info: #668dbb;
--seventv-muted: #777;
&.seventv-transparent {
--seventv-background-transparent-1: #f7f7f7c4;
--seventv-background-lesser-transparent-1: #f7f7f7f2;
--seventv-background-transparent-2: #e7e7e797;
--seventv-background-transparent-3: #d7d7d7b5;
}
}
.brand-color-7tv {
color: var(--seventv-primary);
}
.seventv-painted-content {
background-color: currentcolor;
}
.seventv-painted-content[data-seventv-painted-text="true"] {
-webkit-text-fill-color: transparent;
background-clip: text !important;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-background-clip: text !important;
font-weight: 700;
}
:root.seventv-alternating-chat-lines {
.seventv-chat-observer > div:nth-child(even) {
background-color: var(--seventv-chat-alternate-background-color);
}
.seventv-chat-list .seventv-message:nth-child(even) {
background-color: var(--seventv-chat-alternate-background-color);
}
}