Update colors map

Author: homing1

css/src/tokens/colors.scss

@@ -78,53 +78,65 @@ $primary-box-shadow: var(--theme-primary-box-shadow);
 
 $secondary: var(--theme-secondary-base);
 $secondary-background: var(--theme-secondary-background);
+$secondary-background-hover: var(--theme-secondary-background-hover);
 $secondary-background-glow-high-contrast: var(--theme-secondary-background-glow-high-contrast);
 $secondary-dark: var(--theme-secondary-dark);
+$secondary-dark-hover: var(--theme-secondary-dark-hover);
 $secondary-hover: var(--theme-secondary-hover);
 $secondary-active: var(--theme-secondary-active);
 $secondary-invert: var(--theme-secondary-invert);
 $secondary-box-shadow: var(--theme-secondary-box-shadow);
 
 $tertiary: var(--theme-tertiary-base);
 $tertiary-background: var(--theme-tertiary-background);
+$tertiary-background-hover: var(--theme-tertiary-background-hover);
 $tertiary-background-glow-high-contrast: var(--theme-tertiary-background-glow-high-contrast);
 $tertiary-dark: var(--theme-tertiary-dark);
+$tertiary-dark-hover: var(--theme-tertiary-dark-hover);
 $tertiary-hover: var(--theme-tertiary-hover);
 $tertiary-active: var(--theme-tertiary-active);
 $tertiary-invert: var(--theme-tertiary-invert);
 $tertiary-box-shadow: var(--theme-tertiary-box-shadow);
 
 $success: var(--theme-success-base);
 $success-background: var(--theme-success-background);
+$success-background-hover: var(--theme-success-background-hover);
 $success-background-glow-high-contrast: var(--theme-success-background-glow-high-contrast);
 $success-dark: var(--theme-success-dark);
+$success-dark-hover: var(--theme-success-dark-hover);
 $success-hover: var(--theme-success-hover);
 $success-active: var(--theme-success-active);
 $success-invert: var(--theme-success-invert);
 $success-box-shadow: var(--theme-success-box-shadow);
 
 $info: var(--theme-info-base);
 $info-background: var(--theme-info-background);
+$info-background-hover: var(--theme-info-background-hover);
 $info-background-glow-high-contrast: var(--theme-info-background-glow-high-contrast);
 $info-dark: var(--theme-info-dark);
+$info-dark-hover: var(--theme-info-dark-hover);
 $info-hover: var(--theme-info-hover);
 $info-active: var(--theme-info-active);
 $info-invert: var(--theme-info-invert);
 $info-box-shadow: var(--theme-info-box-shadow);
 
 $warning: var(--theme-warning-base);
 $warning-background: var(--theme-warning-background);
+$warning-background-hover: var(--theme-warning-background-hover);
 $warning-background-glow-high-contrast: var(--theme-warning-background-glow-high-contrast);
 $warning-dark: var(--theme-warning-dark);
+$warning-dark-hover: var(--theme-warning-dark-hover);
 $warning-hover: var(--theme-warning-hover);
 $warning-active: var(--theme-warning-active);
 $warning-invert: var(--theme-warning-invert);
 $warning-box-shadow: var(--theme-warning-box-shadow);
 
 $danger: var(--theme-danger-base);
 $danger-background: var(--theme-danger-background);
+$danger-background-hover: var(--theme-danger-background-hover);
 $danger-background-glow-high-contrast: var(--theme-danger-background-glow-high-contrast);
 $danger-dark: var(--theme-danger-dark);
+$danger-dark-hover: var(--theme-danger-dark-hover);
 $danger-hover: var(--theme-danger-hover);
 $danger-active: var(--theme-danger-active);
 $danger-invert: var(--theme-danger-invert);
@@ -151,7 +163,9 @@ $colors: (
 		$secondary-active,
 		$secondary-invert,
 		$secondary-box-shadow,
-		$secondary-background-glow-high-contrast
+		$secondary-background-glow-high-contrast,
+		$secondary-background-hover,
+		$secondary-dark-hover
 	),
 	'tertiary': (
 		$tertiary,
@@ -161,7 +175,9 @@ $colors: (
 		$tertiary-active,
 		$tertiary-invert,
 		$tertiary-box-shadow,
-		$tertiary-background-glow-high-contrast
+		$tertiary-background-glow-high-contrast,
+		$tertiary-background-hover,
+		$tertiary-dark-hover
 	),
 	'success': (
 		$success,
@@ -171,7 +187,9 @@ $colors: (
 		$success-active,
 		$success-invert,
 		$success-box-shadow,
-		$success-background-glow-high-contrast
+		$success-background-glow-high-contrast,
+		$success-background-hover,
+		$success-dark-hover
 	),
 	'info': (
 		$info,
@@ -181,7 +199,9 @@ $colors: (
 		$info-active,
 		$info-invert,
 		$info-box-shadow,
-		$info-background-glow-high-contrast
+		$info-background-glow-high-contrast,
+		$info-background-hover,
+		$info-dark-hover
 	),
 	'warning': (
 		$warning,
@@ -191,7 +211,9 @@ $colors: (
 		$warning-active,
 		$warning-invert,
 		$warning-box-shadow,
-		$warning-background-glow-high-contrast
+		$warning-background-glow-high-contrast,
+		$warning-background-hover,
+		$warning-dark-hover
 	),
 	'danger': (
 		$danger,
@@ -201,7 +223,9 @@ $colors: (
 		$danger-active,
 		$danger-invert,
 		$danger-box-shadow,
-		$danger-background-glow-high-contrast
+		$danger-background-glow-high-contrast,
+		$danger-background-hover,
+		$danger-dark-hover
 	)
 ) !default;
 
@@ -218,7 +242,7 @@ $color-index-invert: 6;
 $color-index-box-shadow: 7;
 $color-index-background-glow-high-contrast: 8;
 $color-index-background-hover: 9;
-$color-index-hover-light-text: 10;
+$color-index-dark-hover: 10;
 
 // example implementation of a color loop