You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
150 lines
3.5 KiB
150 lines
3.5 KiB
@use "sass:map";
|
|
|
|
//Used in light themes
|
|
$dark-primary-text: rgba(#000939, 0.87);
|
|
$dark-secondary-text: rgba(#000939, 0.54);
|
|
$dark-disabled-text: rgba(#000939, 0.38);
|
|
$dark-dividers: rgba(#000939, 0.12);
|
|
$dark-focused: rgba(#000939, 0.12);
|
|
//Used in dark themes
|
|
$light-primary-text: white;
|
|
$light-secondary-text: rgba(white, 0.7);
|
|
$light-disabled-text: rgba(white, 0.5);
|
|
$light-dividers: rgba(white, 0.12);
|
|
$light-focused: rgba(white, 0.12);
|
|
|
|
$nothing-dark-map: (
|
|
50 : #acb7b7,
|
|
100 : #849393,
|
|
200 : #687777,
|
|
300 : #475151,
|
|
400 : #384040,
|
|
500 : #2a3030,
|
|
600 : #1c2020,
|
|
700 : #0d0f0f,
|
|
800 : #000000,
|
|
900 : #000000,
|
|
A100 : #8ecbcb,
|
|
A200 : #4da6a6,
|
|
A400 : #375656,
|
|
A700 : #334040,
|
|
contrast: (50 : $dark-primary-text,
|
|
100 : $dark-primary-text,
|
|
200 : $light-primary-text,
|
|
300 : $light-primary-text,
|
|
400 : $light-primary-text,
|
|
500 : $light-primary-text,
|
|
600 : $light-primary-text,
|
|
700 : $light-primary-text,
|
|
800 : $light-primary-text,
|
|
900 : $light-primary-text,
|
|
A100 : $dark-primary-text,
|
|
A200 : $dark-primary-text,
|
|
A400 : $light-primary-text,
|
|
A700 : $light-primary-text,
|
|
)
|
|
);
|
|
|
|
$nothing-dark-map: (
|
|
50 : #acb7b7,
|
|
100 : #849393,
|
|
200 : #687777,
|
|
300 : #475151,
|
|
400 : #384040,
|
|
500 : #2a3030,
|
|
600 : #1c2020,
|
|
700 : #0d0f0f,
|
|
800 : #000000,
|
|
900 : #000000,
|
|
A100 : #8ecbcb,
|
|
A200 : #4da6a6,
|
|
A400 : #375656,
|
|
A700 : #334040,
|
|
contrast: (50 : $dark-primary-text,
|
|
100 : $dark-primary-text,
|
|
200 : $light-primary-text,
|
|
300 : $light-primary-text,
|
|
400 : $light-primary-text,
|
|
500 : $light-primary-text,
|
|
600 : $light-primary-text,
|
|
700 : $light-primary-text,
|
|
800 : $light-primary-text,
|
|
900 : $light-primary-text,
|
|
A100 : $dark-primary-text,
|
|
A200 : $dark-primary-text,
|
|
A400 : $light-primary-text,
|
|
A700 : $light-primary-text,
|
|
)
|
|
);
|
|
|
|
$nothing-light-map: (
|
|
50 : #ffffff,
|
|
100 : #ffffff,
|
|
200 : #ffffff,
|
|
300 : #ffffff,
|
|
400 : #f2f2f2,
|
|
500 : #e3e3e3,
|
|
600 : #d4d4d4,
|
|
700 : #c4c4c4,
|
|
800 : #b5b5b5,
|
|
900 : #a6a6a6,
|
|
A100 : #ffffff,
|
|
A200 : #ffffff,
|
|
A400 : #fdfcfc,
|
|
A700 : #f0efef,
|
|
contrast: (
|
|
50 : #000000,
|
|
100 : #000000,
|
|
200 : #000000,
|
|
300 : #000000,
|
|
400 : #000000,
|
|
500 : #000000,
|
|
600 : #000000,
|
|
700 : #000000,
|
|
800 : #000000,
|
|
900 : #000000,
|
|
A100 : #000000,
|
|
A200 : #000000,
|
|
A400 : #000000,
|
|
A700 : #000000,
|
|
)
|
|
);
|
|
|
|
|
|
|
|
|
|
$nothing-theme-background-palette: (
|
|
status-bar: #0b2844,
|
|
app-bar: map.get($nothing-dark-map, 900),
|
|
background: map.get($nothing-dark-map, 500),
|
|
hover: rgba(white, 0.04),
|
|
card: map.get($nothing-dark-map, 400),
|
|
dialog: map.get($nothing-dark-map, 500),
|
|
disabled-button: rgba(white, 0.12),
|
|
raised-button: map.get($nothing-dark-map, 800),
|
|
focused-button: $light-focused,
|
|
selected-button: map.get($nothing-dark-map, 900),
|
|
selected-disabled-button: map.get($nothing-dark-map, 800),
|
|
disabled-button-toggle: #243b53,
|
|
unselected-chip: map.get($nothing-dark-map, 700),
|
|
disabled-list-option: #243b53,
|
|
tooltip: map.get($nothing-dark-map, 700),
|
|
);
|
|
|
|
$nothing-theme-foreground-palette: (
|
|
base: white,
|
|
divider: $light-dividers,
|
|
dividers: $light-dividers,
|
|
disabled: $light-disabled-text,
|
|
disabled-button: rgba(white, 0.3),
|
|
disabled-text: $light-disabled-text,
|
|
elevation: black,
|
|
hint-text: $light-disabled-text,
|
|
secondary-text: $light-secondary-text,
|
|
icon: white,
|
|
icons: white,
|
|
text: white,
|
|
slider-min: white,
|
|
slider-off: rgba(white, 0.3),
|
|
slider-off-active: rgba(white, 0.3),
|
|
); |