discord/theme.user.css at master · mountain-theme/discord · 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
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
/* ==UserStyle==
@name           Mountain
@namespace      https://github.com/pradyungn/Mountain
@version        1.0.0
@license        GPL
@description    Mountain Theme's official Discord CSS!
@author         pradyungn
==/UserStyle== */

@-moz-document domain("discord.com") {
	/* Based off of Kraxen72's rosebox */

	@import url("https://kraxen72.github.io/harmony-discord/main.css");
	:root {
		/*gruvbox override*/
		--Colleft: var(--slate-background);
		--background-primary: var(--slate-background-light);
		--background-primary: #0f0f0f;
		--Colleft: #191919;
		--background-secondary: var(--Colleft);
		--background-tertiary: #262626;
		--ColAccent: #ac8a8c;
		--ColAccentAlpha: #ac8a8c20;

		/*set respecitve colors to Colleft - ignore*/
		--ColServerSelBG: var(--Colleft);
		--ColChannelList: var(--Colleft);
		--ColTitleBar: var(--Colleft);
		--ColMemberList: var(--background-primary);
		--ColLink: #9ec3c4;
		--text-link: var(--ColLink);

		--text-fix: #f0f0f0;

		--text-normal: var(--text-fix);
		--interactive-active: var(--text-fix);
		--header-primary: #f0f0f0;
	}
	.searchBarComponent-32dTOx,
	.search-36MZv- {
		background-color: var(--background-secondary) !important;
	}

	.inspector-S2gM3e,
	.input-1Rv96N,
	.uploadModal-2ifh8j,
	.footer-3mqk7D.hasSpoilers-1IRtQC,
	.theme-dark .root-1gCeng,
	.message-2qRu38 {
		background-color: var(--background-primary) !important;
	}

	.lookFilled-1Gx00P.colorBrand-3pXr91 {
		background-color: #8f8aac !important;
	}

	.autocompleteInner-zh20B_ {
		background-color: var(--Colleft) !important;
	}

	::selection {
		background-color: var(--ColAccentAlpha) !important;
	}

	.selected-1Tbx07 {
		background-color: var(--background-modifier-selected) !important;
	}
	.body-3ND3kc,
	.theme-dark .body-3iLsc4,
	.theme-dark .footer-1fjuF6,
	.theme-dark .footer-2gL1pp,
	.section-2gLsgF {
		background-color: #262626;
	}
	.connectedAccount-36nQx7 {
		border: 1px solid rgba(0, 0, 0, 0.2) !important;
	}

	.colorDefault-2K3EoJ.focused-3afm-j {
		background-color: var(--background-modifier-selected) !important;
	}
	.button-1YfofB.buttonColor-7qQbGO {
		color: #fff !important;
	}

	.headerSpotify-zpWxgT,
	.topSectionSpotify-1lI0-P {
		z-index: 1;
		background: #8aac8b;
	}

	.headerPlaying-j0WQBV,
	.topSectionPlaying-1J5E4n {
		z-index: 1;
		background: #aca98a;
	}

	.verified-1eC5dy:not(.disableColor-MwOAZf) > svg path {
		fill: #8f8aac;
	}

	.topSectionSpotify-1lI0-P > header > button {
		background: #4c4c4c !important;
		color: #f0f0f0 !important;
	}

	.avatar-3EQepX {
		transition: 250ms ease !important;
	}

	.avatar-3EQepX:hover {
		transform: scale(1.5);
	}

	.toolbar-1t6TWx [aria-label="Member List"] {
		display: block !important;
	}

	.headerNormal-T_seeN .topSectionNormal-2-vo2m {
		background: #262626 !important;
	}
}