Color Theme Settings

In this guide, you will know the different colors you can use for your theme.

black

CSS variable: --lia-bs-black

"black" : "#000000"

white

CSS variable: --lia-bs-white

"white" : "#FFFFFF",

gray100

CSS variable: --lia-bs-gray-100

"gray100" : "#F7F7F7",

gray200

CSS variable: --lia-bs-gray-200

"gray200" : "#F7F7F7",

gray300

CSS variable: --lia-bs-gray-300

"gray300" : "#E8E8E8",

gray400

CSS variable: --lia-bs-gray-400

"gray400" : "#D9D9D9",

gray500

CSS variable: --lia-bs-gray-500

"gray500" : "#CCCCCC",

gray600

CSS variable: --lia-bs-gray-600

"gray600" : "#949494",

gray700

CSS variable: --lia-bs-gray-700

"gray700" : "#707070",

gray800

CSS variable: --lia-bs-gray-800

"gray800" : "#545454",

gray900

CSS variable: --lia-bs-gray-900

"gray900" : "#333333",

dark

CSS variable: --lia-bs-dark

"dark" : "#545454",

light

CSS variable: --lia-bs-light

"light" : "#F7F7F7",

primary

CSS variable: --lia-bs-primary

"primary" : "#0069D4",

secondary

CSS variable: --lia-bs-secondary

"secondary" : "#333333",

bodyText

CSS variable: --lia-bs-body-color

"bodyText" : "#333333",

bodyBg

CSS variable: --lia-bs-body-bg

"bodyBg" : "#F7F7F7",

info

CSS variable: --lia-bs-info

"info" : "#409AE2",

success

CSS variable: --lia-bs-success

"success" : "#41C5AE",

warning

CSS variable: --lia-bs-warning

"warning" : "#FCC844",

danger

CSS variable: --lia-bs-danger

"danger" : "#D13A1F",

alertSystem

CSS variable: --lia-alert-system-color

"alertSystem" : "#FF6600",

textMuted

CSS variable: --lia-bs-text-muted

"textMuted" : "#707070",

highlight

CSS variable: --lia-highlight-color

"highlight" : "#FFFCAD",

outline

CSS variable: --lia-outline-color

"outline" : "hsla(var(--lia-bs-primary-h), var(--lia-bs-primary-s), var(--lia-bs-primary-l),

custom

You can add your custom additional colors.

["#FFFCEE", "#FFFCBB"]