416 lines · 13.5 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}};
    --base-blur:    {{colors.surface.dark.hex | darken 6}};
    --surface-blur: {{colors.surface_variant.dark.hex | darken 6}};
    --text-blur:    {{colors.on_surface.dark.hex | darken 18}};
    --icon-blur:    {{colors.on_surface_variant.dark.hex | darken 12}};
  }
}
@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}};