Repository navigation
Expand file tree
/
Copy pathHyprvision.theme.css
More file actions
131 lines (118 loc) · 8.98 KB
/
Copy pathHyprvision.theme.css
File metadata and controls
131 lines (118 loc) · 8.98 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
/**
* @name Hyprvision
* @author Aki
* @version 2.0.0
* @description ClearVision V7 + Hyprcord.
* @website https://clearvision.github.io/
* @invite dHaSxn3
*/
/* IMPORT ClearVision v7 */
@import url("https://clearvision.github.io/ClearVision-v7/main.css");
@import url("https://clearvision.github.io/ClearVision-v7/betterdiscord.css");
/* ServerColumns addon */
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/ServerColumns/ServerColumns.css');
/* IMPORT SOURCE (Themes) */
@import url('https://getbricked.github.io/Hyprcord/main.css');
/* SETTINGS */
:root {
/* ACCENT COLORS */
--main-color: #2780e6; /* main accent color (hex, rgb or hsl) [default: #2780e6] */
--hover-color: #1e63b3; /* hover accent color (hex, rgb or hsl) [default: #1e63b3] */
--success-color: #43b581; /* positive accent color (hex, rgb or hsl) [default: #43b581] */
--danger-color: #982929; /* danger accent color (hex, rgb or hsl) [default: #982929] */
/* STATUS COLORS */
--online-color: #43b581; /* online status color (hex, rgb or hsl) [default: #43b581] */
--idle-color: #faa61a; /* idle status color (hex, rgb or hsl) [default: #faa61a] */
--dnd-color: #982929; /* dnd status color (hex, rgb or hsl) [default: #982929] */
--streaming-color: #593695; /* streaming status color (hex, rgb or hsl) [default: #593695] */
--offline-color: #808080; /* offline/invisible status color (hex, rgb or hsl) [default: #808080] */
/* APP BACKGROUND */
--background-shading-percent: 100%; /* app background shading amount (0 for complete smoothness) [default: 100%] */
--background-image: url(https://clearvision.github.io/images/sapphire.jpg); /* app background image (link must be HTTPS) [default: url(https://clearvision.github.io/images/sapphire.jpg)]*/
--background-position: center; /* app background position [default: center] */
--background-size: cover; /* app background size (px) [default: cover] */
--background-attachment: fixed; /* app background attachment [default: fixed] */
--background-filter: saturate(calc(var(--saturation-factor, 1) * 1)); /* app background adjustments (ex: blur, saturation, brightness) (more info: https://developer.mozilla.org/en-US/docs/Web/CSS/filter) [default: saturate(calc(var(--saturation-factor, 1) * 1))] */
/* USER POPOUT BACKGROUND */
--user-popout-image: var(--background-image); /* user popout background image (link must be HTTPS) (not applied to nitro users) [default: var(--background-image)] */
--user-popout-position: var(--background-position); /* user popout position [default: var(--background-position)] */
--user-popout-size: var(--background-size); /* user popout size (px) [default: var(--background-size)] */
--user-popout-attachment: var(--background-attachment); /* user popout background attachment [default: var(--background-attachment)] */
--user-popout-filter: var(--background-filter); /* user popout background adjustments (ex: blur, saturation, brightness) (more info: https://developer.mozilla.org/en-US/docs/Web/CSS/filter) [default: var(--background-filter);] */
/* USER MODAL BACKGROUND */
--user-modal-image: var(--background-image); /* user modal background image (link must be HTTPS) (not applied to nitro users) [default: var(--background-image)] */
--user-modal-position: var(--background-position); /* user modal position [default: var(--background-position)] */
--user-modal-size: var(--background-size); /* user modal size (px) [default: var(--background-size)] */
--user-modal-attachment: var(--background-attachment); /* user modal background attachment [default: var(--background-attachment)] */
--user-modal-filter: var(--background-filter); /* user modal background adjustments (ex: blur, saturation, brightness) (more info: https://developer.mozilla.org/en-US/docs/Web/CSS/filter) [default: var(--background-filter);] */
/* HOME ICON */
--home-icon: url(https://clearvision.github.io/icons/discord.svg); /* home button icon (link must be HTTPS) [default: url(https://clearvision.github.io/icons/discord.svg)]*/
--home-size: cover; /* home button icon size (px) [default:cover] */
/* FONTS */
--main-font: "gg sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* main font for app (font must be installed) [default: gg sans, Helvetica Neue, Helvetica, Arial, sans-serif] */
--code-font: Consolas, "gg mono", "Liberation Mono", Menlo, Courier, monospace; /* font for codeblocks (font must be installed) [default: Consolas, Liberation Mono, Menlo, Courier, monospace] */
/* CHANNEL COLORS */
--channel-normal: var(--interactive-text-default); /* channel text color [default: var(--interactive-text-default)] */
--channel-muted: var(--interactive-muted); /* muted channel text color [default: var(--interactive-muted)] */
--channel-hover: var(--interactive-text-hover); /* hovered channel text color [default: var(--interactive-text-hover)] */
--channel-selected: var(--interactive-text-active); /* selected channel text color [default: var(--interactive-text-active)] */
--channel-selected-bg: var(--main-color); /* selected channel background [default: var(--main-color)] */
--channel-unread: var(--main-color); /* unread channel text color [default: var(--main-color)] */
--channel-unread-hover: var(--hover-color); /* unread channel hover color [default: var(--hover-color)] */
/* ACCESSIBILITY */
--focus-color: var(--main-color); /* outline when pressing TAB key [default: var(--main-color)] */
/* ---------------------- HYPRVISION CONFIG ---------------------- */
/* ServerColumns addon */
--columns: 1;
--guildsize: 57;
--aligndms: 0;
/* Global margin for everything default is 20px */
--global-margin: 20px;
/* The size of border radius (default is 10px) */
--global-radius: 10px;
/* The size and style of border (default is 1px and var(--bordersize, 1px) solid var(--hsl-main-color) */
--bordersize: 1px;
--border: var(--bordersize, 1px) solid var(--hsl-main-color);
}
/* THEME SPECIFIC SHADING */
/* LIGHT THEME */
:is(.theme-light, .theme-dark .theme-light) {
--background-shading: rgba(252, 252, 252, 0.3); /* app background shading color [default: rgba(252, 252, 252, 0.3)] */
--card-shading: rgba(252, 252, 252, 0.3); /* cards background shading color [default: rgba(252, 252, 252, 0.3)] */
--popout-shading: rgba(252, 252, 252, 0.7); /* popouts background shading color [default: rgba(252, 252, 252, 0.7)] */
--modal-shading: rgba(252, 252, 252, 0.5); /* modals background shading color [default: rgba(0, 0, 0, 0.6)] */
--input-shading: rgba(0, 0, 0, 0.3); /* inputs background shading color [default: rgba(0, 0, 0, 0.6)] */
--normal-text: #36363c; /* text color [default: #36363c] */
--muted-text: #75757e; /* muted text color [default: #75757e] */
}
/* ASH THEME */
:is(.theme-dark, .theme-light .theme-dark) {
--background-shading: rgba(0, 0, 0, 0.4); /* app background shading color [default: rgba(0, 0, 0, 0.4)] */
--card-shading: rgba(0, 0, 0, 0.2); /* cards background shading color [default: rgba(0, 0, 0, 0.2)] */
--popout-shading: rgba(0, 0, 0, 0.6); /* popouts background shading color [default: rgba(0, 0, 0, 0.6)] */
--modal-shading: rgba(0, 0, 0, 0.4); /* modals background shading color [default: rgba(0, 0, 0, 0.4)] */
--input-shading: rgba(255, 255, 255, 0.05); /* inputs background shading color [default: rgba(255, 255, 255, 0.05)] */
--normal-text: #d8d8db; /* text color [default: #d8d8db] */
--muted-text: #aeaeb4; /* muted text color [default: #aeaeb4] */
}
/* DARK THEME */
:is(.theme-darker, .theme-light .theme-darker) {
--background-shading: rgba(0, 0, 0, 0.6); /* app background shading color [default: rgba(0, 0, 0, 0.6)] */
--card-shading: rgba(0, 0, 0, 0.3); /* cards background shading color [default: rgba(0, 0, 0, 0.3)] */
--popout-shading: rgba(0, 0, 0, 0.7); /* popouts background shading color [default: rgba(0, 0, 0, 0.7)] */
--modal-shading: rgba(0, 0, 0, 0.5); /* modals background shading color [default: rgba(0, 0, 0, 0.6)] */
--input-shading: rgba(255, 255, 255, 0.05); /* inputs background shading color [default: rgba(255, 255, 255, 0.05)] */
--normal-text: #fbfbfb; /* text color [default: #fbfbfb] */
--muted-text: #94949c; /* muted text color [default: #94949c] */
}
/* ONYX THEME */
:is(.theme-midnight, .theme-light .theme-midnight) {
--background-shading: rgba(0, 0, 0, 0.8); /* app background shading color [default: rgba(0, 0, 0, 0.8)] */
--card-shading: rgba(0, 0, 0, 0.4); /* cards background shading color [default: rgba(0, 0, 0, 0.4)] */
--popout-shading: rgba(0, 0, 0, 0.8); /* popouts background shading color [default: rgba(0, 0, 0, 0.8)] */
--modal-shading: rgba(0, 0, 0, 0.6); /* modals background shading color [default: rgba(0, 0, 0, 0.6)] */
--input-shading: rgba(255, 255, 255, 0.05); /* inputs background shading color [default: rgba(255, 255, 255, 0.05)] */
--normal-text: #dcdcde; /* text color [default: #dcdcde] */
--muted-text: #86868e; /* muted text color [default: #86868e] */
}
/* ADD ADDITIONAL CSS BELOW HERE */