| @import '../../../infra-sk/themes.scss'; |
| |
| .body-sk.darkmode { |
| --dark-grayish-blue: #8899a6; |
| --dark-desaturated-blue: #192734; |
| |
| --active: #e57373; |
| --inactive: var(--dark-grayish-blue); |
| --silenced: #81c784; |
| --assigned: #ffb74d; |
| --selected: var(--dark-desaturated-blue); |
| |
| --minimized: var(--dark-desaturated-blue); |
| --comments: var(--dark-desaturated-blue); |
| --icons: #81c784; |
| --disabled: #616161; |
| --dialog-background: var(--dark-desaturated-blue); |
| } |
| |
| .body-sk { |
| --very-dark-gray: #4f4f4f; |
| |
| --active: var(--red); |
| --inactive: var(--very-dark-gray); |
| --silenced: var(--green); |
| --assigned: var(--orange); |
| --assigned-person: var(--light-orange); |
| --selected: var(--dark-white); |
| |
| --minimized: var(--dark-white); |
| --comments: var(--dark-white); |
| --icons: var(--green); |
| --dialog-background: var(--surface); |
| |
| input, |
| textarea { |
| border: solid 1px var(--on-surface); |
| color: var(--on-surface); |
| background: var(--surface); |
| } |
| |
| dialog { |
| border: solid 2px var(--on-surface); |
| color: var(--on-surface); |
| background: var(--dialog-background); |
| } |
| |
| a { |
| color: var(--primary); |
| } |
| } |