cloud-ui.vusion/scripts/genThemeConfig/default.json

Vusion Cloud UI

{
    "--background-color-disabled-light": "#F7F8FA",
    "--focus-outline": "none",
    "--gray-darker": "#666",
    "--box-shadow-small": "0px 2px 12px rgba(0, 0, 0, 0.06)",
    "--background-color-default": "white",
    "--background-color-default-inverse": "#17181f",
    "--background-color-base": "#F7F7FA",
    "--background-color-base-inverse": "#33353d",
    "--background-color-light": "#f4f6f9",
    "--background-color-lighter": "#f4f6f9",
    "--brand-primary-disabled": "#adcbff",
    "--brand-primary-lightest": "#e8f1ff",
    "--brand-primary-lighter": "#bbd4ff",
    "--brand-primary-light": "#4a8cff",
    "--brand-primary": "#337EFF",
    "--brand-primary-dark": "#1168ff",
    "--brand-primary-darker": "#004bcc",
    "--brand-primary-darkest": "#003eaa",
    "--brand-success-lightest": "#e5faef",
    "--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": "#fff6e4",
    "--brand-warning-lighter": "#ffe4af",
    "--brand-warning-light": "#ffb82a",
    "--brand-warning": "#ffaf0f",
    "--brand-warning-dark": "#f0a000",
    "--brand-warning-darker": "#b47800",
    "--brand-warning-darkest": "#966400",
    "--brand-error-lightest": "#feebec",
    "--brand-error-lighter": "#fbc4c6",
    "--brand-error-light": "#f36266",
    "--brand-error": "#f24e53",
    "--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": "#ff5a5a",
    "--brand-danger-dark": "#ff3434",
    "--brand-danger-darker": "#e60000",
    "--brand-danger-darkest": "#c00000",
    "--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": "#d1d1d1",
    "--brand-disabled-darker": "#9d9d9d",
    "--box-shadow-base": "0 0 8px rgba(151, 164, 175, .3)",
    "--box-shadow-large": "0px 2px 15px rgba(64, 69, 78, 0.15)",
    "--border-width-base": "1px",
    "--border-radius-base": "2px",
    "--border-radius-medium": "5px",
    "--border-radius-large": "4px",
    "--border-color-base": "#E3E4E6",
    "--border-color-darker": "#e0e0e0",
    "--border-color-base-inverse": "#212123",
    "--border-color-light": "#dee4ed",
    "--border-color-dark": "#E3E4E5",
    "--color-base": "#333333",
    "--color-base-inverse": "white",
    "--color-light": "#999999",
    "--color-lighter": "#bfbfbf",
    "--gray-light": "#ccc",
    "--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-family-zh-CN": "sans-serif",
    "--font-weight-bold": "700",
    "--field-background": "#fff",
    "--height-mini": "24px",
    "--height-small": "30px",
    "--height-base": "34px",
    "--height-medium": "36px",
    "--height-large": "40px",
    "--height-huge": "40px",
    "--width-mini": "80px",
    "--width-small": "120px",
    "--width-base": "240px",
    "--width-medium": "280px",
    "--width-large": "440px",
    "--width-huge": "580px",
    "--space-mini": "4px",
    "--space-base": "16px",
    "--space-small": "10px",
    "--space-large": "30px",
    "--transition-duration-base": "0.2s",
    "--line-height-base": "1.6",
    "--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 12px",
    "--list-view-item-padding": "4px 12px",
    "--list-view-item-background-hover": "var(--background-color-lighter)",
    "--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-lighter)",
    "--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": "5px",
    "--navbar-height": "60px",
    "--navbar-space-x": "40px",
    "--navbar-background": "#333333",
    "--navbar-background-inverse": "var(--brand-primary)",
    "--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-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-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-width": "240px",
    "--sidebar-background": "#ffffff",
    "--sidebar-background-inverse": "#2b333f",
    "--sidebar-item-height": "54px",
    "--sidebar-item-height-small": "32px",
    "--sidebar-item-padding-left": "30px",
    "--sidebar-item-background": "#ffffff",
    "--sidebar-item-background-selected": "rgba(51,126,255,0.12)",
    "--sidebar-item-background-selected-inverse": "#252b33",
    "--sidebar-item-background-disabled": "#ffffff",
    "--sidebar-item-background-disabled-inverse": "#2b333f",
    "--sidebar-item-background-selected-disabled": "#337EFF",
    "--sidebar-item-background-selected-disabled-inverse": "#2b333f",
    "--sidebar-item-color": "#333333",
    "--sidebar-item-color-inverse": "#8594aa",
    "--sidebar-item-color-hover": "#337eff",
    "--sidebar-item-color-hover-inverse": "white",
    "--sidebar-item-background-hover": "var(--sidebar-item-background)",
    "--sidebar-item-color-selected": "#337eff",
    "--sidebar-item-color-selected-inverse": "white",
    "--sidebar-item-color-disabled": "#586475",
    "--sidebar-item-border-right-width": "4px",
    "--sidebar-item-border-right-width-small": "3px",
    "--sidebar-item-border-right-color": "var(--brand-primary)",
    "--sidebar-item-icon-font-size": "16px",
    "--sidebar-item-icon-color": "var(--gray-light)",
    "--sidebar-item-icon-color-hover": "var(--sidebar-item-icon-color)",
    "--sidebar-group-head-height": "52px",
    "--sidebar-group-head-padding-left": "20px",
    "--sidebar-group-head-font-weight": "var(--font-weight-bold)",
    "--sidebar-group-head-color": "#333333",
    "--sidebar-group-head-color-inverse": "#9dabc2",
    "--sidebar-group-head-color-hover": "#337eff",
    "--sidebar-group-head-color-hover-inverse": "white",
    "--sidebar-group-head-color-selected": "#337eff",
    "--sidebar-group-head-color-selected-inverse": "#9dabc2",
    "--sidebar-group-popper-margin-left": "2px",
    "--sidebar-divider-margin-y": "8px",
    "--sidebar-divider-height": "var(--border-width-base)",
    "--sidebar-divider-background": "#3d4654",
    "--sidebar-expander-color-disabled": "var(--brand-disabled)",
    "--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-border-color": "var(--border-color-light)",
    "--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",
    "--collapse-border-width": "var(--border-width-base)",
    "--collapse-border-color": "var(--border-color-base)",
    "--collapse-border-radius": "var(--border-radius-base)",
    "--collapse-item-fill-background": "var(--background-color-light)",
    "--collapse-item-head-color-disabled": "var(--brand-disabled-dark)",
    "--collapse-item-head-padding": "10px 20px 10px 40px",
    "--collapse-item-head-padding-small": "6px 8px 6px 32px",
    "--collapse-item-head-padding-mini": "4px 8px 4px 28px",
    "--collapse-item-expander-size": "42px",
    "--collapse-item-expander-size-small": "34px",
    "--collapse-item-expander-size-mini": "28px",
    "--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-item-content-padding-mini": "10px",
    "--collapse-transition-duration": "var(--transition-duration-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(--color-light)",
    "--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-success": "var(--brand-success)",
    "--link-color-warning": "var(--brand-warning)",
    "--link-color-danger": "var(--brand-danger)",
    "--link-color-error": "var(--brand-error)",
    "--link-color-disabled": "var(--brand-disabled-dark)",

    "--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-error-hover": "var(--brand-error-light)",
    "--link-color-disabled-hover": "var(--brand-disabled-light)",

    "--link-color-light": "#6eadff",
    "--link-color-white": "white",
    "--label-padding-x": "8px",
    "--label-padding-x-small": "8px",
    "--label-padding-x-large": "8px",
    "--label-padding-x-huge": "18px",
    "--label-padding-y": "3px",
    "--label-padding-y-small": "1px",
    "--label-padding-y-large": "3px",
    "--label-padding-y-huge": "3px",
    "--label-line-height-small": "18px",
    "--label-font-size": "var(--font-size-small)",
    "--label-font-size-small": "var(--font-size-small)",
    "--label-font-size-large": "var(--font-size-small)",
    "--label-font-size-huge": "var(--font-size-base)",
    "--label-remove-padding-x": "3px",
    "--label-remove-padding-x-small": "3px",
    "--label-remove-padding-x-large": "6px",
    "--label-remove-padding-x-huge": "10px",
    "--label-background": "var(--background-color-base)",
    "--label-background-primary": "var(--brand-primary)",
    "--label-background-success": "var(--brand-success)",
    "--label-background-normal": "var(--brand-normal)",
    "--label-background-warning": "var(--brand-warning)",
    "--label-background-error": "var(--brand-error)",
    "--label-color": "#646a70",
    "--label-color-primary": "white",
    "--label-color-success": "white",
    "--label-color-normal": "white",
    "--label-color-warning": "white",
    "--label-color-error": "white",
    "--badge-background": "var(--brand-error)",
    "--badge-color": "white",
    "--badge-value-size": "20px",
    "--badge-dot-size": "6px",
    "--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",
    "--image-width": "128px",
    "--image-height": "128px",


    "--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-light)",
    "--button-border-color-active": "var(--brand-primary)",
    "--button-border-color-danger-active": "var(--button-background-danger-active)",
    "--button-border-color-danger-secondary-active": "var(--button-background-danger-secondary-active)",

    "--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(--color-base)",
    "--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-base)",



    "--button-box-shadow-focus-color": "rgba(80, 139, 233, 0.2)",
    "--button-box-shadow-focus": "0 0 0 2px var(--button-box-shadow-focus-color)",
    "--button-box-shadow-focus-primary-color": "rgba(80, 139, 233, 0.2)",
    "--button-box-shadow-focus-primary": "0 0 0 2px var(--button-box-shadow-focus-primary-color)",
    "--button-box-shadow-focus-danger-color": "rgba(254, 90, 90, 0.2)",
    "--button-box-shadow-focus-danger": "0 0 0 2px var(--button-box-shadow-focus-danger-color)",
    "--button-box-shadow-active-color": "rgba(0, 0, 0, 0.2)",
    "--button-box-shadow-active": "inset 0 1px 3px var(--button-box-shadow-active-color)",
    "--button-loading-size": "18px",
    "--button-loading-width": "2px",
    "--button-height-loading": "18px",
    "--button-loading-animation-duration": "1s",
    "--form-group-head-padding": "6px 20px",
    "--form-group-head-line-height": "30px",
    "--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": "30px",
    "--form-group-space": "20px",
    "--form-item-label-padding-right": "20px",
    "--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": "76px",
    "--form-item-label-width-mini": "50px",
    "--form-item-label-width-small": "80px",
    "--form-item-label-width-large": "160px",
    "--form-item-label-color": "var(--color-light)",
    "--form-required-color": "red",
    "--form-required-right": "12px",
    "--form-required-right-small": "2px",
    "--form-required-right-large": "12px",
    "--input-width": "var(--width-base)",
    "--input-width-mini": "var(--width-mini)",
    "--input-width-small": "var(--width-small)",
    "--input-width-medium": "var(--width-medium)",
    "--input-width-large": "var(--width-large)",
    "--input-width-huge": "var(--width-huge)",
    "--input-height": "var(--height-base)",
    "--input-height-mini": "var(--height-mini)",
    "--input-height-small": "var(--height-small)",
    "--input-height-medium": "var(--height-medium)",
    "--input-height-large": "var(--height-large)",
    "--input-height-huge": "var(--height-huge)",
    "--input-padding-x": "10px",
    "--input-padding-x-mini": "6px",
    "--input-padding-x-small": "8px",
    "--input-padding-x-medium": "10px",
    "--input-padding-x-large": "10px",
    "--input-padding-x-huge": "10px",
    "--input-padding-x-full": "10px",
    "--input-border-width": "var(--border-width-base)",
    "--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-border-color": "var(--border-color-base)",
    "--input-border-color-hover": "#81abe9",
    "--input-border-color-focus": "#81abe9",
    "--input-border-color-error": "var(--brand-error)",
    "--input-border-color-disabled": "var(--input-border-color)",

    "--input-box-shadow-focus-color": "rgba(77, 136, 255, 0.2)",
    "--input-box-shadow-focus": "0 0 0 2px var(--input-box-shadow-focus-color)",

    "--input-placeholder-color": "var(--color-lighter)",
    "--input-icon-color": "#a7afbb",
    "--input-border-radius": "3px",
    "--number-input-height": "var(--input-height)",
    "--number-input-background": "var(--input-background)",
    "--number-input-background-disabled": "var(--input-background-disabled)",
    "--number-input-color": "var(--input-color)",
    "--number-input-color-disabled": "#999999",
    "--number-input-border-width": "var(--input-border-width)",
    "--number-input-border-color": "var(--input-border-color)",
    "--number-input-border-color-hover": "var(--input-border-color-hover)",
    "--number-input-border-color-focus": "var(--input-border-color-focus)",
    "--number-input-border-color-disabled": "var(--input-border-color-disabled)",
    "--number-input-box-shadow-focus-color": "rgba(77, 136, 255, 0.2)",
    "--number-input-box-shadow-focus": "0 0 0 2px var(--number-input-box-shadow-focus-color)",
    "--number-input-button-padding": "0 4px",
    "--number-input-padding": "0 4px",
    "--number-input-button-background": "none",
    "--number-input-button-both-ends-background": "#F7F8FA",
    "--number-input-button-background-hover": "var(--number-input-button-background)",
    "--number-input-button-both-ends-background-hover": "var(--number-input-button-both-ends-background)",
    "--number-input-button-background-active": "var(--number-input-button-background)",
    "--number-input-button-both-ends-background-active": "var(--number-input-button-both-ends-background)",
    "--number-input-button-background-focus": "var(--number-input-button-background)",
    "--number-input-button-both-ends-background-focus": "var(--number-input-button-both-ends-background)",
    "--number-input-button-background-disabled": "var(--number-input-button-background)",
    "--number-input-button-both-ends-background-disabled": "var(--number-input-button-both-ends-background)",
    "--number-input-button-color": "#989898",
    "--number-input-button-color-hover": "var(--brand-primary)",
    "--number-input-button-color-disabled": "#CCCCCC",
    "--number-input-button-outline": "var(--focus-outline)",
    "--textarea-width": "480px",
    "--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": "120px",
    "--textarea-height-medium": "100px",
    "--textarea-height-large": "120px",
    "--textarea-height-huge": "200px",
    "--textarea-min-height": "var(--height-base)",
    "--textarea-border-radius": "var(--border-radius-base)",
    "--textarea-padding": "5px 10px",
    "--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-light)",
    "--textarea-background-disabled": "var(--input-background-disabled)",
    "--textarea-color": "var(--color-base)",
    "--textarea-color-disabled": "var(--input-color-disabled)",
    "--textarea-placeholder-color": "var(--color-lighter)",
    "--textarea-box-shadow-focus-color": "rgba(77, 136, 255, 0.2)",
    "--textarea-box-shadow-focus":  "0 0 0 2px var(--textarea-box-shadow-focus-color)",
    "--radio-space-x": "40px",
    "--radio-size": "14px",
    "--radio-background": "var(--background-color-default)",
    "--radio-box-shadow-focus": "var(--button-box-shadow-focus)",
    "--switch-width": "44px",
    "--switch-width-small": "40px",
    "--switch-width-wide": "54px",
    "--switch-height": "22px",
    "--switch-height-small": "18px",
    "--switch-button-space": "2px",
    "--switch-button-size": "18px",
    "--switch-button-size-small": "14px",
    "--switch-button-background": "white",
    "--switch-button-radius": "100px",
    "--switch-background": "var(--border-color-base)",
    "--switch-background-checked": "var(--brand-primary)",
    "--switch-background-disabled": "var(--background-color-base)",
    "--switch-color": "white",
    "--switch-text-margin": "0 5px",
    "--switch-transition": "background-color var(--transition-duration-base)",
    "--switch-button-transition": "all var(--transition-duration-base)",
    "--checkbox-space-x": "80px",
    "--checkbox-size": "16px",
    "--checkbox-border-radius": "3px",
    "--checkbox-background": "var(--brand-primary)",
    "--checkbox-color": "var(--background-color-default)",
    "--checkbox-box-shadow-focus": "var(--button-box-shadow-focus)",
    "--select-width": "var(--width-base)",
    "--select-width-mini": "var(--width-mini)",
    "--select-width-small": "var(--width-small)",
    "--select-width-medium": "var(--width-medium)",
    "--select-width-large": "var(--width-large)",
    "--select-width-huge": "var(--width-huge)",
    "--select-height": "var(--height-base)",
    "--select-height-mini": "var(--height-mini)",
    "--select-height-small": "var(--height-small)",
    "--select-height-medium": "var(--height-medium)",
    "--select-height-large": "var(--height-large)",
    "--select-height-huge": "var(--height-huge)",
    "--select-padding-x": "10px",
    "--select-padding-x-mini": "6px",
    "--select-padding-x-small": "8px",
    "--select-padding-x-medium": "10px",
    "--select-padding-x-large": "10px",
    "--select-padding-x-huge": "10px",
    "--select-padding-x-full": "10px",
    "--select-background": "var(--background-color-default)",
    "--select-background-inverse": "var(--background-color-default-inverse)",
    "--select-background-disabled": "var(--brand-disabled)",
    "--select-border-width": "var(--border-width-base)",
    "--select-border-color": "var(--border-color-base)",
    "--select-border-color-inverse": "var(--border-color-base-inverse)",
    "--select-color": "var(--color-base)",
    "--select-color-inverse": "var(--color-base-inverse)",
    "--select-color-disabled": "var(--brand-disabled-dark)",
    "--select-popper-max-height": "194px",
    "--select-popper-line-height": "1.6",
    "--select-popper-line-height-small": "1.6",
    "--select-popper-box-shadow": "var(--box-shadow-base)",
    "--select-placeholder-color": "var(--color-lighter)",
    "--select-arrow-color": "var(--color-light)",
    "--select-arrow-size": "18px",
    "--select-arrow-right-ratio": "0.6",
    "--select-tags-padding-y": "2px",
    "--select-tags-padding": "3px 26px 3px 5px",
    "--select-tags-line-height": "26px",
    "--select-tags-filterable-width": "40px",
    "--select-tag-line-height": "calc(var(--select-tags-line-height) - var(--select-tags-padding-y) * 2)",
    "--select-tag-background": "var(--background-color-base)",
    "--select-tag-padding": "0 6px",
    "--select-tag-margin-x": "4px",
    "--select-tag-remove-color": "var(--color-lighter)",
    "--select-tag-remove-color-hover": "var(--color-base)",
    "--select-popper-background": "var(--background-color-default)",
    "--select-popper-background-inverse": "var(--background-color-default-inverse)",
    "--select-popper-border-color": "var(--border-color-base)",
    "--select-popper-border-color-inverse": "var(--border-color-base-inverse)",
    "--select-popper-color-inverse": "var(--color-base-inverse)",
    "--select-status-color": "var(--color-light)",
    "--select-box-shadow-focus": "var(--button-box-shadow-focus)",
    "--select-popper-item-color": "inherit",
    "--select-popper-item-background": "inherit",
    "--select-popper-item-color-hover": "inherit",
    "--select-popper-item-background-hover": "var(--list-view-item-background-hover)",
    "--select-popper-item-color-readonly": "inherit",
    "--select-popper-item-background-readonly": "var(--list-view-item-background-readonly-initial)",
    "--select-popper-item-color-focused": "var(--select-popper-item-color-hover)",
    "--select-popper-item-background-focused": "var(--select-popper-item-background-hover)",
    "--select-popper-item-color-selected": "var(--list-view-item-color-selected)",
    "--select-popper-item-background-selected": "var(--list-view-item-background-selected)",
    "--select-popper-item-color-selected-disabled": "inherit",
    "--select-popper-item-background-selected-disabled": "var(--list-view-item-background-selected-disabled)",
    "--select-popper-item-color-duplicated": "inherit",
    "--select-popper-item-background-duplicated": "none",
    "--select-popper-item-color-duplicated-hover": "var(--select-popper-item-color-hover)",
    "--select-popper-item-background-duplicated-hover": "var(--select-popper-item-background-hover)",
    "--rate-space": "6px",
    "--rate-size": "20px",
    "--rate-color": "#e5e5e5",
    "--rate-color-full": "#ffb21a",
    "--rate-text-color": "#333",
    "--rate-popup-background": "var(--color-white)",
    "--slider-body-margin": "0 10px",
    "--slider-body-padding": "9px 0",
    "--slider-track-height": "6px",
    "--slider-track-background": "var(--background-color-base)",
    "--slider-trail-background": "var(--brand-primary)",
    "--slider-trail-background-disabled": "var(--brand-disabled)",
    "--slider-bound-background": "url('../assets/images/stripe.png') repeat-x",
    "--slider-handle-width": "16px",
    "--slider-handle-height": "16px",
    "--slider-handle-background": "var(--brand-primary)",
    "--slider-handle-border": "1px solid white",
    "--combo-pagination-height": "var(--height-small)",
    "--combo-pagination-line-height": "calc(var(--combo-pagination-height) - var(--border-width-base) * 2)",
    "--combo-pagination-sizer-width": "100px",
    "--combo-pagination-jumper-width": "50px",
    "--combo-slider-slider-width": "100%",
    "--combo-slider-input-width": "50px",
    "--combo-slider-input-margin-left": "10px",
    "--uploader-list-margin-top": "6px",
    "--uploader-item-space": "2px",
    "--uploader-item-padding": "4px",
    "--uploader-item-line-height": "1.8",
    "--uploader-item-border-radius": "var(--border-radius-base)",
    "--uploader-item-background": "transparent",
    "--uploader-item-background-hover": "var(--background-color-base)",
    "--uploader-item-icon-color": "var(--color-light)",
    "--uploader-link-color": "inherit",
    "--uploader-link-color-hover": "var(--link-color)",
    "--uploader-card-border-radius": "var(--border-radius-large)",
    "--uploader-card-space": "8px",
    "--uploader-mask-background": "rgba(0, 0, 0, 0.6)",
    "--uploader-draggable-background": "var(--background-color-lighter)",
    "--uploader-draggable-border-width": "1px",
    "--uploader-draggable-border-color": "var(--border-color-base)",
    "--uploader-draggable-border-color-hover": "var(--brand-primary)",
    "--uploader-draggable-border-radius": "var(--border-radius-large)",
    "--uploader-draggable-padding": "12px 0 20px",
    "--table-view-head-item-size": "var(--font-size-base)",
    "--table-view-head-item-color": "#999",
    "--table-background": "var(--background-color-default)",
    "--table-head-background": "var(--background-color-light)",
    "--table-head-background-light": "var(--background-color-default)",
    "--table-row-background": "var(--background-color-base)",
    "--table-row-background-hover": "var(--background-color-lighter)",
    "--table-row-background-striped": "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": "#6a6f75",
    "--table-border-color": "var(--border-color-light)",
    "--table-border-width": "1px",
    "--table-td-color": "var(--color-base)",
    "--table-th-line-height": "20px",
    "--table-th-padding": "13px 6px 13px 10px",
    "--table-td-line-height": "20px",
    "--table-td-padding": "14px 6px 14px 10px",
    "--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-filter-background": "white",
    "--table-view-filter-max-height": "180px",
    "--table-view-filter-line-height": "1.6",
    "--table-view-title-space": "10px",
    "--table-view-table-background": "white",
    "--table-view-sort-color": "var(--brand-disabled)",
    "--table-view-sort-color-active": "var(--brand-primary)",
    "--table-view-sort-size": "1em",
    "--table-view-expander-size": "26px",
    "--table-view-row-selected-background": "#e4eeff",
    "--table-view-pagination-space": "var(--space-base)",
    "--table-view-row-hover-background": "#f9f9f9",
    "--tabs-border-width": "1px",
    "--tabs-border-color": "var(--border-color-light)",
    "--tabs-head-background": "none",
    "--tabs-item-height": "48px",
    "--tabs-item-height-small": "30px",
    "--tabs-item-height-mini": "24px",
    "--tabs-item-padding-x": "30px",
    "--tabs-item-padding-x-small": "22px",
    "--tabs-item-padding-x-mini": "16px",
    "--tabs-item-line-width": "2px",
    "--tabs-item-line-background": "var(--brand-primary)",
    "--tabs-font-size": "var(--font-size-base)",
    "--tabs-item-background-text": "none",
    "--tabs-item-background-capsule": "none",
    "--tabs-item-background-hover": "var(--background-color-lighter)",
    "--tabs-item-background-selected": "var(--background-color-default)",
    "--tabs-item-background-selected-capsule": "none",
    "--tabs-item-background-disabled": "transparent",
    "--tabs-item-background-selected-disabled": "var(--background-color-default)",
    "--tabs-item-color": "inherit",
    "--tabs-item-color-hover": "var(--brand-primary)",
    "--tabs-item-color-selected": "var(--brand-primary)",
    "--tabs-item-color-selected-capsule": "var(--brand-primary)",
    "--tabs-item-color-disabled": "var(--brand-disabled)",
    "--tabs-item-border-color-selected": "var(--border-color-light)",
    "--tabs-item-border-color-selected-capsule": "var(--brand-primary)",
    "--tabs-item-border-radius-round": "5px",
    "--tabs-body-space": "var(--space-base)",
    "--tabs-body-space-small": "var(--space-small)",
    "--tabs-body-space-mini": "var(--space-mini)",
    "--subtabs-border-color": "var(--border-color-light)",
    "--steps-item-width": "200px",
    "--steps-item-color-disabled": "var(--brand-disabled-dark)",
    "--steps-item-radio-size": "24px",
    "--steps-item-radio-size-large": "24px",
    "--steps-item-radio-background": "var(--border-color-base)",
    "--steps-item-radio-background-passed": "var(--brand-primary)",
    "--steps-item-radio-color-passed": "white",
    "--pagination-item-size": "var(--height-small)",
    "--pagination-item-width-small": "24px",
    "--pagination-item-font-size": "var(--font-size-small)",
    "--pagination-item-width": "32px",
    "--pagination-item-height-small": "24px",
    "--pagination-item-height": "32px",
    "--pagination-item-border-radius": "var(--border-radius-base)",
    "--pagination-item-padding": "0",
    "--pagination-item-background": "transparent",
    "--pagination-item-background-hover": "var(--pagination-item-background)",
    "--pagination-item-background-selected": "var(--brand-primary)",
    "--pagination-item-background-disabled-selected": "var(--pagination-item-background)",
    "--pagination-item-background-blank": "none",
    "--pagination-item-color": "var(--color-base)",
    "--pagination-item-color-hover": "var(--brand-primary)",
    "--pagination-item-color-selected": "var(--color-white)",
    "--pagination-item-color-disabled": "var(--gray-light)",
    "--pagination-item-color-blank": "var(--color-base)",
    "--pagination-item-color-blank-disabled": "var(--brand-disabled)",
    "--pagination-item-border-color": "var(--border-color-base)",
    "--pagination-item-border-color-hover": "var(--brand-primary)",
    "--pagination-item-border-color-disabled": "var(--border-color-darker)",
    "--tree-view-background": "white",
    "--tree-view-node-margin-left": "20px",
    "--tree-view-node-expander-size": "30px",
    "--tree-view-node-expander-size-mini": "28px",
    "--tree-view-node-text-padding": "4px 12px",
    "--tree-view-node-text-padding–mini": "4px 8px",
    "--tree-view-node-background-active": "var(--background-color-base)",
    "--tree-view-node-background-active-inverse": "var(--background-color-base-inverse)",
    "--tree-view-node-background-selected": "var(--brand-primary-light)",
    "--tree-view-node-background-selected-inverse": "var(--brand-primary-light)",
    "--tree-view-node-color-selected": "white",
    "--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-selected": "white",
    "--tree-view-node-expander-color-selected-inverse": "white",
    "--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": "var(--brand-disabled-light)",
    "--tree-view-node-background-selected-disabled-inverse": "var(--brand-disabled-light-inverse)",
    "--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",
    "--linear-progress-size": "4px",
    "--linear-progress-size-small": "2px",
    "--linear-progress-size-large": "8px",
    "--linear-progress-size-huge": "12px",
    "--linear-progress-vertical-height": "512px",
    "--linear-progress-track-background": "var(--background-color-base)",
    "--linear-progress-trail-font-size": "var(--font-size-small)",
    "--linear-progress-trail-background-primary": "var(--brand-primary)",
    "--linear-progress-trail-background-success": "var(--brand-success)",
    "--linear-progress-trail-background-error": "var(--brand-error)",
    "--linear-progress-trail-color": "white",
    "--linear-progress-trail-transition": "width 0.6s ease",
    "--circular-progress-size": "100px",
    "--circular-progress-stroke-width": "6px",
    "--circular-progress-track-stroke": "var(--background-color-base)",
    "--circular-progress-trail-stroke": "var(--brand-primary)",
    "--circular-progress-trail-transition": "stroke 0.6s ease, stroke-dasharray 0.6s ease",
    "--circular-progress-text-color": "#999",
    "--circular-progress-font-size": "var(--font-size-base)",
    "--circular-progress-percent-font-size": "20px",
    "--circular-progress-text-line-height": "normal",
    "--popup-padding": "5px 12px",
    "--popup-arrow-size": "4px",
    "--popup-arrow-offset": "17px",
    "--popup-outer-arrow-size": "calc(var(--popup-arrow-size) + 1px)",
    "--popup-background": "white",
    "--popup-box-shadow": "0px 2px 6px rgba(0, 0, 0, 0.1)",
    "--popup-head-background": "white",
    "--popup-border-color": "var(--border-color-base)",
    "--modal-dialog-width": "400px",
    "--modal-dialog-width-small": "300px",
    "--modal-dialog-width-large": "600px",
    "--modal-dialog-width-huge": "800px",
    "--modal-dialog-border-radius": "var(--border-radius-base)",
    "--modal-dialog-background": "white",
    "--modal-dialog-box-shadow": "0 0 3px rgba(0, 0, 0, 0.3)",
    "--modal-title-font-size": "var(--font-size-large)",
    "--modal-close-right": "24px",
    "--modal-close-color": "var(--gray-light)",
    "--modal-close-color-hover": "var(--color-light)",
    "--modal-head-padding": "13px 24px",
    "--modal-static-padding": "var(--space-base)",
    "--modal-body-margin": "25px 24px",
    "--modal-foot-margin": "0",
    "--modal-foot-padding": "10px 20px",
    "--modal-border-color": "var(--border-color-base)",
    "--calendar-border-color": "var(--border-color-base)",
    "--calendar-background": "var(--field-background)",
    "--calendar-border-radius": "var(--border-radius-base)",
    "--calendar-item-color": "#333",
    "--calendar-item-border-radius": "4px",
    "--calendar-item-border-color": "transparent",
    "--calendar-item-background": "var(--calendar-background)",
    "--calendar-item-color-hover": "#333",
    "--calendar-item-border-color-hover": "var(--calendar-item-border-color)",
    "--calendar-item-background-hover": "var(--background-color-hover)",
    "--calendar-item-color-selected": "var(--field-background)",
    "--calendar-item-border-color-selected": "var(--calendar-item-border-color)",
    "--calendar-item-background-selected": "var(--brand-primary)",
    "--calendar-item-color-muted": "var(--color-light)",
    "--calendar-item-color-disabled": "var(--color-light)",
    "--calendar-item-background-disabled": "var(--field-background)",
    "--calendar-item-color-selected-disabled": "var(--color-light)",
    "--calendar-item-background-selected-disabled": "#eee",
    "--calendar-item-week-color": "#F24957",
    "--calendar-width": "300px",
    "--calendar-padding": "15px",
    "--calendar-icon-color": "var(--gray-dark)",
    "--calendar-icon-color-hover": "var(--gray-darker)",
    "--calendar-icon-color-disabled": "var(--gray-lighter)",
    "--calendar-date-background-disabled": "var(--brand-disabled)",
    "--calendar-showtext-color-hover": "var(--brand-primary)",

    "--datepicker-input-pre-icon-color": "var(--gray-light)",
    "--datepicker-input-after-icon-color": "var(--gray-light)",

    "--datepicker-input-border-color": "var(--input-border-color)",
    "--datepicker-input-border-width": "var(--input-border-width)",
    "--datepicker-input-color": "var(--input-color)", 
    "--datepicker-input-background": "var(--input-background)", 
    "--datepicker-input-border-radius": "var(--input-border-radius)", 
    "--datepicker-input-background-disabled": "var(--input-background-disabled)", 
    "--datepicker-input-border-color-error": "var(--input-border-color-error)",
    "--datepicker-input-border-color-focus": "var(--input-border-color-focus)",
    "--datepicker-input-box-shadow-focus": "var(--input-box-shadow-focus)",
    "--datepicker-input-placeholder-color": "var(--input-placeholder-color)",
    "--datepicker-popper-box-shadow": "var(--select-popper-box-shadow)",
    "--datepicker-popper-border-radius": "var(--border-radius-base)",

    "--datepicker-input-width": "var(--input-width)",
    "--datepicker-input-height": "var(--input-height)",
    "--datepicker-input-padding-x": "var(--input-padding-x)",
    "--datepicker-input-width-mini": "var(--input-width-mini)",
    "--datepicker-input-padding-x-mini": "var(--input-padding-x-mini)",
    "--datepicker-input-height-mini": "var(-input-height-mini)",
    "--datepicker-input-width-small": "var(--input-width-small)",
    "--datepicker-input-padding-x-small": "var(--input-padding-x-small)",
    "--datepicker-input-height-small": "var(--input-height-small)",
    "--datepicker-input-width-medium": "var(--input-width-medium)",
    "--datepicker-input-padding-x-medium": "var(--input-padding-x-medium)",
    "--datepicker-input-height-medium": "var(--input-height-medium)",
    "--datepicker-input-width-large": "var(--input-width-large)",
    "--datepicker-input-padding-x-large": "var(--input-padding-x-large)",
    "--datepicker-input-height-large": "var(--input-height-large)",
    "--datepicker-input-width-huge": "var(--input-width-huge)",
    "--datepicker-input-padding-x-huge": "var(--input-padding-x-huge)",
    "--datepicker-input-height-huge": "var(--input-height-huge)",
    "--datepicker-input-padding-x-full": "var(--input-padding-x-full)",
  
    "--datetime-input-pre-icon-color": "var(--gray-light)", 
    "--datetime-input-after-icon-color": "var(--gray-light)", 
    "--datetime-input-border-color-focus": "var(--input-border-color-focus)",
    "--datetime-input-box-shadow-focus": "var(--input-box-shadow-focus)",
    "--datetime-input-border-color": "var(--input-border-color)",
    "--datetime-input-border-width": "var(--input-border-width)",
    "--datetime-input-placeholder-color": "var(--input-placeholder-color)",
    "--datetime-input-border-radius": "var(--input-border-radius)", 
    "--datetime-input-icon-color-hover": "var(--input-icon-color-hover)",
    "--datetime-input-clear-icon-color": "var(--input-icon-color)",
    "--datetime-input-color": "var(--input-color)",
    "--datetime-input-background": "var(--input-background)",

    "--datetime-input-width": "var(--input-width)",
    "--datetime-input-height": "var(--input-height)",
    "--datetime-input-padding-x": "var(--input-padding-x)",
    "--datetime-input-width-mini": "var(--input-width-mini)",
    "--datetime-input-padding-x-mini": "var(--input-padding-x-mini)",
    "--datetime-input-height-mini": "var(-