Changeset View
Changeset View
Standalone View
Standalone View
web/theme.css
Show First 20 Lines • Show All 266 Lines • ▼ Show 20 Lines | :root { | ||||
/* Card */ | /* Card */ | ||||
--card-background-primary-default: var(--shades-black-85); | --card-background-primary-default: var(--shades-black-85); | ||||
--card-headerShadow-primary-default: var(--shadow-dark-35); | --card-headerShadow-primary-default: var(--shadow-dark-35); | ||||
/* Button */ | /* Button */ | ||||
--button-background-primary-default: var(--violet-dark-100); | --button-background-primary-default: var(--violet-dark-100); | ||||
--button-background-secondary-default: var(--shades-black-75); | --button-background-secondary-default: var(--shades-black-75); | ||||
--button-background-tetriary-default: var(--shades-white-80); | |||||
--button-background-success-default: var(--success-primary); | --button-background-success-default: var(--success-primary); | ||||
--button-background-primary-hover: var(--violet-dark-80); | --button-background-primary-hover: var(--violet-dark-80); | ||||
--button-background-secondary-hover: var(--shades-black-60); | --button-background-secondary-hover: var(--shades-black-60); | ||||
--button-background-primary-disabled: var(--shades-black-75); | --button-background-primary-disabled: var(--shades-black-75); | ||||
--button-background-tetriary-disabled: var(--shades-black-50); | |||||
--button-border-outline-default: var(--shades-black-50); | --button-border-outline-default: var(--shades-black-50); | ||||
--button-label-primary-default: var(--shades-white-100); | --button-label-primary-default: var(--shades-white-100); | ||||
--button-label-secondary-default: var(--shades-white-60); | --button-label-secondary-default: var(--shades-white-60); | ||||
--button-label-primary-hover: var(--shades-white-90); | --button-label-primary-hover: var(--shades-white-90); | ||||
--button-label-primary-disabled: var(--shades-black-50); | --button-label-primary-disabled: var(--shades-black-50); | ||||
/* Link */ | /* Link */ | ||||
--link-background-primary-default: var(--violet-dark-100); | --link-background-primary-default: var(--violet-dark-100); | ||||
Show All 27 Lines | :root { | ||||
/* Enum Option */ | /* Enum Option */ | ||||
--enumOption-background-primary-selected: var(--shades-black-75); | --enumOption-background-primary-selected: var(--shades-black-75); | ||||
--enumOption-icon-primary-default: var(--violet-dark-100); | --enumOption-icon-primary-default: var(--violet-dark-100); | ||||
--enumOption-title-primary-default: var(--shades-white-90); | --enumOption-title-primary-default: var(--shades-white-90); | ||||
--enumOption-description-primary-default: var(--shades-white-60); | --enumOption-description-primary-default: var(--shades-white-60); | ||||
--enumOption-input-primary-default: var(--shades-black-60); | --enumOption-input-primary-default: var(--shades-black-60); | ||||
--enumOption-input-primary-selected: var(--shades-white-60); | --enumOption-input-primary-selected: var(--shades-white-60); | ||||
--enumOption-input-secondary-default: var(--shades-white-80); | |||||
--enumOption-input-secondary-selected: var(--success-primary); | |||||
--enumOption-input-secondary-disabled: var(--shades-black-50); | |||||
/* Tooltip */ | /* Tooltip */ | ||||
--tooltip-background-primary-default: var(--shades-black-75); | --tooltip-background-primary-default: var(--shades-black-75); | ||||
--tooltip-label-primary-default: var(--shades-white-100); | --tooltip-label-primary-default: var(--shades-white-100); | ||||
/* Unread Indicator */ | /* Unread Indicator */ | ||||
--unreadIndicator-background-primary-default: var(--error-primary); | --unreadIndicator-background-primary-default: var(--error-primary); | ||||
--unreadIndicator-label-primary-default: var(--shades-white-100); | --unreadIndicator-label-primary-default: var(--shades-white-100); | ||||
Show All 16 Lines | [data-theme='light'] { | ||||
/* Card */ | /* Card */ | ||||
/* @GINSU: TODO double check these values after redesign is finished */ | /* @GINSU: TODO double check these values after redesign is finished */ | ||||
--card-background-primary-default: var(--shades-white-80); | --card-background-primary-default: var(--shades-white-80); | ||||
--card-headerShadow-primary-default: var(--shadow-light-35); | --card-headerShadow-primary-default: var(--shadow-light-35); | ||||
/* Button */ | /* Button */ | ||||
--button-background-primary-default: var(--violet-dark-100); | --button-background-primary-default: var(--violet-dark-100); | ||||
--button-background-secondary-default: var(--shades-black-50); | --button-background-secondary-default: var(--shades-black-50); | ||||
--button-background-tetriary-default: var(--shades-black-75); | |||||
--button-background-success-default: var(--success-primary); | --button-background-success-default: var(--success-primary); | ||||
--button-background-primary-hover: var(--violet-dark-80); | --button-background-primary-hover: var(--violet-dark-80); | ||||
--button-background-secondary-hover: var(--shades-black-60); | --button-background-secondary-hover: var(--shades-black-60); | ||||
--button-background-primary-disabled: var(--shades-white-60); | --button-background-primary-disabled: var(--shades-white-60); | ||||
--button-background-tetriary-disabled: var(--shades-black-50); | |||||
--button-border-outline-default: var(--shades-black-50); | --button-border-outline-default: var(--shades-black-50); | ||||
--button-label-primary-default: var(--shades-white-100); | --button-label-primary-default: var(--shades-white-100); | ||||
--button-label-secondary-default: var(--shades-white-90); | --button-label-secondary-default: var(--shades-white-90); | ||||
--button-label-primary-hover: var(--shades-white-90); | --button-label-primary-hover: var(--shades-white-90); | ||||
--button-label-primary-disabled: var(--shades-black-50); | --button-label-primary-disabled: var(--shades-black-50); | ||||
/* Link */ | /* Link */ | ||||
--link-background-primary-default: var(--violet-dark-100); | --link-background-primary-default: var(--violet-dark-100); | ||||
Show All 27 Lines | [data-theme='light'] { | ||||
/* Enum Option */ | /* Enum Option */ | ||||
--enumOption-background-primary-selected: var(--shades-white-70); | --enumOption-background-primary-selected: var(--shades-white-70); | ||||
--enumOption-icon-primary-default: var(--violet-dark-100); | --enumOption-icon-primary-default: var(--violet-dark-100); | ||||
--enumOption-title-primary-default: var(--shades-black-85); | --enumOption-title-primary-default: var(--shades-black-85); | ||||
--enumOption-description-primary-default: var(--shades-black-60); | --enumOption-description-primary-default: var(--shades-black-60); | ||||
--enumOption-input-primary-default: var(--shades-black-50); | --enumOption-input-primary-default: var(--shades-black-50); | ||||
--enumOption-input-primary-selected: var(--shades-black-60); | --enumOption-input-primary-selected: var(--shades-black-60); | ||||
--enumOption-input-secondary-default: var(--shades-black-75); | |||||
--enumOption-input-secondary-selected: var(--success-primary); | |||||
--enumOption-input-secondary-disabled: var(--shades-black-50); | |||||
/* Tooltip */ | /* Tooltip */ | ||||
/* @GINSU: TODO double check these values after redesign is finished */ | /* @GINSU: TODO double check these values after redesign is finished */ | ||||
--tooltip-background-primary-default: var(--shades-white-80); | --tooltip-background-primary-default: var(--shades-white-80); | ||||
--tooltip-label-primary-default: var(--shades-black-85); | --tooltip-label-primary-default: var(--shades-black-85); | ||||
/* Unread Indicator */ | /* Unread Indicator */ | ||||
--unreadIndicator-background-primary-default: var(--error-primary); | --unreadIndicator-background-primary-default: var(--error-primary); | ||||
--unreadIndicator-label-primary-default: var(--shades-white-100); | --unreadIndicator-label-primary-default: var(--shades-white-100); | ||||
--unreadIndicator-border-primary-default: var(--shades-white-80); | --unreadIndicator-border-primary-default: var(--shades-white-80); | ||||
} | } |