|
4 | 4 | // Overrides for Macrostrat style system colors |
5 | 5 | $dark-background: #141a1e; |
6 | 6 |
|
7 | | - |
8 | 7 | $colors: ( |
9 | | - secondary-color: $gray3, |
10 | | - secondary-background: $light-gray1, |
11 | | - tertiary-background: $light-gray5, |
12 | | - tertiary-color: $light-gray4, |
13 | | - tertiary-border-color: $gray5, |
14 | | - accent-color: $light-gray3, |
15 | | - accent-hover-color: $light-gray1, |
16 | | - accent-border-color: $gray5, |
17 | | - background-color: #fff, |
18 | | - panel-background-color: #fff, |
19 | | - panel-secondary-background-color: #f5f8fa, |
20 | | - translucent-panel-background-color: rgba(255, 255, 255, 0.2), |
21 | | - panel-rule-color: #ddd, |
22 | | - accent-secondary-color: #f5f8fa, |
23 | | - accent-secondary-hover-color: #ebf1f5, |
24 | | - ui-color-accent: rgb(252, 217, 250), |
25 | | - ui-color-accent-text: rgb(143, 39, 138), |
26 | | - box-horizontal-padding: 0.8em, |
27 | | - text-color: #333, |
28 | | - text-subtle-color: #555, |
29 | | - dark-backgound: $dark-background, |
30 | | - text-emphasized-color: #000, |
31 | | - card-shadow-color: rgba(17, 20, 24, 0.15), |
32 | | - error-text-color: #cd4246, |
| 8 | + secondary-color: $gray3, |
| 9 | + secondary-background: $light-gray1, |
| 10 | + tertiary-background: $light-gray5, |
| 11 | + tertiary-color: $light-gray4, |
| 12 | + tertiary-border-color: $gray5, |
| 13 | + accent-color: $light-gray3, |
| 14 | + accent-hover-color: $light-gray1, |
| 15 | + accent-border-color: $gray5, |
| 16 | + background-color: #fff, |
| 17 | + panel-background-color: #fff, |
| 18 | + panel-secondary-background-color: #f5f8fa, |
| 19 | + translucent-panel-background-color: rgba(255, 255, 255, 0.2), |
| 20 | + panel-rule-color: #ddd, |
| 21 | + accent-secondary-color: #f5f8fa, |
| 22 | + accent-secondary-hover-color: #ebf1f5, |
| 23 | + ui-color-accent: rgb(252, 217, 250), |
| 24 | + ui-color-accent-text: rgb(143, 39, 138), |
| 25 | + box-horizontal-padding: 0.8em, |
| 26 | + text-color: #333, |
| 27 | + text-subtle-color: #555, |
| 28 | + dark-backgound: $dark-background, |
| 29 | + text-emphasized-color: #000, |
| 30 | + card-shadow-color: rgba(17, 20, 24, 0.15), |
| 31 | + error-text-color: #cd4246, |
33 | 32 | ); |
34 | 33 |
|
35 | 34 | $accent: color.scale($dark-background, $lightness: 10%); |
36 | 35 | $dark-text: $gray4; |
37 | 36 |
|
38 | 37 | $dark-colors: ( |
39 | | - dark-background: $dark-background, |
40 | | - text-emphasized-color: #fff, |
41 | | - text-color: $dark-text, |
42 | | - text-subtle-color: $gray3, |
43 | | - panel-background-color: $dark-background, |
44 | | - background-color: $dark-background, |
45 | | - panel-secondary-background-color: |
46 | | - color.scale($dark-background, $lightness: 5%), |
47 | | - translucent-panel-background-color: |
48 | | - color.change($dark-background, $alpha: 0.6), |
49 | | - accent-color: $accent, |
| 38 | + dark-background: $dark-background, |
| 39 | + text-emphasized-color: #fff, |
| 40 | + text-color: $dark-text, |
| 41 | + text-subtle-color: $gray3, |
| 42 | + panel-background-color: $dark-background, |
| 43 | + background-color: $dark-background, |
| 44 | + panel-secondary-background-color: |
| 45 | + color.scale($dark-background, $lightness: 5%), |
| 46 | + translucent-panel-background-color: |
| 47 | + color.change($dark-background, $alpha: 0.6), |
| 48 | + accent-color: $accent, |
50 | 49 | // light gray 3, |
51 | | - accent-secondary-color: $accent, |
52 | | - accent-secondary-hover-color: color.adjust($accent, $lightness: 5%), |
53 | | - panel-rule-color: #404854, |
54 | | - secondary-color: $gray1, |
| 50 | + accent-secondary-color: $accent, |
| 51 | + accent-secondary-hover-color: color.adjust($accent, $lightness: 5%), |
| 52 | + panel-rule-color: #404854, |
| 53 | + secondary-color: $gray1, |
55 | 54 | // gray3, |
56 | | - tertiary-background: $dark-gray5, |
57 | | - secondary-background: $dark-gray2, |
| 55 | + tertiary-background: $dark-gray5, |
| 56 | + secondary-background: $dark-gray2, |
58 | 57 | // light gray 5, |
59 | | - tertiary-color: #383e47, |
| 58 | + tertiary-color: #383e47, |
60 | 59 | // light gray 4, |
61 | | - tertiary-border-color: #5f6b7c, |
| 60 | + tertiary-border-color: #5f6b7c, |
62 | 61 | // gray 5, |
63 | | - accent-hover-color: color.adjust($accent, $lightness: 4%), |
| 62 | + accent-hover-color: color.adjust($accent, $lightness: 4%), |
64 | 63 | // light gray 1, |
65 | | - accent-border-color: #5f6b7c, |
| 64 | + accent-border-color: #5f6b7c, |
66 | 65 | // gray5, |
67 | | - card-shadow-color: color.adjust($gray1, $alpha: 0.2), |
68 | | - ui-color-accent-text: rgb(252, 217, 250), |
69 | | - ui-color-accent: color.adjust(rgb(143, 39, 138), $lightness: -50%), |
| 66 | + card-shadow-color: color.adjust($gray1, $alpha: 0.2), |
| 67 | + ui-color-accent-text: rgb(252, 217, 250), |
| 68 | + ui-color-accent: color.adjust(rgb(143, 39, 138), $lightness: -50%), |
70 | 69 | ); |
0 commit comments