@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), );