forked from canonical/vanilla-framework
/
_settings_colors.scss
55 lines (45 loc) · 1.83 KB
/
_settings_colors.scss
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
// Global color settings
$color-transparent: transparent !default;
$color-brand: #333 !default;
$color-link: #007aa6 !default;
$color-x-light: #fff !default;
$color-light: #f7f7f7 !default;
$color-mid-x-light: #e5e5e5 !default;
$color-mid-light: #cdcdcd !default;
$color-mid: #999 !default;
$color-mid-dark: #666 !default;
$color-dark: #111 !default;
$color-x-dark: #000 !default;
$color-negative: #c7162b !default;
$color-caution: #f99b11 !default;
$color-positive: #0e8420 !default;
$color-information: #335280 !default;
$color-label-validated: #006b75;
$color-input-shadow: rgba($color-x-dark, 0.12) !default;
$color-accent: $color-brand !default;
$color-accent-background: $color-accent !default;
// for visual outline on :active / :focus elements
$color-focus: #19b6ee !default;
$states: (
error: $color-negative,
caution: $color-caution,
success: $color-positive,
information: $color-information
);
$colors--light-theme--background: #fff !default;
$colors--light-theme--background-highlighted: #f7f7f7 !default;
$colors--light-theme--border-default: #cdcdcd !default;
$colors--light-theme--border-high-contrast: #999 !default;
$colors--light-theme--text-hover: #757575 !default;
$colors--light-theme--text-disabled: #666 !default;
$colors--light-theme--text-muted: #666 !default;
$colors--light-theme--text-default: #111 !default;
//text-hover: minimum contrast on primary that satisfies contrast checker AA
$colors--dark-theme--background: hsl(0, 0%, 15%) !default;
$colors--dark-theme--background-highlighted: hsl(0, 0%, 20%) !default;
$colors--dark-theme--border-default: hsl(0, 0%, 27%) !default;
$colors--dark-theme--border-high-contrast: hsl(0, 0%, 42%) !default;
$colors--dark-theme--text-hover: hsl(0, 0%, 56%) !default;
// TODO: add --text-disabled
// TODO: add --text-muted
$colors--dark-theme--text-default: hsl(0, 0%, 100%) !default;