@volverjs/style/dist/props/colors.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--color-scheme:light;--color-transparent:transparent;--color-shadow:#19334d;--color-backdrop:#19334d33;--color-black:#000;--color-white:#fff;--color-word:#161a1d;--color-word-1:hsl(from var(--color-word) h s calc(l + 12));--color-word-2:hsl(from var(--color-word) h s calc(l + 24));--color-word-3:hsl(from var(--color-word) h s calc(l + 36));--color-word-4:hsl(from var(--color-word) h s calc(l + 48));--color-word-5:hsl(from var(--color-word) h s calc(l + 60));--color-surface:#fff;--color-surface-1:hsl(from var(--color-surface) h s calc(l - 2));--color-surface-2:hsl(from var(--color-surface) h s calc(l - 4));--color-surface-3:hsl(from var(--color-surface) h s calc(l - 6));--color-surface-4:hsl(from var(--color-surface) h s calc(l - 8));--color-surface-5:hsl(from var(--color-surface) h s calc(l - 10));--color-surface-brand:hsl(from var(--color-brand) h s 90%);--color-surface-accent:hsl(from var(--color-accent) h s 90%);--color-surface-success:hsl(from var(--color-success) h s 90%);--color-surface-danger:hsl(from var(--color-danger) h s 90%);--color-surface-info:hsl(from var(--color-info) h s 90%);--color-surface-warning:hsl(from var(--color-warning) h s 90%);--color-alpha:#0000;--color-alpha-1:color-mix(in srgb, var(--color-alpha), transparent 95%);--color-alpha-2:color-mix(in srgb, var(--color-alpha), transparent 90%);--color-alpha-3:color-mix(in srgb, var(--color-alpha), transparent 85%);--color-alpha-4:color-mix(in srgb, var(--color-alpha), transparent 80%);--color-alpha-5:color-mix(in srgb, var(--color-alpha), transparent 75%);--color-brand:#166abd;--color-brand-lighten-1:hsl(from var(--color-brand) h s calc(l * 1.1));--color-brand-lighten-2:hsl(from var(--color-brand) h s calc(l * 1.2));--color-brand-lighten-3:hsl(from var(--color-brand) h s calc(l * 1.3));--color-brand-lighten-4:hsl(from var(--color-brand) h s calc(l * 1.4));--color-brand-lighten-5:hsl(from var(--color-brand) h s calc(l * 1.5));--color-brand-darken-1:hsl(from var(--color-brand) h s calc(l * .9));--color-brand-darken-2:hsl(from var(--color-brand) h s calc(l * .8));--color-brand-darken-3:hsl(from var(--color-brand) h s calc(l * .7));--color-brand-darken-4:hsl(from var(--color-brand) h s calc(l * .6));--color-brand-darken-5:hsl(from var(--color-brand) h s calc(l * .5));--color-accent:#9c27b0;--color-accent-lighten-1:hsl(from var(--color-accent) h s calc(l * 1.1));--color-accent-lighten-2:hsl(from var(--color-accent) h s calc(l * 1.2));--color-accent-lighten-3:hsl(from var(--color-accent) h s calc(l * 1.3));--color-accent-lighten-4:hsl(from var(--color-accent) h s calc(l * 1.4));--color-accent-lighten-5:hsl(from var(--color-accent) h s calc(l * 1.5));--color-accent-darken-1:hsl(from var(--color-accent) h s calc(l * .9));--color-accent-darken-2:hsl(from var(--color-accent) h s calc(l * .8));--color-accent-darken-3:hsl(from var(--color-accent) h s calc(l * .7));--color-accent-darken-4:hsl(from var(--color-accent) h s calc(l * .6));--color-accent-darken-5:hsl(from var(--color-accent) h s calc(l * .5));--color-success:#178230;--color-success-lighten-1:hsl(from var(--color-success) h s calc(l * 1.1));--color-success-lighten-2:hsl(from var(--color-success) h s calc(l * 1.2));--color-success-lighten-3:hsl(from var(--color-success) h s calc(l * 1.3));--color-success-lighten-4:hsl(from var(--color-success) h s calc(l * 1.4));--color-success-lighten-5:hsl(from var(--color-success) h s calc(l * 1.5));--color-success-darken-1:hsl(from var(--color-success) h s calc(l * .9));--color-success-darken-2:hsl(from var(--color-success) h s calc(l * .8));--color-success-darken-3:hsl(from var(--color-success) h s calc(l * .7));--color-success-darken-4:hsl(from var(--color-success) h s calc(l * .6));--color-success-darken-5:hsl(from var(--color-success) h s calc(l * .5));--color-danger:#af2323;--color-danger-lighten-1:hsl(from var(--color-danger) h s calc(l * 1.1));--color-danger-lighten-2:hsl(from var(--color-danger) h s calc(l * 1.2));--color-danger-lighten-3:hsl(from var(--color-danger) h s calc(l * 1.3));--color-danger-lighten-4:hsl(from var(--color-danger) h s calc(l * 1.4));--color-danger-lighten-5:hsl(from var(--color-danger) h s calc(l * 1.5));--color-danger-darken-1:hsl(from var(--color-danger) h s calc(l * .9));--color-danger-darken-2:hsl(from var(--color-danger) h s calc(l * .8));--color-danger-darken-3:hsl(from var(--color-danger) h s calc(l * .7));--color-danger-darken-4:hsl(from var(--color-danger) h s calc(l * .6));--color-danger-darken-5:hsl(from var(--color-danger) h s calc(l * .5));--color-info:#31ccec;--color-info-lighten-1:hsl(from var(--color-info) h s calc(l * 1.1));--color-info-lighten-2:hsl(from var(--color-info) h s calc(l * 1.2));--color-info-lighten-3:hsl(from var(--color-info) h s calc(l * 1.3));--color-info-lighten-4:hsl(from var(--color-info) h s calc(l * 1.4));--color-info-lighten-5:hsl(from var(--color-info) h s calc(l * 1.5));--color-info-darken-1:hsl(from var(--color-info) h s calc(l * .9));--color-info-darken-2:hsl(from var(--color-info) h s calc(l * .8));--color-info-darken-3:hsl(from var(--color-info) h s calc(l * .7));--color-info-darken-4:hsl(from var(--color-info) h s calc(l * .6));--color-info-darken-5:hsl(from var(--color-info) h s calc(l * .5));--color-warning:#e7b735;--color-warning-lighten-1:hsl(from var(--color-warning) h s calc(l * 1.1));--color-warning-lighten-2:hsl(from var(--color-warning) h s calc(l * 1.2));--color-warning-lighten-3:hsl(from var(--color-warning) h s calc(l * 1.3));--color-warning-lighten-4:hsl(from var(--color-warning) h s calc(l * 1.4));--color-warning-lighten-5:hsl(from var(--color-warning) h s calc(l * 1.5));--color-warning-darken-1:hsl(from var(--color-warning) h s calc(l * .9));--color-warning-darken-2:hsl(from var(--color-warning) h s calc(l * .8));--color-warning-darken-3:hsl(from var(--color-warning) h s calc(l * .7));--color-warning-darken-4:hsl(from var(--color-warning) h s calc(l * .6));--color-warning-darken-5:hsl(from var(--color-warning) h s calc(l * .5));--color-gray:#6c8093;--color-gray-lighten-1:hsl(from var(--color-gray) h s calc(l * 1.15));--color-gray-lighten-2:hsl(from var(--color-gray) h s calc(l * 1.3));--color-gray-lighten-3:hsl(from var(--color-gray) h s calc(l * 1.45));--color-gray-lighten-4:hsl(from var(--color-gray) h s calc(l * 1.6));--color-gray-lighten-5:hsl(from var(--color-gray) h s calc(l * 1.75));--color-gray-darken-1:hsl(from var(--color-gray) h s calc(l * .85));--color-gray-darken-2:hsl(from var(--color-gray) h s calc(l * .7));--color-gray-darken-3:hsl(from var(--color-gray) h s calc(l * .55));--color-gray-darken-4:hsl(from var(--color-gray) h s calc(l * .4));--color-gray-darken-5:hsl(from var(--color-gray) h s calc(l * .25))}