This repository was archived by the owner on Apr 11, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.scss
98 lines (95 loc) · 3.99 KB
/
index.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
:root {
/* ----------- MidnightMars Base ----------- */
/* ----- Default Theme --- */
--midnightmars-primary: #36263A;
--midnightmars-primary-alt: #432e4d;
--midnightmars-secondary: #281D30;
--midnightmars-secondary-alt: #211828;
--midnightmars-tertiary: #1a141f;
--midnightmars-modifiers: 168, 113, 182;
--midnightmars-accent: #9864a3;
--midnightmars-accent-dark: #895a92;
--midnightmars-green: #70ad85;
--midnightmars-pill-buttons: rgba(132, 101, 138, 0.522);
/* ----- Status Colors --- */
--status-online: #00ED8E;
--status-idle: #ffd37a;
--status-dnd: #F87E7C;
--status-offline-invisible: #ADADB8;
--status-streaming: #7e58be;
/* ----- Modals & Popouts --- */
--midnightmars-layer-primary: var(--midnightmars-primary);
--midnightmars-layer-secondary: var(--midnightmars-secondary);
--midnightmars-layer-secondary-alt: var(--midnightmars-secondary-alt);
--midnightmars-layer-outline: rgb(26, 20, 31, 0.5);
/* ----- Separation --- */
--border-radius: 5px;
--separation-padding: 7px;
/* ---------- MidnightMars Addons ---------- */
/* ----- Chat Indicator --- */
--border-thickness: 3px;
--border-color: var(--midnightmars-accent);
--border-hover-color: #64416b;
--border-roundness: 3px;
--transition-time: 500ms;
/* ----- Channel Indicators --- */
--indicator-hovered: rgba(152, 100, 163, 0.09);
--indicator-rounding: 0;
--indicator-border-info: 4px solid;
--indicator-selected: 152, 100, 163;
--indicator-selected-border: rgba(var(--indicator-selected));
--indicator-selected-background: rgba(var(--indicator-selected), 0.1);
--indicator-selected-hover: rgba(var(--indicator-selected), 0.18);
--indicator-unread: 168, 113, 182;
--indicator-unread-border: rgba(var(--indicator-unread), 0.55);
--indicator-unread-background: rgba(var(--indicator-unread), 0.045);
--indicator-connected: 112, 173, 133;
--indicator-connected-border: rgba(var(--indicator-connected), 0.55);
--indicator-connected-background: rgba(var(--indicator-connected), 0.1);
--indicator-connected-hover: rgba(var(--indicator-connected), 0.18);
/* ---------- Base Discord Colors ---------- */
/* ----- Default Theme --- */
--background-primary: var(--midnightmars-primary);
--background-secondary: var(--midnightmars-secondary);
--background-secondary-alt: var(--midnightmars-secondary-alt);
--background-tertiary: var(--midnightmars-tertiary);
--background-accent: var(--midnightmars-accent);
--background-floating: #19131f;
--channeltextarea-background: var(--midnightmars-secondary-alt);
--elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), 0 2px 0 rgba(4, 4, 5, 0.05);
--elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
/* ----- Text --- */
--text-normal: #fbfbfb;
--text-muted: #b2a6b6;
--text-link: #b6ecc8;
--channels-default: #b2a6b6;
--interactive-normal: #c8c8c8;
--interactive-hover: #dcddde;
--interactive-active: var(--text-normal);
--interactive-muted: #6f5e72;
--header-primary: var(--text-normal);
--header-secondary: #c9c9c9;
/* ----- Modifiers --- */
--background-modifier-selected: rgb(var(--midnightmars-modifiers), 0.09);
--background-modifier-hover: rgb(var(--midnightmars-modifiers), 0.12);
--background-modifier-active: rgb(var(--midnightmars-modifiers), 0.18);
--background-modifier-accent: rgba(170, 150, 176, 0.149);
/* ----- Toasts --- */
--toast-background: var(--midnightmars-primary);
--toast-header: var(--midnightmars-tertiary);
--toast-contents: var(--midnightmars-secondary);
--toast-box-shadow: rgba(0, 0, 0, .2);
--toast-border: var(--midnightmars-tertiary);
/* ----- Mentions --- */
--background-mentioned: rgba(68, 109, 83, 0.15);
--background-mentioned-hover: rgba(68, 109, 83, 0.25);
--background-mentioned-border: var(--midnightmars-green);
/* ----- Deprecated --- */
--deprecated-card-bg: var(--midnightmars-secondary);
--deprecated-card-editable-bg: var(--midnightmars-secondary);
--deprecated-text-input-border-disabled: var(--midnightmars-tertiary);
--deprecated-quickswitcher-input-background: var(--midnightmars-primary);
--deprecated-quickswitcher-input-placeholder: var(--text-muted);
}
@import './src/main/base';
@import './src/addons/import';