@evilcss/std/theme-light/color-fg.vars.css

Awesome CSS design system and UI widgets

.std-root, .std-define-color-fg {
    --std-light-color-fg-l: 0%; /* Can be used with clamp() to obtain the desired lightness. */
    --std-light-color-fg-ll: 1; /* Can be used with calc() to obtain the desired lightness. */

    --std-light-color-fg1-h: var(--std-light-color-fg-h, 0deg);
    --std-light-color-fg1-s: var(--std-light-color-fg-s, 0%);
    --std-light-color-fg1-l: 13%;
    --std-light-color-fg1: hsl(var(--std-light-color-fg1-h) var(--std-light-color-fg1-s) var(--std-light-color-fg1-l) / var(--std-light-color-fg1-opacity, 1));

    --std-light-color-fg2-h: var(--std-light-color-fg-h, 0deg);
    --std-light-color-fg2-s: var(--std-light-color-fg-s, 0%);
    --std-light-color-fg2-l: 36%;
    --std-light-color-fg2: hsl(var(--std-light-color-fg2-h) var(--std-light-color-fg2-s) var(--std-light-color-fg2-l) / var(--std-light-color-fg2-opacity, 1));

    --std-light-color-fg3-h: var(--std-light-color-fg-h, 0deg);
    --std-light-color-fg3-s: var(--std-light-color-fg-s, 0%);
    --std-light-color-fg3-l: 59%;
    --std-light-color-fg3: hsl(var(--std-light-color-fg3-h) var(--std-light-color-fg3-s) var(--std-light-color-fg3-l) / var(--std-light-color-fg3-opacity, 1));
}
.std-theme-light {
    --std-fg-l: var(--std-light-color-fg-l);
    --std-fg-ll: var(--std-light-color-fg-ll);

    --std-color-fg1-h: var(--std-light-color-fg1-h);
    --std-color-fg1-s: var(--std-light-color-fg1-s);
    --std-color-fg1-l: var(--std-light-color-fg1-l);
    --std-color-fg1: var(--std-light-color-fg1);

    --std-color-fg2-h: var(--std-light-color-fg2-h);
    --std-color-fg2-s: var(--std-light-color-fg2-s);
    --std-color-fg2-l: var(--std-light-color-fg2-l);
    --std-color-fg2: var(--std-light-color-fg2);

    --std-color-fg3-h: var(--std-light-color-fg3-h);
    --std-color-fg3-s: var(--std-light-color-fg3-s);
    --std-color-fg3-l: var(--std-light-color-fg3-l);
    --std-color-fg3: var(--std-light-color-fg3);
}