Vestheme/Mystic-Valley.css at uno · CtorW/Vestheme · 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
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');

body {
    --font: 'figtree';
    --code-font: '';
    font-weight: 400;

    --gap: 12px;
    --divider-thickness: 4px;
    --border-thickness: 1px;

    --animations: on;
    --list-item-transition: 0.2s ease;
    --dms-icon-svg-transition: 0.4s ease;
    --border-hover-transition: 0.2s ease;

    --top-bar-height: var(--gap);
    --top-bar-button-position: titlebar;
    --top-bar-title-position: off;
    --subtle-top-bar-title: off;

    --custom-window-controls: on;
    --window-control-size: 14px;

    --custom-dms-icon: custom;
    --dms-icon-svg-url: url('https://refact0r.github.io/midnight-discord/assets/Font_Awesome_5_solid_moon.svg');
    --dms-icon-svg-size: 90%;
    --dms-icon-color-before: var(--icon-secondary);
    --dms-icon-color-after: var(--white);
    --custom-dms-background: off;
    --dms-background-image-url: url('');
    --dms-background-image-size: cover;
    --dms-background-color: linear-gradient(70deg, var(--blue-2), var(--purple-2), var(--red-2));

    --background-image: on;
    --background-image-url: url('https://i.imgur.com/your-image-url.png');

    --transparency-tweaks: off;
    --remove-bg-layer: off;
    --panel-blur: off;
    --blur-amount: 12px;
    --bg-floating: var(--bg-3);

    --custom-chatbar: aligned;
    --chatbar-height: 47px;
    --chatbar-padding: 8px;

    --small-user-panel: on;
}

:root {
    --colors: on;

    --text-0: #FFFFFF;
    --text-1: #dcd5f2;
    --text-2: #b8aedb;
    --text-3: #a39ac4;
    --text-4: #7c749c;
    --text-5: #5c5470;

    --bg-1: #504768;
    --bg-2: #413a52;
    --bg-3: #352f44;
    --bg-4: #2a2438;
    --hover: rgba(220, 213, 242, 0.1);
    --active: rgba(220, 213, 242, 0.2);
    --active-2: rgba(220, 213, 242, 0.3);
    --message-hover: hsla(0, 0%, 0%, 0.1);

    --accent-1: #f3c88c;
    --accent-2: #e8ac65;
    --accent-3: #f3c88c;
    --accent-4: #ffdd99;
    --accent-5: #e8ac65;
    --accent-new: var(--accent-2);
    --mention: linear-gradient(to right, color-mix(in hsl, var(--accent-2), transparent 90%) 40%, transparent);
    --mention-hover: linear-gradient(to right, color-mix(in hsl, var(--accent-2), transparent 95%) 40%, transparent);
    --reply: linear-gradient(to right, color-mix(in hsl, var(--text-3), transparent 90%) 40%, transparent);
    --reply-hover: linear-gradient(to right, color-mix(in hsl, var(--text-3), transparent 95%) 40%, transparent);

    --online: #6aa89a;
    --dnd: #c87a48;
    --idle: #f3c88c;
    --streaming: #8c6da6;
    --offline: #5c5470;

    --border-light: var(--hover);
    --border: var(--active);
    --border-hover: #f3c88c;
    --button-border: hsl(0, 0%, 100%, 0.1);
}