diff --git a/src/styles/custom-properties/colors.scss b/src/styles/custom-properties/colors.scss index 931f79609..d990cb84d 100644 --- a/src/styles/custom-properties/colors.scss +++ b/src/styles/custom-properties/colors.scss @@ -13,57 +13,46 @@ --grey-700: hsl(216.9, 19.1%, 26.7%); --grey-800: hsl(215, 27.9%, 16.9%); --grey-900: hsl(220.9, 39.3%, 11%); - --site-background: var(--grey-100); --scheme-main: var(--white); // Overrides of Bulma defaults - // --black-bis: #121212; - // --black-ter: #242424; --grey-darker: var(--grey-700); --grey-dark: var(--grey-800); --grey: var(--grey-500); --grey-light: var(--grey-300); --grey-lighter: var(--grey-200); --grey-lightest: var(--grey-100); - // --white-ter: whitesmoke; - // --white-bis: #fafafa; --input-border-color: var(--grey-200); - --white-h: 0deg; --white-s: 0%; --white-l: 100%; --white-a: 1; --white: hsla(var(--white-h), var(--white-s), var(--white-l), var(--white-a)); --white-translucent: hsla(var(--white-h), var(--white-s), var(--white-l), 0.75); - --black-h: 0deg; --black-s: 0%; --black-l: 4%; --black-a: 1; --black: hsla(var(--black-h), var(--black-s), var(--black-l), var(--black-a)); - // $warning / $orange: #ff851b or hsl(27.9, 100%, 55.3%) --warning-h: 27.9deg; --warning-s: 100%; --warning-l: 55.3%; --warning-a: 1; --warning: hsla(var(--warning-h), var(--warning-s), var(--warning-l), var(--warning-a)); - // $success / $green is #00db60 or hsl(146.3, 100%, 42.9%) --success-h: 146.3deg; --success-s: 100%; --success-l: 42.9%; --success-a: 1; --success: hsla(var(--success-h), var(--success-s), var(--success-l), var(--success-a)); - // $danger / $red is #ff4136 or hsl(3.3, 100%, 60.6%) --danger-h: 3.3deg; --danger-s: 100%; --danger-l: 60.6%; --danger-a: 1; --danger: hsla(var(--danger-h), var(--danger-s), var(--danger-l), var(--danger-a)); - // var(--primary) / $blue is #1973ff or hsl(216.5, 100%, 54.9%) --primary-h: 216.5deg; --primary-s: 100%; @@ -75,6 +64,7 @@ --primary: hsla(var(--primary-h), var(--primary-s), var(--primary-l), var(--primary-a)); --primary-light: hsla(var(--primary-h), var(--primary-s), var(--primary-light-l), var(--primary-a)); + // Define custom color variable to prevent change in dark mode --switch-view-color: hsla(var(--white-h), var(--white-s), var(--white-l), var(--white-a));