summaryrefslogtreecommitdiff
path: root/themes/prismite.sable.css
blob: a1033a019677425480992e049fa3cd1e64698c06 (plain)
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
/*
@sable-theme
id: prismite
name: Prismite
author: darkuss
kind: dark
contrast: low
tags: dark
fullThemeUrl: https://git.twoexem.com/darkuss/sable-themes/plain/themes/prismite.sable.css
*/

[class*="Sidebar_SidebarItemBadge__"] > span {
    background-color: var(--sable-primary-main);
}

body.sable-remote-theme {
  /* Background */
  --sable-bg-container: oklch(20% 0.01368 253.09);
  --sable-bg-container-hover: oklch(22.5% 0.01368 253.09);
  --sable-bg-container-active: oklch(22.5% 0.01368 253.09);
  --sable-bg-container-line: oklch(35% 0.023 253.09);
  --sable-bg-on-container: oklch(90% 0.01368 253.09);
  /* Surface */
  --sable-surface-container: oklch(20% 0.01368 253.09);
  --sable-surface-container-hover: oklch(22.5% 0.01368 253.09);
  --sable-surface-container-active: oklch(22.5% 0.01368 253.09);
  --sable-surface-container-line: oklch(35% 0.023 253.09);
  --sable-surface-on-container: oklch(90% 0.01368 253.09);
  /* Surface Variant */
  --sable-surface-var-container: oklch(22.5% 0.01368 253.09);
  --sable-surface-var-container-hover: oklch(25% 0.01368 253.09);
  --sable-surface-var-container-active: oklch(25% 0.01368 253.09);
  --sable-surface-var-container-line: oklch(35% 0.023 253.09);
  --sable-surface-var-on-container: oklch(90% 0.01368 253.09);
  /* Primary */
  --sable-primary-main: oklch(80% 0.12758 76.402);
  --sable-primary-main-hover:oklch(90% 0.12758 76.402);
  --sable-primary-main-active: var(--sable-primary-main-active);
  --sable-primary-main-line: transparent;
  --sable-primary-on-main: oklch(20% 0.01368 253.09);
  --sable-primary-container: var(--sable-primary-main);
  --sable-primary-container-hover: var(--sable-primary-main-hover);
  --sable-primary-container-active: var(--sable-primary-main-active);
  --sable-primary-container-line: var(--sable-primary-main-line);
  --sable-primary-on-container: var(--sable-primary-on-main);
  /* Secondary */
  --sable-sec-main: var(--sable-surface-container);
  --sable-sec-main-hover: var(--sable-surface-container-hover);
  --sable-sec-main-active: var(--sable-surface-container-active);
  --sable-sec-main-line: var(--sable-surface-container-line);
  --sable-sec-on-main: var(--sable-surface-on-container);
  --sable-sec-container: var(--sable-surface-var-container);
  --sable-sec-container-hover: var(--sable-surface-var-container-hover);
  --sable-sec-container-active: var(--sable-surface-var-container-active);
  --sable-sec-container-line: var(--sable-surface-var-container-line);
  --sable-sec-on-container: var(--sable-surface-var-on-container);
  /* Success */
  --sable-success-main: oklch(80% 0.11211 147.63);
  --sable-success-main-hover: oklch(90% 0.11211 147.63);
  --sable-success-main-active: var(--sable-success-main-active);
  --sable-success-main-line: transparent;
  --sable-success-on-main: oklch(20% 0.01368 253.09);
  --sable-success-container: var(--sable-success-main);
  --sable-success-container-hover: var(--sable-success-main-hover);
  --sable-success-container-active: var(--sable-success-main-active);
  --sable-success-container-line: var(--sable-success-main-line);
  --sable-success-on-container: var(--sable-success-on-main);
  /* Warning */
  --sable-warn-main: oklch(80% 0.139 45.216);
  --sable-warn-main-hover: oklch(80% 0.139 45.216);
  --sable-warn-main-active: var(--sable-warn-main-active);
  --sable-warn-main-line: transparent;
  --sable-warn-on-main: oklch(20% 0.01368 253.09);
  --sable-warn-container: var(--sable-warn-main);
  --sable-warn-container-hover: var(--sable-warn-main-hover);
  --sable-warn-container-active: var(--sable-warn-main-active);
  --sable-warn-container-line: var(--sable-warn-main-line);
  --sable-warn-on-container: var(--sable-warn-on-main);
  /* Crtical */
  --sable-crit-main: oklch(80% 0.15765 24.728);
  --sable-crit-main-hover:oklch(90% 0.15765 24.728);
  --sable-crit-main-active: var(--sable-crit-main-active);
  --sable-crit-main-line: transparent;
  --sable-crit-on-main: oklch(20% 0.01368 253.09);
  --sable-crit-container: var(--sable-crit-main);
  --sable-crit-container-hover: var(--sable-crit-main-hover);
  --sable-crit-container-active: var(--sable-crit-main-active);
  --sable-crit-container-line: var(--sable-crit-main-line);
  --sable-crit-on-container: var(--sable-crit-on-main);
  /* Other */
  --sable-focus-ring: rgba(255, 255, 255, 0.5);
  --sable-shadow: rgba(0, 0, 0, 1);
  --sable-overlay: rgba(0, 0, 0, 0.8);

  --tc-link: oklch(80% 0.12758 76.402);

  --mx-uc-1: oklch(80% 0.15765 24.728);
  --mx-uc-2: oklch(80% 0.139 45.216);
  --mx-uc-3: oklch(80% 0.12758 76.402);
  --mx-uc-4: oklch(80% 0.11211 147.63);
  --mx-uc-5: oklch(80% 0.09919 181.49);
  --mx-uc-6: oklch(80% 0.09994 249.58);
  --mx-uc-7: oklch(80% 0.09923 296.61);
  --mx-uc-8: oklch(80% 0.06662 9.2146);
}