@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
54 lines • 2.72 kB
CSS
/*
* Checkbox theme for Sbanken
*
*/
.dnb-checkbox {
--checkbox-border-width: 0.0625rem;
--checkbox-color-gfx-on: var(--sb-color-violet-light);
--checkbox-color-gfx-off: var(--sb-color-white);
--checkbox-color-background-on: var(--sb-color-white);
--checkbox-color-background-off: var(--sb-color-white);
--checkbox-color-border-on: var(--sb-color-violet);
--checkbox-color-border-off: var(--sb-color-violet);
--checkbox-border-width--disabled: 0.0625rem;
--checkbox-color-gfx--disabled: var(--sb-color-gray-dark);
--checkbox-color-background-off--disabled: var(--sb-color-gray-light);
--checkbox-color-background-on--disabled: var(--sb-color-gray-light);
--checkbox-color-border-on--disabled: var(--sb-color-gray-dark);
--checkbox-color-border-off--disabled: var(--sb-color-gray-dark);
--checkbox-color-gfx__indeterminate--disabled: var(--sb-color-gray-dark);
--checkbox-color-background--active: var(--sb-color-white);
--checkbox-color-border--active: var(--sb-color-gray);
--checkbox-border-width--hover: 0.125rem;
--checkbox-color-gfx--hover: var(--sb-color-violet-light);
--checkbox-color-background--hover: var(--sb-color-violet-light-3);
--checkbox-color-border-on--hover: var(--sb-color-violet);
--checkbox-color-border-off--hover: var(--sb-color-violet);
--checkbox-color-gfx--focus: var(--focus-ring-color);
--checkbox-color-background--focus: var(--sb-color-blue-light-3);
--checkbox-border-width--error: 0.0625rem;
--checkbox-color-gfx--error: var(--sb-color-magenta);
--checkbox-color-gfx--error-contrast: var(--sb-color-magenta);
--checkbox-color-background-on--error: var(--sb-color-white);
--checkbox-color-background--error-contrast: var(
--sb-color-magenta-light-2
);
--checkbox-color-border--error: var(--sb-color-magenta);
--checkbox-color-gfx--error--hover: var(--sb-color-magenta);
--checkbox-color-background--error--hover: var(
--sb-color-magenta-light-3
);
--checkbox-color-border--error--hover: transparent;
--checkbox-color-background-indeterminate: var(--sb-color-white);
--checkbox-color-gfx-indeterminate: var(--sb-color-violet);
--checkbox-color-background-indeterminate--active: var(--color-white);
--checkbox-color-border-indeterminate--active: var(--sb-color-gray);
--checkbox-color-gfx-indeterminate--active: var(--sb-color-violet);
--checkbox-color-gfx-indeterminate--error: var(--sb-color-magenta);
--checkbox-gfx-width__indeterminate: 0.875rem;
--checkbox-gfx-height__indeterminate: 0.125rem;
--checkbox-gfx-height__indeterminate--large: 0.25rem;
--checkbox-gfx-width__indeterminate--large: 1.5rem;
--checkbox-border-radius: 0;
--checkbox-gfx-border-radius__indeterminate: 0rem;
}