diff --git a/src/themes/_colors.scss b/src/themes/_colors.scss index 7912b4d8..495f0f4f 100644 --- a/src/themes/_colors.scss +++ b/src/themes/_colors.scss @@ -56,6 +56,8 @@ $blue: #275dc5; $red: #ff6161; $yellow: #c89d39; $error: #d13a3a; +$error--bg--light: #fce8e8; +$error--bg--dark: #3d1515; $save-red: #ff4d4d; @@ -173,7 +175,7 @@ $menu--bg--light: $grey-100; $menu--bg--dark: $grey-10; $menu--text--light: $grey-50; $menu--text--dark: $grey-60; -$menu--separator--light: $grey-90; +$menu--separator--light: $grey-80; $menu--separator--dark: $grey-05; $menu--item--bg--light--hover: $grey-85; $menu--item--bg--dark--hover: $grey-00; diff --git a/src/themes/themes.scss b/src/themes/themes.scss index b98c9df1..c86bd619 100644 --- a/src/themes/themes.scss +++ b/src/themes/themes.scss @@ -191,6 +191,10 @@ --icon-secondary: #{colors.$icon--secondary--color--light}; --icon-secondary-hover: #{colors.$icon--secondary--hover--light}; + // Light - Danger/Error + --danger: #{colors.$error}; + --danger-bg: #{colors.$error--bg--light}; + // Light - Tags --tag-bg: #{colors.$tag--bg--light}; --tag-text: #{colors.$tag--text--light}; @@ -516,6 +520,10 @@ --icon-secondary: #{colors.$icon--secondary--color--dark}; --icon-secondary-hover: #{colors.$icon--secondary--hover--dark}; + // Dark - Danger/Error + --danger: #{colors.$error}; + --danger-bg: #{colors.$error--bg--dark}; + // Dark - Tags --tag-bg: #{colors.$tag--bg--dark}; --tag-text: #{colors.$tag--text--dark};