GroupCtrl/input.css at main · brodmo-dev/GroupCtrl · 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
@import "tailwindcss";

@source "./src";

body {
    font-family: Inter, sans-serif;
    color: var(--secondary-color-4);
}

:root {
    color-scheme: dark;
    --dark: initial;
    --light: ;

    /* One Dark colors */
    --od-black: #282c34;
    --od-dark-gray: #2c323c;
    --od-gray: #3e4452;
    --od-light-gray: #5c6370;
    --od-white: #abb2bf;
    --od-blue: #61afef;
    --od-green: #98c379;
    --od-yellow: #e5c07b;
    --od-red: #e06c75;

    --muted-text: color-mix(in srgb, var(--od-dark-gray) 25%, var(--od-white));

    --primary-color: var(--od-black);
    --primary-color-1: var(--od-black);
    --primary-color-2: var(--od-dark-gray);
    --primary-color-3: var(--od-dark-gray);
    --primary-color-4: color-mix(in srgb, var(--od-dark-gray) 40%, var(--od-gray));
    --primary-color-5: var(--od-gray);
    --primary-color-6: var(--od-gray);
    --primary-color-7: var(--od-light-gray);

    --secondary-color-1: var(--od-white);
    --secondary-color-2: var(--od-white);
    --secondary-color-3: var(--od-white);
    --secondary-color-4: var(--od-white);
    --secondary-color-5: var(--od-light-gray);

    --focused-border-color: var(--od-blue);

    --primary-error-color: var(--od-gray);
    --secondary-error-color: var(--od-red);
    --contrast-error-color: var(--od-white);

    --primary-info-color: var(--od-gray);
    --secondary-info-color: var(--od-light-gray);

    --primary-success-color: var(--od-gray);
    --secondary-success-color: var(--od-green);

    --primary-warning-color: var(--od-gray);
    --secondary-warning-color: var(--od-yellow);
}

label {
    display: flex;
    align-items: center;
    color: var(--muted-text);
    font-size: 0.8rem;
    line-height: 1;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--od-light-gray) transparent;
}


.toast[data-type="error"] .toast-title,
.toast[data-type="error"] .toast-description {
    color: var(--od-red);
}