repositories / poolifier.git / blame
| Commit | Line | Data |
|---|---|---|
| 24c3fcb4 | 1 | :root { |
| 41015374 JB |
2 | --light-hl-0: #0000FF; |
| 3 | --dark-hl-0: #569CD6; | |
| 4 | --light-hl-1: #000000; | |
| 5 | --dark-hl-1: #D4D4D4; | |
| 6 | --light-hl-2: #0070C1; | |
| 7 | --dark-hl-2: #4FC1FF; | |
| 8 | --light-hl-3: #795E26; | |
| 9 | --dark-hl-3: #DCDCAA; | |
| 10 | --light-hl-4: #A31515; | |
| 11 | --dark-hl-4: #CE9178; | |
| 12 | --light-hl-5: #008000; | |
| 13 | --dark-hl-5: #6A9955; | |
| 14 | --light-hl-6: #001080; | |
| 15 | --dark-hl-6: #9CDCFE; | |
| 16 | --light-hl-7: #098658; | |
| 17 | --dark-hl-7: #B5CEA8; | |
| 18 | --light-hl-8: #AF00DB; | |
| 19 | --dark-hl-8: #C586C0; | |
| 24c3fcb4 JB |
20 | --light-code-background: #FFFFFF; |
| 21 | --dark-code-background: #1E1E1E; | |
| 22 | } | |
| 23 | ||
| 24 | @media (prefers-color-scheme: light) { :root { | |
| 41015374 JB |
25 | --hl-0: var(--light-hl-0); |
| 26 | --hl-1: var(--light-hl-1); | |
| 27 | --hl-2: var(--light-hl-2); | |
| 28 | --hl-3: var(--light-hl-3); | |
| 29 | --hl-4: var(--light-hl-4); | |
| 30 | --hl-5: var(--light-hl-5); | |
| 31 | --hl-6: var(--light-hl-6); | |
| 32 | --hl-7: var(--light-hl-7); | |
| 33 | --hl-8: var(--light-hl-8); | |
| 24c3fcb4 JB |
34 | --code-background: var(--light-code-background); |
| 35 | } } | |
| 36 | ||
| 37 | @media (prefers-color-scheme: dark) { :root { | |
| 41015374 JB |
38 | --hl-0: var(--dark-hl-0); |
| 39 | --hl-1: var(--dark-hl-1); | |
| 40 | --hl-2: var(--dark-hl-2); | |
| 41 | --hl-3: var(--dark-hl-3); | |
| 42 | --hl-4: var(--dark-hl-4); | |
| 43 | --hl-5: var(--dark-hl-5); | |
| 44 | --hl-6: var(--dark-hl-6); | |
| 45 | --hl-7: var(--dark-hl-7); | |
| 46 | --hl-8: var(--dark-hl-8); | |
| 24c3fcb4 JB |
47 | --code-background: var(--dark-code-background); |
| 48 | } } | |
| 49 | ||
| a76fac14 | 50 | :root[data-theme='light'] { |
| 41015374 JB |
51 | --hl-0: var(--light-hl-0); |
| 52 | --hl-1: var(--light-hl-1); | |
| 53 | --hl-2: var(--light-hl-2); | |
| 54 | --hl-3: var(--light-hl-3); | |
| 55 | --hl-4: var(--light-hl-4); | |
| 56 | --hl-5: var(--light-hl-5); | |
| 57 | --hl-6: var(--light-hl-6); | |
| 58 | --hl-7: var(--light-hl-7); | |
| 59 | --hl-8: var(--light-hl-8); | |
| 24c3fcb4 JB |
60 | --code-background: var(--light-code-background); |
| 61 | } | |
| 62 | ||
| a76fac14 | 63 | :root[data-theme='dark'] { |
| 41015374 JB |
64 | --hl-0: var(--dark-hl-0); |
| 65 | --hl-1: var(--dark-hl-1); | |
| 66 | --hl-2: var(--dark-hl-2); | |
| 67 | --hl-3: var(--dark-hl-3); | |
| 68 | --hl-4: var(--dark-hl-4); | |
| 69 | --hl-5: var(--dark-hl-5); | |
| 70 | --hl-6: var(--dark-hl-6); | |
| 71 | --hl-7: var(--dark-hl-7); | |
| 72 | --hl-8: var(--dark-hl-8); | |
| 24c3fcb4 JB |
73 | --code-background: var(--dark-code-background); |
| 74 | } | |
| 75 | ||
| 41015374 JB |
76 | .hl-0 { color: var(--hl-0); } |
| 77 | .hl-1 { color: var(--hl-1); } | |
| 78 | .hl-2 { color: var(--hl-2); } | |
| 79 | .hl-3 { color: var(--hl-3); } | |
| 80 | .hl-4 { color: var(--hl-4); } | |
| 81 | .hl-5 { color: var(--hl-5); } | |
| 82 | .hl-6 { color: var(--hl-6); } | |
| 83 | .hl-7 { color: var(--hl-7); } | |
| 84 | .hl-8 { color: var(--hl-8); } | |
| 24c3fcb4 | 85 | pre, code { background: var(--code-background); } |