random/discord_accent.css at main · ccrowles/random · GitHub

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
:root {
	/* color of links */
	--accent-1: hsl(249, 22%, 60%);
	/* color of unread dividers and some indicators */
	--accent-2: hsl(249, 22%, 48%);
	/* color of accented buttons */
	--accent-3: hsl(249, 22%, 42%);
	/* color of accented buttons when hovered */
	--accent-4: hsl(249, 22%, 36%);
	/* color of accented buttons when clicked */
	--accent-5: hsl(249, 22%, 30%);
	/* color of green online dot, change to #23a55a for default green */
	--online-indicator: var(--accent-2);
	/* color of mentions and messages that mention you */
	--mention: hsla(249, 22%, 52%, 0.1);
	/* color of mentions and messages that mention you when hovered */
	--mention-hover: hsla(249, 22%, 52%, 0.05);
}

.activeButtonChild__6e162 {
	color: var(--accent-2);
}
.container_ca50b9 /* user panel button strikethroughs */,
.numberBadge__50328 /* unread number badge */,
.toolbar__88c63 /* toolbar button strikethroughs */ {
	--status-danger: var(--accent-2);
}

.divider_b9338f /* unread divider */ {
	--status-danger: var(--accent-3);
}
.message__80c10.mentioned__58017:before /* mention message left edge */,
.container__871ba.checked__6bdb0 /* settings checkbuttons */ {
	background: var(--accent-3) !important;
}
path[fill='rgba(35, 165, 90, 1)'] {
	fill: var(--accent-3);
}
.container_a308ae:last-child .icon__28d6c /* explore discoverable servers icon color */ {
	background-color: #3ba55c;
	filter: hue-rotate(56deg) saturate(1.43);
}
.container_a308ae:first-child .icon__28d6c {
	filter: hue-rotate(304deg) saturate(0.84) brightness(1.2);
}
rect[fill='#23a55a'] {
	fill: var(--online-indicator) !important;
}

.theme-dark {
	--background-mentioned: var(--mention);
	--background-mentioned-hover: var(--mention-hover);
	--control-brand-foreground: var(--accent-2);
	--mention-background: var(--mention);
	--mention-foreground: var(--accent-1);

	--brand-430: var(--accent-3);
	--brand-500: var(--accent-3);
	--brand-560: var(--accent-4);
	--brand-600: var(--accent-5);

	--green-330: var(--accent-1);
	--green-360: var(--accent-3);
	--green-430: var(--accent-4);
	--green-500: var(--accent-4);
	--green-530: var(--accent-5);

	--brand-experiment-15a: var(--mention);
}