-
Notifications
You must be signed in to change notification settings - Fork 80
/
Copy pathSkeuoCord_NoBrandReplace.theme.css
132 lines (129 loc) · 8.69 KB
/
SkeuoCord_NoBrandReplace.theme.css
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
/**
* @name SkeuoCord (No Brand Color Replacement)
* @author Marda33
* @version Auto Update
* @description A complete skeuomorphic overhaul for Discord.
* @website https://github.com/Marda33/SkeuoCord
* @source https://marda33.github.io/SkeuoCord/updates/SkeuoCordBase.css
*/
@import url("https://marda33.github.io/SkeuoCord/updates/SkeuoCordBase.css");
/*replace SkeuoCordBase with SkeuoCord_BGImport to use custom BG image*/
/*replace SkeuoCordBase with SkeuoCord_BGImport_ExtTransp to use custom BG image with more transparent UI*/
/*replace SkeuoCordBase with SkeuoCord_Recolor to change default blue accent color with your own, SkeuoCord_Recolor_CustomBG for recolor+custom BG*/
:root {
/*---Theme Settings---*/
/*Custom BG - enter the link to the image you want to use as the app background, keep quotes*/
--bg-image: url('here') center/cover no-repeat;
/*User Avatar Border Radius Values - change all below to 999px for circle avatars, set back to default values for square avatars*/
--maskradius: 2px; /*default: 2px*/
--avatarradius: 3px; /*default: 3px*/
--smallavatarradius: 2px; /*default: 2px*/
--medavatarradius: 4px; /*default: 4px*/
--largeavatarradius: 5px ; /*default: 5px*/
/*User Avatar Border Values - change all to none to remove avatar borders*/
--smallborder_dark: 2px solid rgba(152,152,153); /*default: 2px solid rgba(152,152,153)*/
--smallborder_light: 2px solid rgba(82,82,83); /*default: 2px solid rgba(82,82,83)*/
--chatborder_dark: 0 0 0 2px rgba(230,230,230,0.6), 0 0 4px 4px rgba(0,0,0,0.5); /*default: 0 0 0 2px rgba(230,230,230,0.6), 0 0 4px 4px rgba(0,0,0,0.5)*/
--chatborder_light: 0 0 0 2px rgba(60,60,60,0.8), 0 0 4px 4px rgba(0,0,0,0.27); /*default: 0 0 0 2px rgba(60,60,60,0.8), 0 0 4px 4px rgba(0,0,0,0.27)*/
--medborder_dark: 0 0 0 3px rgba(230,230,230,0.6), 0 0 4px 4px rgba(0,0,0,0.6); /*default: 0 0 0 3px rgba(230,230,230,0.6), 0 0 4px 4px rgba(0,0,0,0.6)*/
--medborder_light: 0 0 0 3px rgba(60,60,60,0.8), 0 0 4px 4px rgba(0,0,0,0.27); /*default: 0 0 0 3px rgba(60,60,60,0.8), 0 0 4px 4px rgba(0,0,0,0.27)*/
--largeborder_dark: 0 0 0 4px rgba(230,230,230,0.6), 0 0 5px 5px rgba(0,0,0,0.6); /*default: 0 0 0 4px rgba(230,230,230,0.6), 0 0 5px 5px rgba(0,0,0,0.6)*/
--largeborder_light: 0 0 0 4px rgba(60,60,60,0.8), 0 0 5px 5px rgba(0,0,0,0.27); /*default: 0 0 0 4px rgba(60,60,60,0.8), 0 0 5px 5px rgba(0,0,0,0.27)*/
/*UI Gradients - change main UI element gradient colors*/
/*---Headers-Footers (Server name header-user menu footer-chat textbox), Toolbars (Channel toolbar)---*/
--header_dark_top: rgb(58,58,58); /*default: rgb(58,58,58)*/
--header_dark_bottom: rgb(0,0,0); /*default: rgb(0,0,0)*/
--header_light_top: rgb(228,228,228); /*default: rgb(228,228,228)*/
--header_light_bottom: rgb(174,174,174); /*default: rgb(174,174,174)*/
--toolbar_dark_top: rgb(88,88,88); /*default: rgb(88,88,88)*/
--toolbar_dark_bottom: rgb(29,29,29); /*default: rgb(29,29,29)*/
--toolbar_light_top: rgb(211,211,211); /*default: rgb(211,211,211)*/
--toolbar_light_bottom: rgb(154,154,154); /*default: rgb(154,154,154)*/
/*---Cells---*/
/*---(Unthemed profiles, file embeds etc.)---*/
--cell_dark_top: hsl(220, calc(var(--saturation-factor, 1) * 7.7%), 22.9%); /*default: hsl(220, calc(var(--saturation-factor, 1) * 7.7%), 22.9%)*/
--cell_dark_bottom: hsl(210, calc(var(--saturation-factor, 1) * 3.4%), 11.4%); /*default: hsl(210, calc(var(--saturation-factor, 1) * 3.4%), 11.4%)*/
--cell_light_top: hsl(30, calc(var(--saturation-factor, 1) * 3.4%), 88.6%); /*default: hsl(30, calc(var(--saturation-factor, 1) * 3.4%), 88.6%)*/
--cell_light_bottom: hsl(40, calc(var(--saturation-factor, 1) * 7.7%), 77.1%); /*default: hsl(40, calc(var(--saturation-factor, 1) * 7.7%), 77.1%)*/
/*---Backgrounds---*/
/*---(Main for server column-page BGs, list for channel-DMs-members list BGs, sidebar for settings sidebar BG)---*/
--mainbg_dark_top: hsl(210, calc(var(--saturation-factor, 1) * 7.7%), 5.1%); /*default: hsl(210, calc(var(--saturation-factor, 1) * 7.7%), 5.1%) 100%)*/
--mainbg_dark_bottom: hsl(216, calc(var(--saturation-factor, 1) * 5.7%), 17.1%); /*default: hsl(216, calc(var(--saturation-factor, 1) * 5.7%), 17.1%)*/
--mainbg_light_top: hsl(45, calc(var(--saturation-factor, 1) * 4.8%), 83.5%); /*default: hsl(45, calc(var(--saturation-factor, 1) * 4.8%), 83.5%)*/
--mainbg_light_bottom: hsl(40, calc(var(--saturation-factor, 1) * 5.7%), 89.6%); /*default: hsl(40, calc(var(--saturation-factor, 1) * 5.7%), 89.6%)*/
--listbg_dark_top: hsl(240, calc(var(--saturation-factor, 1) * 3.7%), 10.6%); /*default: hsl(240, calc(var(--saturation-factor, 1) * 3.7%), 10.6%)*/
--listbg_dark_bottom: hsl(225, calc(var(--saturation-factor, 1) * 8.0%), 19.6%); /*default: hsl(225, calc(var(--saturation-factor, 1) * 8.0%), 19.6%)*/
--listbg_light_top: hsl(48, calc(var(--saturation-factor, 1) * 3.4%), 70.8%); /*default: hsl(48, calc(var(--saturation-factor, 1) * 3.4%), 70.8%)*/
--listbg_light_bottom: hsl(43, calc(var(--saturation-factor, 1) * 8.6%), 84.1%); /*default: hsl(43, calc(var(--saturation-factor, 1) * 8.6%), 84.1%)*/
--sidebar_dark_top: hsl(223, calc(var(--saturation-factor, 1) * 7.5%), 18.2%); /*default: hsl(223, calc(var(--saturation-factor, 1) * 7.5%), 18.2%)*/
--sidebar_dark_bottom: hsl(210, calc(var(--saturation-factor, 1) * 4.0%), 9.8%); /*default: hsl(210, calc(var(--saturation-factor, 1) * 4.0%), 9.8%)*/
--sidebar_light_top: hsl(43, calc(var(--saturation-factor, 1) * 11.5%), 88.0%); /*default: hsl(43, calc(var(--saturation-factor, 1) * 11.5%), 88.0%)*/
--sidebar_light_bottom: hsl(60, calc(var(--saturation-factor, 1) * 4.3%), 77.1%); /*default: hsl(60, calc(var(--saturation-factor, 1) * 4.3%), 77.1%)*/
/*---Backgrounds (For Custom BG - RGB values only, leave no spaces)---*/
--maintransp_dark_top: 12,13,14; /*default: 12,13,14*/
--maintransp_dark_bottom: 41,43,46; /*default: 41,43,46*/
--maintransp_light_top: 215,214,211; /*default: */
--maintransp_light_bottom: 230,229,227; /*default: 230,229,227*/
--chattransp_dark_top: 54,57,63; /*default: 54,57,63*/
--chattransp_dark_bottom: 41,43,46; /*default: 41,43,46*/
--chattransp_light_top: 227,226,225; /*default: 227,226,225*/
--chattransp_light_bottom: 201,198,192; /*default: 201,198,192*/
--listtransp_dark_top: 26,26,28; /*default: 26,26,28*/
--listtransp_dark_bottom: 46,48,54; /*default: 46,48,54*/
--listtransp_light_top: 183,182,178; /*default: 183,182,178*/
--listtransp_light_bottom: 218,216,211; /*default: 218,216,211*/
--sidebartransp_dark_top: 43,45,50; /*default: 43,45,50*/
--sidebartransp_dark_bottom: 24,25,26; /*default: 24,25,26*/
--sidebartransp_light_top: 228,226,221; /*default: 228,226,221*/
--sidebartransp_light_bottom: 199,199,194; /*default: 199,199,194*/
/*------*/
}
* {
--brand-100: #f7f7fe !important;
--brand-130: #f0f1fe !important;
--brand-160: #e7e9fd !important;
--brand-200: #dee0fc !important;
--brand-230: #d4d7fc !important;
--brand-260: #c9cdfb !important;
--brand-300: #bcc1fa !important;
--brand-330: #a8aff8 !important;
--brand-360: #949cf7 !important;
--brand-400: #7984f5 !important;
--brand-430: #707bf4 !important;
--brand-460: #6571f3 !important;
--brand: #5865f2 !important;
--brand-500: #5865f2 !important;
--brand-530: #505cdc !important;
--brand-560: #4752c4 !important;
--brand-600: #3c45a5 !important;
--brand-630: #343b8f !important;
--brand-660: #2d347d !important;
--brand-700: #232861 !important;
--brand-730: #21265b !important;
--brand-760: #1e2353 !important;
--brand-800: #1a1e49 !important;
--brand-830: #141738 !important;
--brand-860: #0d0f24 !important;
--brand-900: #04050c !important;
--brand-05a: rgba(88,101,242,0.05) !important;
--brand-10a: rgba(88,101,242,0.1) !important;
--brand-15a: rgba(88,101,242,0.15) !important;
--brand-20a: rgba(88,101,242,0.2) !important;
--brand-25a: rgba(88,101,242,0.25) !important;
--brand-30a: rgba(88,101,242,0.3) !important;
--brand-35a: rgba(88,101,242,0.35) !important;
--brand-40a: rgba(88,101,242,0.4) !important;
--brand-45a: rgba(88,101,242,0.45) !important;
--brand-50a: rgba(88,101,242,0.5) !important;
--brand-55a: rgba(88,101,242,0.55) !important;
--brand-60a: rgba(88,101,242,0.6) !important;
--brand-65a: rgba(88,101,242,0.65) !important;
--brand-70a: rgba(88,101,242,0.7) !important;
--brand-75a: rgba(88,101,242,0.75) !important;
--brand-80a: rgba(88,101,242,0.8) !important;
--brand-85a: rgba(88,101,242,0.85) !important;
--brand-90a: rgba(88,101,242,0.9) !important;
--brand-95a: rgba(88,101,242,0.95) !important;
--control-brand-foreground: #949cf7 !important;
}
/* ---- */