320 lines · 9.9 KB
@media (prefers-color-scheme: dark) {
  * {
    --base:        {{colors.background.dark.hex}};
    --surface:     {{colors.surface_variant.dark.hex}};
    --overlay:     {{colors.surface_container_high.dark.hex}};
    --hl:          {{colors.surface_container_highest.dark.hex}};
    --outline:     {{colors.outline_variant.dark.hex}};
    --muted:       {{colors.outline.dark.hex}};
    --subtle:      {{colors.on_surface_variant.dark.hex}};
    --text:        {{colors.on_surface.dark.hex}};
    --primary:     {{colors.primary.dark.hex}};
    --on-primary:  {{colors.on_primary.dark.hex}};
    --secondary:   {{colors.secondary.dark.hex}};
    --tertiary:    {{colors.tertiary.dark.hex}};
    --on-tertiary: {{colors.on_tertiary.dark.hex}};
    --error:       {{colors.error.dark.hex}};
    --link:        {{colors.terminal_normal_blue.dark.hex}};
    --success:     {{colors.terminal_normal_green.dark.hex}};
    --warning:     {{colors.terminal_normal_yellow.dark.hex}};
  }
}
@media (prefers-color-scheme: light) {
  * {
    --base:        {{colors.background.light.hex}};
    --surface:     {{colors.surface_variant.light.hex}};
    --overlay:     {{colors.surface_container_high.light.hex}};
    --hl:          {{colors.surface_container_highest.light.hex}};
    --outline:     {{colors.outline_variant.light.hex}};
    --muted:       {{colors.outline.light.hex}};
    --subtle:      {{colors.on_surface_variant.light.hex}};
    --text:        {{colors.on_surface.light.hex}};
    --primary:     {{colors.primary.light.hex}};
    --on-primary:  {{colors.on_primary.light.hex}};
    --secondary:   {{colors.secondary.light.hex}};
    --tertiary:    {{colors.tertiary.light.hex}};
    --on-tertiary: {{colors.on_tertiary.light.hex}};
    --error:       {{colors.error.light.hex}};
    --link:        {{colors.terminal_normal_blue.light.hex}};
    --success:     {{colors.terminal_normal_green.light.hex}};
    --warning:     {{colors.terminal_normal_yellow.light.hex}};