cloud-ui.vusion
Version:
Vusion Cloud UI
952 lines • 92.4 kB
JSON
{
"--brand-primary-lightest": "#eaf2ff",
"--brand-primary-lighter": "#bbd4ff",
"--brand-primary-light": "#5c98ff",
"--brand-primary": "#337eff",
"--brand-primary-dark": "#1168ff",
"--brand-primary-darker": "#004bcc",
"--brand-primary-darkest": "#003eaa",
"--brand-primary-disabled": "#bbd4ff",
"--brand-primary-opacity-20": "#337eff33",
"--brand-success-lightest": "#e9f8f1",
"--brand-success-lighter": "#b0efd0",
"--brand-success-light": "#2ed581",
"--brand-success": "#26BD71",
"--brand-success-dark": "#22a864",
"--brand-success-darker": "#197e4b",
"--brand-success-darkest": "#15693f",
"--brand-normal-lightest": "#f2f9eb",
"--brand-normal-lighter": "#d8eec4",
"--brand-normal-light": "#97d362",
"--brand-normal": "#8acd4e",
"--brand-normal-dark": "#7ac437",
"--brand-normal-darker": "#5b932a",
"--brand-normal-darkest": "#4c7b23",
"--brand-problem-lightest": "#fffae8",
"--brand-problem-lighter": "#ffeca2",
"--brand-problem-light": "#ffda45",
"--brand-problem": "#ffd52e",
"--brand-problem-dark": "#ffce0c",
"--brand-problem-darker": "#c9a000",
"--brand-problem-darkest": "#a78600",
"--brand-warning-lightest": "#fef7e8",
"--brand-warning-lighter": "#ffb21a",
"--brand-warning-light": "#ffb82a",
"--brand-warning": "#FFB21A",
"--brand-warning-dark": "#f0a000",
"--brand-warning-darker": "#b47800",
"--brand-warning-darkest": "#966400",
"--brand-error-lightest": "#feecee",
"--brand-error-lighter": "#fab6bc",
"--brand-error-light": "#f56d79",
"--brand-error": "#F24957",
"--brand-error-dark": "#f02d33",
"--brand-error-darker": "#c70f14",
"--brand-error-darkest": "#a60c11",
"--brand-danger-lightest": "#ffeded",
"--brand-danger-lighter": "#ffc8c8",
"--brand-danger-light": "#ff6c6c",
"--brand-danger": "#F24957",
"--brand-danger-dark": "#ff3434",
"--brand-danger-darker": "#e60000",
"--brand-danger-darkest": "#c00000",
"--brand-danger-opacity-20": "#f2495733",
"--brand-danger-disabled": "#fbc2c7",
"--brand-assist-lightest": "#faf2ff",
"--brand-assist-lighter": "#efd9ff",
"--brand-assist-light": "#d599ff",
"--brand-assist": "#d08cff",
"--brand-assist-dark": "#be60ff",
"--brand-assist-darker": "#9a08ff",
"--brand-assist-darkest": "#8200db",
"--brand-disabled-light": "#ededed",
"--brand-disabled": "#ebebeb",
"--brand-disabled-dark": "#999",
"--brand-disabled-darker": "#9d9d9d",
"--color-white": "white",
"--color-black": "black",
"--gray-darkest": "#333",
"--gray-darker": "#666",
"--gray-dark": "#999",
"--gray-base": "#aaa",
"--gray-light": "#ccc",
"--gray-lighter": "#ddd",
"--gray-lightest": "#eee",
"--background-color-default": "white",
"--background-color-default-inverse": "#17181f",
"--background-color-lightest": "#f4f4f4",
"--background-color-lighter": "#f4f6f9",
"--background-color-lighter-inverse": "#33353d",
"--background-color-light": "#f4f6f9",
"--background-color-base": "#ededed",
"--background-color-base-inverse": "#33353d",
"--background-color-dark": "#e3e8f0",
"--background-color-dark-inverse": "#2e3038",
"--background-color-darker": "#d8dfea",
"--background-color-disabled": "#f5f5f5",
"--background-color-hover": "#f5f5f5",
"--background-color-disabled-light": "#F7F8FA",
"--color-lighter": "#ccc",
"--color-light": "#999999",
"--color-base": "#333333",
"--color-base-inverse": "white",
"--color-dark": "#363a41",
"--border-color-light": "#dee4ed",
"--border-color-base": "#e5e5e5",
"--border-color-base-inverse": "#212123",
"--border-color-dark": "#E3E4E5",
"--border-color-darker": "#e0e0e0",
"--font-first-color": "#222222",
"--font-second-color": "#666666",
"--font-third-color": "#999999",
"--font-third-color-opacity-15": "#99999926",
"--font-third-color-opacity-60": "#99999999",
"--font-fourth-color": "#333333",
"--font-disabled-color": "#CCCCCC",
"--font-disabled-color-opacity-50": "#CCCCCC80",
"--space-shrink": "-1px",
"--space-mini": "4px",
"--space-base": "16px",
"--space-small": "10px",
"--space-medium": "24px",
"--space-large": "30px",
"--space-huge": "40px",
"--border-width-base": "1px",
"--width-mini": "80px",
"--width-small": "120px",
"--width-base": "240px",
"--width-medium": "280px",
"--width-large": "440px",
"--width-huge": "580px",
"--height-mini": "22px",
"--height-small": "28px",
"--height-normal": "32px",
"--height-base": "32px",
"--height-medium": "34px",
"--height-large": "38px",
"--height-huge": "42px",
"--border-radius-mini": "2px",
"--border-radius-base": "4px",
"--border-radius-medium": "5px",
"--border-radius-large": "4px",
"--font-family-zh-CN": "BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', -apple-system",
"--font-family-code": "menlo, consolas, monaco, monospace",
"--tab-size": "4",
"--line-height-base": "1.6",
"--font-size-base": "14px",
"--font-size-small": "calc(var(--font-size-base) * (12 / 14))",
"--font-size-large": "calc(var(--font-size-base) * (16 / 14))",
"--font-size-huge": "calc(var(--font-size-base) * (24 / 14))",
"--font-weight-lighter": "lighter",
"--font-weight-light": "300",
"--font-weight-normal": "400",
"--font-weight-bold": "700",
"--font-weight-bolder": "bolder",
"--box-shadow-base": "0 0 4px rgba(3, 3, 3, .1)",
"--box-shadow-small": "0px 2px 12px rgba(0, 0, 0, 0.06)",
"--box-shadow-small-hover": "0px 2px 16px rgba(0, 0, 0, 0.12)",
"--box-shadow-large": "0px 2px 15px rgba(64, 69, 78, 0.15)",
"--box-shadow-form-item-base": "0 0 0 2px var(--brand-primary-opacity-20)",
"--z-index-loading": "9000",
"--z-index-toast": "8000",
"--z-index-tooltip": "7010",
"--z-index-popper": "7000",
"--z-index-modal": "5000",
"--z-index-plugin": "2000",
"--z-index-layout": "100",
"--z-index-base": "1",
"--cursor-pointer": "pointer",
"--cursor-not-allowed": "not-allowed",
"--focus-outline": "none",
"--transition-duration-none": "0s",
"--transition-duration-base": "0.2s",
"--transition-duration-fast": "0.1s",
"--transition-duration-slow": "0.3s",
"--transition-duration-slower": "0.5s",
"--transition-collapse-base": "var(--transition-duration-base) height ease-in-out, var(--transition-duration-base) padding-top ease-in-out, var(--transition-duration-base) padding-bottom ease-in-out",
"--hr-border-color": "var(--border-color-base)",
"--blockquote-padding": "8px 16px",
"--ulol-padding-left": "20px",
"--pre-font-size": "var(--code-font-size)",
"--pre-font-family": "var(--font-family-code)",
"--pre-padding-y": "5px",
"--pre-padding-x": "10px",
"--code-margin-x": "2px",
"--code-padding-y": "3px",
"--code-padding-x": "3px",
"--code-background": "var(--background-color-lighter)",
"--code-color": "#e0276e",
"--code-font-size": "var(--font-size-small)",
"--kbd-padding-y": "2px",
"--kbd-padding-x": "4px",
"--kbd-font-size": "var(--font-size-small)",
"--kbd-background": "var(--background-color-base)",
"--kbd-border-width": "var(--border-width-base)",
"--kbd-border-color": "var(--border-color-dark)",
"--kbd-border-radius": "var(--border-radius-base)",
"--kbd-box-shadow": "0 1px 1px rgba(0,0,0,.2), 0 2px 0 0 rgba(255,255,255,.7) inset",
"--scrollbar-size": "4px",
"--scrollbar-background": "rgba(0, 0, 0, 0.15)",
"--scrollbar-background-inverse": "rgba(0, 0, 0, 0.15)",
"--scrollbar-background-hover": "rgba(0, 0, 0, 0.25)",
"--scrollbar-background-hover-inverse": "rgba(0, 0, 0, 0.25)",
"--scrollbar-border-radius": "3px",
"--scrollbar-border-color": "transparent",
"--scrollbar-border-width": "4px",
"--dashboard-background": "var(--background-color-lightest)",
"--dashboard-padding": "40px",
"--crumb-color-link": "var(--brand-primary)",
"--crumb-color-disabled": "var(--gray-darker)",
"--crumb-space-x": "6px",
"--panel-border-width": "1px",
"--panel-border-radius": "var(--border-radius-medium)",
"--panel-background": "var(--background-color-default)",
"--panel-box-shadow": "var(--box-shadow-small)",
"--panel-head-padding-x": "24px",
"--panel-head-padding-y": "14px",
"--panel-body-padding-x": "24px",
"--panel-body-padding-y": "18px",
"--panel-title-font-size": "18px",
"--panel-title-font-weight": "bold",
"--panel-border-color": "var(--border-color-light)",
"--panel-box-shadow-hover": "var(--box-shadow-small-hover)",
"--collapse-item-fill-background": "var(--background-color-light)",
"--collapse-border-width": "var(--border-width-base)",
"--collapse-border-color": "var(--border-color-base)",
"--collapse-border-radius": "var(--border-radius-base)",
"--collapse-item-head-color-disabled": "var(--brand-disabled-dark)",
"--collapse-item-head-padding": "10px 20px 10px 40px",
"--collapse-item-expander-size": "42px",
"--collapse-item-expander-color": "var(--color-light)",
"--collapse-item-expander-color-disabled": "var(--brand-disabled-dark)",
"--collapse-item-expander-font-size": "18px",
"--collapse-item-content-padding": "20px",
"--collapse-transition-duration": "var(--transition-duration-base)",
"--collapse-item-head-padding-small": "6px 8px 6px 32px",
"--collapse-item-head-padding-mini": "4px 8px 4px 28px",
"--collapse-item-expander-size-small": "34px",
"--collapse-item-expander-size-mini": "28px",
"--collapse-item-content-padding-mini": "10px",
"--card-border-width": "1px",
"--card-border-radius": "var(--border-radius-base)",
"--card-background": "var(--background-color-default)",
"--card-border-color": "var(--border-color-light)",
"--card-box-shadow": "var(--box-shadow-small)",
"--card-box-shadow-hover": "var(--box-shadow-small-hover)",
"--card-head-padding-x": "12px",
"--card-head-padding-y": "10px",
"--card-body-padding-x": "12px",
"--card-body-padding-y": "12px",
"--card-title-font-size": "18px",
"--card-title-font-weight": "bold",
"--navbar-height": "60px",
"--navbar-space-x": "40px",
"--navbar-background": "#333333",
"--navbar-background-inverse": "var(--brand-primary)",
"--navbar-color": "white",
"--navbar-item-space": "30px",
"--navbar-item-padding": "0 10px",
"--navbar-item-font-size": "var(--font-size-large)",
"--navbar-item-background": "transparent",
"--navbar-item-background-hover": "transparent",
"--navbar-item-background-selected": "transparent",
"--navbar-item-color": "white",
"--navbar-item-color-hover": "white",
"--navbar-item-color-selected": "white",
"--navbar-item-color-disabled": "var(--brand-disabled)",
"--navbar-group-color": "white",
"--navbar-group-color-hover": "white",
"--navbar-divider-line-background": "transparent",
"--navbar-item-color-inverse": "white",
"--navbar-item-line-transition-duration": "0.5s",
"--navbar-item-line-background": "currentColor",
"--navbar-item-line-height": "3px",
"--navbar-divider-width": "var(--border-width-base)",
"--navbar-divider-height": "20px",
"--navbar-divider-background": "#ddd",
"--navbar-dropdown-padding": "0 30px 0 10px",
"--navbar-dropdown-icon-font-size": "18px",
"--navbar-dropdown-popper-line-height": "var(--line-height-base)",
"--navbar-dropdown-popper-font-size": "var(--font-size-base)",
"--navbar-dropdown-popper-padding": "8px 0",
"--navbar-dropdown-popper-background": "var(--navbar-menu-item-background)",
"--navbar-dropdown-color-disabled": "var(--brand-disabled)",
"--navbar-menu-item-padding": "7px 18px",
"--navbar-menu-item-background": "#232d3e",
"--navbar-menu-item-background-hover": "#141d2b",
"--navbar-menu-item-color": "inherit",
"--navbar-menu-item-color-hover": "inherit",
"--navbar-menu-border-color": "#232d3e",
"--navbar-menu-divider-background": "var(--list-view-divider-background)",
"--navbar-menu-box-shadow": "0 0 6px rgba(47, 53, 58, 0.3)",
"--navbar-select-width": "90px",
"--navbar-select-padding-left": "10px",
"--navbar-select-padding-right": "30px",
"--navbar-select-hover-background": "none",
"--navbar-select-focused-background": "none",
"--navbar-select-item-padding": "2px 18px",
"--navbar-select-item-color": "white",
"--navbar-select-item-background": "#232d3e",
"--navbar-select-item-background-hover": "#141d2b",
"--navbar-select-item-background-selected": "white",
"--navbar-select-divider-background": "var(--list-view-divider-background)",
"--navbar-select-box-shadow": "0 0 6px rgba(47, 53, 58, 0.3)",
"--sidebar-background": "#ffffff",
"--sidebar-item-height": "54px",
"--sidebar-item-padding-left": "30px",
"--sidebar-item-background": "#ffffff",
"--sidebar-item-background-selected": "rgba(51,126,255,0.12)",
"--sidebar-item-background-disabled": "#ffffff",
"--sidebar-item-background-selected-disabled": "var(--brand-primary)",
"--sidebar-item-color": "#333333",
"--sidebar-item-background-hover": "var(--sidebar-item-background)",
"--sidebar-item-color-hover": "var(--brand-primary)",
"--sidebar-item-color-selected": "var(--brand-primary)",
"--sidebar-item-color-disabled": "#586475",
"--sidebar-item-border-right-width": "4px",
"--sidebar-item-border-right-color": "var(--brand-primary)",
"--sidebar-item-border-bottom-width": "0px",
"--sidebar-item-border-bottom-color": "#e5e5e5",
"--sidebar-item-icon-font-size": "16px",
"--sidebar-item-icon-color": "var(--gray-light)",
"--sidebar-item-icon-color-hover": "var(--sidebar-item-icon-color)",
"--sidebar-item-icon-color-selected": "var(--sidebar-item-icon-color)",
"--sidebar-group-padding-left": "10px",
"--sidebar-group-head-height": "52px",
"--sidebar-group-head-padding-left": "30px",
"--sidebar-group-head-font-weight": "var(--font-weight-bold)",
"--sidebar-group-head-color": "#333333",
"--sidebar-group-head-color-hover": "var(--brand-primary)",
"--sidebar-group-head-background-hover": "#f5f5f5",
"--sidebar-group-head-color-selected": "var(--brand-primary)",
"--sidebar-group-head-border-bottom-width": "0px",
"--sidebar-group-head-border-bottom-color": "#e5e5e5",
"--sidebar-divider-margin-y": "8px",
"--sidebar-divider-height": "var(--border-width-base)",
"--sidebar-divider-background": "#3d4654",
"--sidebar-width": "240px",
"--sidebar-background-inverse": "#2b333f",
"--sidebar-item-background-selected-inverse": "#252b33",
"--sidebar-item-background-disabled-inverse": "#2b333f",
"--sidebar-item-background-selected-disabled-inverse": "#2b333f",
"--sidebar-item-height-small": "32px",
"--sidebar-item-border-right-width-small": "3px",
"--sidebar-item-color-inverse": "#8594aa",
"--sidebar-item-color-hover-inverse": "white",
"--sidebar-item-color-selected-inverse": "white",
"--sidebar-group-head-color-inverse": "#9dabc2",
"--sidebar-group-head-color-hover-inverse": "white",
"--sidebar-group-head-color-selected-inverse": "#9dabc2",
"--sidebar-group-popper-margin-left": "2px",
"--sidebar-expander-color-disabled": "var(--brand-disabled)",
"--menu-padding-y": "0",
"--menu-background": "white",
"--menu-min-width": "none",
"--menu-background-hover": "var(--background-color-light)",
"--menu-border-width": "var(--border-width-base)",
"--menu-border-color": "var(--border-color-base)",
"--menu-border-radius": "0",
"--menu-box-shadow": "var(--box-shadow-base)",
"--menu-item-padding": "5px 15px",
"--menu-item-size": "32px",
"--menu-item-color": "var(--color-base)",
"--menu-divider-background": "var(--border-color-base)",
"--menu-divider-margin-y": "9px",
"--menu-divider-height": "var(--border-width-base)",
"--toc-width": "200px",
"--toc-padding": "5px",
"--toc-circle-size": "9px",
"--toc-item-circle-size": "5px",
"--toc-font-size": "14px",
"--toc-background": "transparent",
"--toc-border-width": "var(--border-width-base)",
"--toc-border-color": "var(--border-color-base)",
"--text-font-size": "var(--font-size-base)",
"--text-font-size-small": "var(--font-size-small)",
"--text-font-size-large": "calc(var(--font-size-base) * (18 / 14))",
"--text-font-size-huge": "calc(var(--font-size-base) * (22 / 14))",
"--text-color-primary": "var(--brand-primary)",
"--text-color-secondary": "var(--font-second-color)",
"--text-color-success": "var(--brand-success)",
"--text-color-warning": "var(--brand-warning)",
"--text-color-error": "var(--brand-error)",
"--text-color-disabled": "var(--brand-disabled-dark)",
"--link-color": "var(--brand-primary)",
"--link-color-light": "#6eadff",
"--link-color-success": "var(--brand-success)",
"--link-color-warning": "var(--brand-warning)",
"--link-color-danger": "var(--brand-danger)",
"--link-color-disabled": "var(--font-disabled-color)",
"--link-color-hover": "var(--brand-primary-light)",
"--link-color-success-hover": "var(--brand-success-light)",
"--link-color-warning-hover": "var(--brand-warning-light)",
"--link-color-danger-hover": "var(--brand-danger-light)",
"--link-color-disabled-hover": "var(--brand-disabled-light)",
"--link-color-error": "var(--brand-error)",
"--link-color-error-hover": "var(--brand-error-light)",
"--link-color-white": "white",
"--button-min-width": "78px",
"--button-height-mini": "var(--height-mini)",
"--button-height-small": "var(--height-small)",
"--button-height": "var(--height-base)",
"--button-height-medium": "var(--height-medium)",
"--button-height-large": "var(--height-large)",
"--button-height-huge": "var(--height-huge)",
"--button-padding-y-mini": "var(--button-padding-y)",
"--button-padding-y-small": "var(--button-padding-y)",
"--button-padding-y": "0px",
"--button-padding-y-medium": "var(--button-padding-y)",
"--button-padding-y-large": "var(--button-padding-y)",
"--button-padding-y-huge": "var(--button-padding-y)",
"--button-padding-x-mini": "16px",
"--button-padding-x-small": "20px",
"--button-padding-x": "24px",
"--button-padding-x-medium": "28px",
"--button-padding-x-large": "32px",
"--button-padding-x-huge": "36px",
"--button-background-primary": "var(--brand-primary)",
"--button-background-primary-secondary": "white",
"--button-background": "white",
"--button-background-danger": "var(--brand-error)",
"--button-background-danger-secondary": "white",
"--button-background-primary-hover": "var(--brand-primary-light)",
"--button-background-primary-secondary-hover": "white",
"--button-background-hover": "white",
"--button-background-danger-hover": "var(--brand-error-light)",
"--button-background-danger-secondary-hover": "white",
"--button-background-primary-active": "var(--brand-primary)",
"--button-background-primary-secondary-active": "white",
"--button-background-active": "white",
"--button-background-danger-active": "var(--brand-error)",
"--button-background-danger-secondary-active": "white",
"--button-background-primary-disabled": "var(--brand-primary-disabled)",
"--button-background-primary-secondary-disabled": "var(--button-background-disabled)",
"--button-background-disabled": "#f5f5f5",
"--button-background-danger-disabled": "var(--brand-error-lighter)",
"--button-background-danger-secondary-disabled": "var(--button-background-disabled)",
"--button-border-color-primary": "var(--button-background-primary)",
"--button-border-color-primary-secondary": "var(--button-background-primary)",
"--button-border-color": "var(--border-color-dark)",
"--button-border-color-danger": "var(--button-background-danger)",
"--button-border-color-danger-secondary": "var(--button-background-danger)",
"--button-border-color-primary-hover": "var(--button-background-primary-hover)",
"--button-border-color-primary-secondary-hover": "var(--brand-primary-light)",
"--button-border-color-hover": "var(--brand-primary)",
"--button-border-color-danger-hover": "var(--button-background-danger-hover)",
"--button-border-color-danger-secondary-hover": "var(--brand-error-light)",
"--button-border-color-primary-active": "var(--button-background-primary-active)",
"--button-border-color-primary-secondary-active": "var(--brand-primary)",
"--button-border-color-active": "var(--brand-primary)",
"--button-border-color-danger-active": "var(--button-background-danger-active)",
"--button-border-color-danger-secondary-active": "var(--danger-primary)",
"--button-border-color-primary-disabled": "var(--button-background-primary-disabled)",
"--button-border-color-primary-secondary-disabled": "var(--button-border-color-disabled)",
"--button-border-color-disabled": "#e5e5e5",
"--button-border-color-danger-disabled": "var(--button-background-danger-disabled)",
"--button-border-color-danger-secondary-disabled": "var(--button-border-color-disabled)",
"--button-font-size-mini": "var(--font-size-small)",
"--button-font-size-small": "inherit",
"--button-font-size": "inherit",
"--button-font-size-medium": "inherit",
"--button-font-size-large": "var(--font-size-large)",
"--button-font-size-huge": "var(--font-size-huge)",
"--button-color-primary": "white",
"--button-color-primary-secondary": "var(--brand-primary)",
"--button-color": "var(--font-second-color)",
"--button-color-danger": "white",
"--button-color-danger-secondary": "var(--brand-error)",
"--button-color-primary-hover": "var(--button-color-primary)",
"--button-color-primary-secondary-hover": "var(--brand-primary-light)",
"--button-color-hover": "var(--brand-primary)",
"--button-color-danger-hover": "var(--button-color-danger)",
"--button-color-danger-secondary-hover": "var(--brand-error-light)",
"--button-color-primary-active": "var(--button-color-primary-hover)",
"--button-color-primary-secondary-active": "var(--button-color-primary-secondary-hover)",
"--button-color-active": "var(--button-color-hover)",
"--button-color-danger-active": "var(--button-color-danger-hover)",
"--button-color-danger-secondary-active": "var(--button-color-danger-secondary-hover)",
"--button-color-primary-disabled": "white",
"--button-color-primary-secondary-disabled": "var(--button-color-disabled)",
"--button-color-disabled": "#999",
"--button-color-danger-disabled": "white",
"--button-color-danger-secondary-disabled": "var(--button-color-disabled)",
"--button-border-width": "var(--border-width-base)",
"--button-border-radius": "var(--border-radius-medium)",
"--button-box-shadow-focus-color": "var(--brand-primary-opacity-20)",
"--button-box-shadow-focus-primary-color": "var(--brand-primary-opacity-20)",
"--button-box-shadow-focus-danger-color": "var(--brand-danger-opacity-20)",
"--button-box-shadow-focus": "0 0 0 2px var(--button-box-shadow-focus-color)",
"--button-box-shadow-focus-primary": "0 0 0 2px var(--brand-primary-opacity-20)",
"--button-box-shadow-focus-danger": "0 0 0 2px var(--brand-danger-opacity-20)",
"--button-box-shadow-focus-primary-secondary": "none",
"--button-box-shadow-focus-danger-secondary": "none",
"--button-font-weight": "normal",
"--button-box-shadow-active-color": "var(--brand-primary-opacity-20)",
"--button-box-shadow-active": "0 0 0 2px var(--brand-primary-opacity-20)",
"--button-box-shadow-active-primary": "var(--button-box-shadow-active)",
"--button-box-shadow-active-primary-secondary": "var(--button-box-shadow-active-primary)",
"--button-box-shadow-active-danger": "0 0 0 2px var(--brand-danger-opacity-20)",
"--button-box-shadow-active-danger-secondary": "var(--button-box-shadow-active-danger)",
"--button-loading-size": "18px",
"--button-loading-width": "1.5px",
"--button-height-loading": "18px",
"--button-loading-animation-duration": "1s",
"--label-padding-x": "8px",
"--label-padding-x-small": "8px",
"--label-padding-x-large": "8px",
"--label-padding-y": "4px",
"--label-padding-y-small": "3px",
"--label-padding-y-large": "6px",
"--label-font-size": "12px",
"--label-font-size-small": "var(--label-font-size)",
"--label-font-size-large": "var(--label-font-size)",
"--label-remove-padding-x": "6px",
"--label-remove-padding-x-small": "6px",
"--label-remove-padding-x-large": "8px",
"--label-background": "#f5f5f5",
"--label-background-primary": "var(--brand-primary)",
"--label-background-success": "var(--brand-success)",
"--label-background-warning": "var(--brand-warning)",
"--label-background-error": "var(--brand-error)",
"--label-background-hover": "#E5E5E5",
"--label-background-primary-hover": "var(--brand-primary-light)",
"--label-background-success-hover": "var(--brand-success-light)",
"--label-background-warning-hover": "var(--brand-warning-light)",
"--label-background-error-hover": "var(--brand-error-light)",
"--label-background-selected": "#7F7F7F",
"--label-background-primary-selected": "var(--brand-primary)",
"--label-background-success-selected": "var(--brand-success)",
"--label-background-warning-selected": "var(--brand-warning)",
"--label-background-error-selected": "var(--brand-error)",
"--label-color": "var(--font-second-color)",
"--label-color-primary": "white",
"--label-color-success": "white",
"--label-color-warning": "white",
"--label-color-error": "white",
"--label-color-hover": "var(--font-second-color)",
"--label-color-primary-hover": "white",
"--label-color-success-hover": "white",
"--label-color-warning-hover": "white",
"--label-color-error-hover": "white",
"--label-color-selected": "white",
"--label-color-primary-selected": "white",
"--label-color-success-selected": "white",
"--label-color-warning-selected": "white",
"--label-color-error-selected": "white",
"--label-line-background": "transparent",
"--label-line-background-hover": "#F5F5F5",
"--label-line-background-primary-hover": "var(--brand-primary-lightest)",
"--label-line-background-success-hover": "var(--brand-success-lightest)",
"--label-line-background-warning-hover": "var(--brand-warning-lightest)",
"--label-line-background-error-hover": "var(--brand-error-lightest)",
"--label-line-background-selected": "#7F7F7F",
"--label-line-background-primary-selected": "var(--brand-primary)",
"--label-line-background-success-selected": "var(--brand-success)",
"--label-line-background-warning-selected": "var(--brand-warning)",
"--label-line-background-error-selected": "var(--brand-error)",
"--label-line-border-color": "#e5e5e5",
"--label-line-color-primary": "var(--brand-primary)",
"--label-line-color-success": "var(--brand-success)",
"--label-line-color-warning": "var(--brand-warning)",
"--label-line-color-error": "var(--brand-error)",
"--label-line-color-normal": "var(--brand-normal)",
"--label-line-color-primary-hover": "white",
"--label-line-color-success-hover": "white",
"--label-line-color-warning-hover": "white",
"--label-line-color-error-hover": "white",
"--label-line-color-selected": "white",
"--label-line-color-primary-selected": "white",
"--label-line-color-success-selected": "white",
"--label-line-color-warning-selected": "white",
"--label-line-color-error-selected": "white",
"--label-line-height-small": "var(--label-line-height)",
"--label-line-height": "1",
"--label-font-size-huge": "var(--font-size-base)",
"--label-background-normal": "var(--brand-normal)",
"--label-color-normal": "white",
"--label-remove-padding-x-huge": "10px",
"--label-border-radius": "2px",
"--label-padding-x-huge": "12px",
"--label-padding-y-huge": "8px",
"--badge-background": "var(--brand-error)",
"--badge-color": "white",
"--badge-value-size": "20px",
"--badge-dot-size": "6px",
"--badge-box-shadow": "0 0 0 1px #fff",
"--carousel-width": "700px",
"--carousel-height": "420px",
"--carousel-nav-bottom": "12px",
"--carousel-nav-item-width": "8px",
"--carousel-nav-item-height": "2px",
"--carousel-nav-item-padding": "0",
"--carousel-nav-item-background": "rgba(255, 255, 255, 0.5)",
"--carousel-nav-item-background-hover": "white",
"--carousel-button-space": "20px",
"--carousel-button-font-size": "16px",
"--carousel-button-color": "rgba(255, 255, 255, 0.6)",
"--carousel-button-color-hover": "white",
"--carousel-button-transition": "all 0.3s",
"--carousel-transition-duration": "var(--transition-duration-slow)",
"--carousel-button-background": "rgba(0, 0, 0, 0.2)",
"--carousel-button-background-hover": "rgba(0, 0, 0, 0.2)",
"--timepicker-input-border-color": "var(--input-border-color)",
"--timepicker-input-border-width": "var(--input-border-width)",
"--timepicker-input-color": "var(--input-color)",
"--timepicker-input-background": "var(--input-background)",
"--timepicker-input-border-radius": "var(--input-border-radius)",
"--timepicker-input-background-disabled": "var(--input-background-disabled)",
"--timepicker-input-border-color-error": "var(--input-border-color-error)",
"--timepicker-input-border-color-focus": "var(--input-border-color-focus)",
"--timepicker-input-box-shadow-focus": "var(--input-box-shadow-focus)",
"--timepicker-input-placeholder-color": "var(--input-placeholder-color)",
"--timepicker-input-width-mini": "var(--input-width-mini)",
"--timepicker-input-padding-x-mini": "var(--input-padding-x-mini)",
"--timepicker-input-height-mini": "var(-input-height-mini)",
"--timepicker-input-width-small": "var(--input-width-small)",
"--timepicker-input-padding-x-small": "var(--input-padding-x-small)",
"--timepicker-input-height-small": "var(--input-height-small)",
"--timepicker-input-width": "var(--input-width)",
"--timepicker-input-height": "var(--input-height)",
"--timepicker-input-padding-x": "var(--input-padding-x)",
"--timepicker-input-width-medium": "var(--input-width-medium)",
"--timepicker-input-padding-x-medium": "var(--input-padding-x-medium)",
"--timepicker-input-height-medium": "var(--input-height-medium)",
"--timepicker-input-width-large": "var(--input-width-large)",
"--timepicker-input-padding-x-large": "var(--input-padding-x-large)",
"--timepicker-input-height-large": "var(--input-height-large)",
"--timepicker-input-width-huge": "var(--input-width-huge)",
"--timepicker-input-padding-x-huge": "var(--input-padding-x-huge)",
"--timepicker-input-height-huge": "var(--input-height-huge)",
"--timepicker-input-padding-x-full": "var(--input-padding-x-full)",
"--timepicker-range-input-width": "var(--input-width-medium)",
"--timepicker-bacground-selected": "var(--brand-primary-light)",
"--timepicker-color-selected": "white",
"--timepicker-panel-background": "white",
"--timepicker-foot-background": "white",
"--timepicker-foot-border-color": "var(--border-color-base)",
"--timepicker-item-background-selected": "transparent",
"--timepicker-item-background-hover": "#f5f5f5",
"--timepicker-item-background-disabled": "transparent",
"--timepicker-item-color-disabled": "#ccc",
"--timepicker-item-color-disabled-selected": "rgba(255, 255, 255, 0.4)",
"--timepicker-item-color": "var(--font-first-color)",
"--timepicker-popper-max-width": "300px",
"--timepicker-popper-background": "white",
"--timepicker-popper-border-color": "var(--border-color-base)",
"--timepicker-popper-border-radius": "var(--border-radius-base)",
"--timepicker-input-pre-icon-color": "var(--gray-light)",
"--timepicker-input-after-icon-color": "var(--gray-light)",
"--timepicker-textbrn-color": "#333",
"--avatar-size": "44px",
"--avatar-size-mini": "18px",
"--avatar-size-small": "32px",
"--avatar-size-large": "64px",
"--avatar-size-huge": "88px",
"--block-background": "var(--background-color-base)",
"--logo-width": "var(--sidebar-width)",
"--logo-height": "var(--navbar-height)",
"--list-style": "none",
"--list-item-padding": "6px 8px",
"--list-item-border-bottom": "1px solid var(--border-color-base)",
"--list-item-background-striped": "var(--background-color-lighter)",
"--list-item-background-hover": "var(--background-color-lighter)",
"--loading-icon-color": "var(--gray-base)",
"--loading-text-color": "var(--font-second-color)",
"--desc-list-item-label-padding-right": "20px",
"--desc-list-item-label-padding-right-mini": "10px",
"--desc-list-item-label-padding-right-small": "10px",
"--desc-list-item-label-padding-right-large": "20px",
"--desc-list-item-label-width": "85px",
"--desc-list-item-label-width-mini": "40px",
"--desc-list-item-label-width-small": "60px",
"--desc-list-item-label-width-large": "120px",
"--table-view-head-background-light": "var(--background-color-default)",
"--table-head-font-weight": "normal",
"--table-head-color": "var(--gray-dark)",
"--table-row-background": "var(--background-color-base)",
"--table-row-background-hover": "var(--background-color-lighter)",
"--table-row-background-primary": "rgba(103, 170, 245, 0.2)",
"--table-row-background-error": "rgb(255, 138, 122, 0.2)",
"--table-row-background-dark": "var(--background-color-dark)",
"--table-row-background-light": "var(--background-color-lighter)",
"--table-caption-color": "#090e14",
"--table-border-width": "1px",
"--table-hover-border-shadow-display": "none",
"--form-table-head-background": "#f7f8fa",
"--form-table-head-color": "#666",
"--form-table-head-padding": "0 5px",
"--form-table-remove-button-color": "#ff867f",
"--article-table-font-size": "calc(var(--font-size-base) * (13 / 14))",
"--article-h1-font-size": "calc(var(--font-size-base) * (24 / 14))",
"--article-h2-font-size": "calc(var(--font-size-base) * (20 / 14))",
"--article-h3-font-size": "calc(var(--font-size-base) * (18 / 14))",
"--article-h4-font-size": "calc(var(--font-size-base) * (16 / 14))",
"--article-h5-font-size": "calc(var(--font-size-base) * (14 / 14))",
"--article-h6-font-size": "calc(var(--font-size-base) * (12 / 14))",
"--article-h2-color": "#999fac",
"--article-h2-border-color": "#ebf0f4",
"--timeline-item-padding-bottom": "20px",
"--timeline-tail-color": "var(--border-color-base)",
"--timeline-tail-width": "2px",
"--timeline-dot-background-color": "#fff",
"--dropdown-color-text": "var(--brand-primary)",
"--dropdown-color-text-hover": "var(--brand-primary-light)",
"--dropdown-color-text-active": "var(--dropdown-color-text)",
"--dropdown-color-text-disabled": "var(--font-disabled-color)",
"--dropdown-popper-width": "100%",
"--table-view-row-hover-background": "#f9f9f9",
"--table-view-head-item-size": "var(--font-size-base)",
"--table-row-background-striped": "var(--background-color-lighter)",
"--table-view-head-item-color": "var(--gray-dark)",
"--table-view-border-color": "var(--border-color-base)",
"--table-view-td-color": "var(--color-base)",
"--table-view-th-text-align": "left",
"--table-view-th-line-height": "20px",
"--table-view-th-padding": "10px 6px 10px 10px",
"--table-view-th-background-color": "var(--table-view-head-background)",
"--table-view-td-line-height": "20px",
"--table-view-td-padding": "10px 6px 10px 10px",
"--table-view-td-background-color": "var(--table-view-background)",
"--table-view-drop-ghost-border-color": "var(--brand-primary)",
"--table-view-drop-ghost-mask-background": "rgba(77, 136, 255, 0.1)",
"--table-view-subrow-background-dragging": "rgba(237, 237, 237, 0.5)",
"--table-view-row-background-dragging": "#e5e5e5",
"--table-view-drag-cursor": "move",
"--table-view-drag-cursor-disabled": "not-allowed",
"--table-view-drag-color-disabled": "#ccc",
"--table-view-head-background": "#f7f8fa",
"--table-view-head-title-sortable-hover": "#eef2f8",
"--table-view-sort-color-hover": "#aaa",
"--table-view-table-shadow": "2px 0 6px -2px rgba(0, 0, 0, 0.2)",
"--table-view-table-right-shadow": "-2px 0 6px -2px rgba(0, 0, 0, 0.2)",
"--table-view-table-top-shadow": "0 2px 6px -2px rgba(0, 0, 0, 0.2)",
"--table-view-filter-color-hover": "#aaa",
"--table-view-filter-color-active": "var(--brand-primary)",
"--table-view-filter-item-hover": "var(--table-view-row-hover-background)",
"--table-view-filter-item-focus": "var(--background-color-light)",
"--table-view-filter-item-background-selected": "var(--brand-primary)",
"--table-view-filter-item-checkbox-background-selected": "white",
"--table-view-filter-item-checkbox-color-selected": "var(--table-view-filter-item-background-selected)",
"--table-view-filter-item-color-disabled": "#ccc",
"--table-view-filter-background": "white",
"--table-view-filter-max-height": "180px",
"--table-view-filter-line-height": "1.6",
"--table-view-filter-border-color": "var(--border-color-base)",
"--table-view-title-space": "10px",
"--table-view-background": "var(--background-color-default)",
"--table-view-table-background": "white",
"--table-view-th-background-image": "none",
"--table-view-td-background-image": "none",
"--table-view-sort-color": "#ccc",
"--table-view-sort-color-active": "var(--brand-primary)",
"--table-view-sort-size": "1em",
"--table-view-row-selected-background": "#f5f5f5",
"--table-view-pagination-space": "var(--space-base)",
"--table-view-tree-expander-loading-size": "10px",
"--table-view-tree-expander-loading-border-width": "1px",
"--table-view-tree-expander-margin": "6px",
"--table-view-expand-td-background": "#F7F8FA",
"--table-view-editable-td-min-height": "34px",
"--table-view-overflow-x": "auto",
"--table-view-drop-ghost-disabled-border-color": "var(--brand-error)",
"--table-view-expander-size": "16px",
"--table-view-expander-background": "#f5f5f5",
"--table-view-expander-border-color": "var(--table-view-expander-background)",
"--table-view-expander-border-radius": "4px",
"--table-view-expander-background-hover": "#e5e5e5",
"--table-view-expander-border-color-hover": "var(--table-view-expander-background-hover)",
"--table-view-expander-color": "#999",
"--table-view-expander-color-hover": "#333",
"--table-view-expander-color-disabled": "#ccc",
"--table-view-expander-border-color-disabled": "#e5e5e5",
"--table-view-expander-background-disabled": "#f5f5f5",
"--list-view-width": "var(--width-medium)",
"--list-view-width-large": "var(--width-large)",
"--list-view-width-huge": "var(--width-huge)",
"--list-view-height": "calc(30px * 10 + var(--border-width-base) * 2)",
"--list-view-height-large": "calc(30px * 18 + var(--border-width-base) * 2)",
"--list-view-height-huge": "80vh",
"--list-view-head-background": "var(--background-color-disabled-light)",
"--list-view-body-background": "var(--background-color-default)",
"--list-view-body-background-disabled": "var(--background-color-default)",
"--list-view-foot-background": "var(--background-color-default)",
"--list-view-border-color": "var(--border-color-base)",
"--list-view-border-color-focus": "var(--border-color-base)",
"--list-view-border-color-disabled": "var(--brand-disabled)",
"--list-view-status-color": "var(--color-light)",
"--list-view-head-padding": "8px 12px",
"--list-view-foot-padding": "8px 8px",
"--list-view-item-padding": "5px 12px",
"--list-view-item-background-hover": "#ededed",
"--list-view-item-background-hover-inverse": "var(--background-color-lighter-inverse)",
"--list-view-item-background-readonly-initial": "none",
"--list-view-item-background-focused": "var(--background-color-hover)",
"--list-view-item-background-focused-inverse": "var(--background-color-lighter-inverse)",
"--list-view-item-background-selected": "var(--brand-primary-light)",
"--list-view-item-background-selected-inverse": "var(--brand-primary-light)",
"--list-view-item-color-selected": "white",
"--list-view-item-color-selected-inverse": "white",
"--list-view-item-color-disabled": "var(--brand-disabled-dark)",
"--list-view-item-color-disabled-inverse": "var(--brand-disabled-dark-inverse)",
"--list-view-item-background-disabled": "none",
"--list-view-item-background-disabled-inverse": "none",
"--list-view-item-background-selected-disabled": "var(--brand-disabled-light)",
"--list-view-item-background-selected-disabled-inverse": "var(--brand-disabled-light-inverse)",
"--list-view-divider-margin": "9px 0",
"--list-view-divider-background": "var(--border-color-base)",
"--list-view-group-head-padding": "2px 4px",
"--list-view-group-head-background": "#ebedf5",
"--list-view-group-expander-size": "26px",
"--list-view-filter-margin": "12px",
"--grid-view-item-space": "var(--space-base)",
"--grid-view-foot-padding": "calc(var(--grid-view-item-space) / 2)",
"--tree-view-background": "white",
"--tree-view-node-background-dragging": "#e5e5e5",
"--tree-view-node-color-dragging": "#999",
"--tree-view-subnode-background-selected": "rgba(237, 243, 255, 1)",
"--tree-view-subnode-background-dragging": "rgba(237, 237, 237, 0.5)",
"--tree-view-subnode-color-dragging": "#999",
"--tree-view-subnode-background-selected-hover": "#DBE7FF",
"--tree-view-node-expander-color-dragging": "#aaa",
"--tree-view-node-margin-left": "30px",
"--tree-view-node-expander-size": "30px",
"--tree-view-node-text-padding": "4px 0",
"--tree-view-node-background-active": "var(--background-color-base)",
"--tree-view-node-background-selected": "var(--brand-primary-light)",
"--tree-view-node-color-selected": "white",
"--tree-view-node-expander-color-selected": "white",
"--tree-view-node-background-selected-disabled": "var(--brand-disabled-light)",
"--tree-view-node-text-padding–mini": "4px 0",
"--tree-view-node-expander-size-mini": "26px",
"--tree-view-node-background-active-inverse": "var(--background-color-base-inverse)",
"--tree-view-node-background-selected-inverse": "var(--brand-primary-light)",
"--tree-view-node-background-border-radius": "none",
"--tree-view-node-color-selected-inverse": "white",
"--tree-view-node-color-disabled": "var(--brand-disabled)",
"--tree-view-node-color-disabled-inverse": "var(--brand-disabled)",
"--tree-view-node-expander-color": "#999",
"--tree-view-node-expander-color-hover": "#333",
"--tree-view-node-expander-color-disabled": "#ccc",
"--tree-view-node-expander-color-selected-inverse": "white",
"--tree-view-node-expander-font-size": "14px",
"--tree-view-node-background-readonly-initial": "none",
"--tree-view-node-background-disabled": "none",
"--tree-view-node-background-disabled-inverse": "none",
"--tree-view-node-background-selected-disabled-inverse": "var(--brand-disabled-light-inverse)",
"--table-view-tree-expander-size": "16px",
"--transfer-height": "var(--list-view-height)",
"--transfer-height-large": "var(--list-view-height-large)",
"--transfer-height-huge": "var(--list-view-height-huge)",
"--transfer-width": "var(--width-medium)",
"--transfer-width-large": "var(--width-large)",
"--transfer-width-huge": "var(--width-huge)",
"--transfer-button-space": "8px",
"--form-item-label-color": "var(--font-second-color)",
"--form-item-label-padding-right": "20px",
"--form-item-label-width": "76px",
"--form-group-head-padding": "6px 20px",
"--form-group-head-padding-small": "5px 20px",
"--form-group-head-line-height": "30px",
"--form-group-head-line-height-small": "24px",
"--form-group-head-background": "var(--background-color-light)",
"--form-group-head-color": "var(--color-base)",
"--form-group-head-border-color": "var(--border-color-base)",
"--form-group-head-border-width": "1px",
"--form-group-body-padding-y": "var(--space-base)",
"--form-group-body-padding-y-small": "var(--space-small)",
"--form-group-space": "var(--space-base)",
"--form-group-space-small": "var(--space-small)",
"--form-item-label-padding-right-mini": "10px",
"--form-item-label-padding-right-small": "10px",
"--form-item-label-padding-right-large": "20px",
"--form-item-label-width-mini": "50px",
"--form-item-label-width-small": "80px",
"--form-item-label-width-large": "160px",
"--form-item-margin-bottom": "20px",
"--form-item-margin-bottom-large": "var(--space-large)",
"--form-item-margin-bottom-small": "var(--space-small)",
"--form-item-margin-bottom-none": "0",
"--form-item-label-align-items": "center",
"--form-item-label-justify-content": "flex-end",
"--form-required-color": "var(--brand-error)",
"--form-required-right": "8px",
"--form-required-right-mini": "2px",
"--form-required-right-small": "4px",
"--form-required-right-large": "12px",
"--form-required-top": "7px",
"--form-item-text-color": "var(--color-light)",
"--field-background": "white",
"--field-color": "var(--color-light)",
"--field-color-selected": "var(--brand-primary)",
"--field-color-disabled": "#bbb",
"--field-border-color": "#cbd5dd",
"--validator-message-margin-left": "10px",
"--validator-message-margin-left-bottom": "0",
"--validator-message-margin-top-bottom": "2px",
"--validator-message-margin-top": "4px",
"--validator-message-padding": "6px 17px 6px 40px",
"--validator-message-min-width": "auto",
"--validator-message-background": "var(--background-color-base)",
"--validator-message-background-error": "var(--brand-error-light)",
"--validator-message-color-error": "white",
"--validator-message-line-height": "26px",
"--validator-message-z-index": "1",
"--validator-message-border-radius": "4px",
"--validator-message-box-shadow": "none",
"--validator-message-white-space": "nowrap",
"--validator-message-popper-margin-top": "13px",
"--input-border-color": "var(--border-color-base)",
"--input-border-color-hover": "var(--brand-primary)",
"--input-border-color-focus": "var(--brand-primary)",
"--input-border-color-disabled": "var(--input-border-color)",
"--input-border-width": "var(--border-width-base)",
"--input-border-radius": "var(--border-radius-base)",
"--input-border-color-error": "var(--brand-error)",
"--input-box-shadow-focus-color": "var(--brand-primary-opacity-20)",
"--input-box-shadow-focus": "0 0 0 2px var(--input-box-shadow-focus-color)",
"--input-placeholder-color": "var(--color-lighter)",
"--input-width-mini": "var(--width-mini)",
"--input-width-small": "var(--width-small)",
"--input-width": "var(--width-base)",
"--input-width-medium": "var(--width-medium)",
"--input-width-large": "var(--width-large)",
"--input-width-huge": "var(--width-huge)",
"--input-height-mini": "var(--height-mini)",
"--input-height-small": "var(--height-small)",
"--input-height": "var(--height-base)",
"--input-height-medium": "var(--height-medium)",
"--input-height-large": "var(--height-large)",
"--input-height-huge": "var(--height-huge)",
"--input-padding-x-mini": "6px",
"--input-padding-x-small": "8px",
"--input-padding-x": "10px",
"--input-padding-x-medium": "10px",
"--input-padding-x-large": "10px",
"--input-padding-x-huge": "10px",
"--input-padding-x-full": "10px",
"--input-prefix-padding-left": "36px",
"--input-prefix-placeholder-left": "27px",
"--input-suffix-padding-right": "30px",
"--input-background": "var(--background-color-default)",
"--input-background-disabled": "var(--background-color-disabled-light)",
"--input-color": "var(--color-base)",
"--input-color-disabled": "var(--color-light)",
"--input-icon-color": "var(--color-lighter)",
"--input-icon-color-hover": "var(--font-third-color)",
"--input-icon-color-disabled": "var(--color-lighter)",
"--textarea-width": "var(--width-base)",
"--textarea-width-medium": "var(--width-medium)",
"--textarea-width-large": "var(--width-large)",
"--textarea-width-huge": "var(--width-huge)",
"--textarea-min-width": "var(--width-base)",
"--textarea-height": "100px",
"--textarea-height-medium": "120px",
"--textarea-height-large": "120px",
"--textarea-height-huge": "200px",
"--textarea-min-height": "var(--height-base)",
"--textarea-padding": "5px 10px",
"--textarea-border-radius": "var(--border-radius-base)",
"--textarea-border-color": "var(--border-color-base)",
"--textarea-border-color-focus": "var(--input-border-color-focus)",
"--textarea-border-color-disabled": "var(--textarea-border-color)",
"--textarea-background": "var(--background-color-disabled-