Invert saturation scale as well (#4783)

1 files changed, 26 insertions, 26 deletions

diff --git a/src/alf/themes.ts b/src/alf/themes.ts
index b430fa65e..ba18ee007 100644
--- a/src/alf/themes.ts
+++ b/src/alf/themes.ts
@@ -261,23 +261,23 @@ export function createThemes({
     contrast_950: `hsl(${hues.primary}, 20%, ${dimScale[12]}%)`,
     contrast_975: `hsl(${hues.primary}, 20%, ${dimScale[13]}%)`,
 
-    primary_25: `hsl(${hues.primary}, 99%, ${dimScale[1]}%)`,
-    primary_50: `hsl(${hues.primary}, 99%, ${dimScale[2]}%)`,
-    primary_100: `hsl(${hues.primary}, 99%, ${dimScale[3]}%)`,
-    primary_200: `hsl(${hues.primary}, 99%, ${dimScale[4]}%)`,
-    primary_300: `hsl(${hues.primary}, 99%, ${dimScale[5]}%)`,
-    primary_400: `hsl(${hues.primary}, 99%, ${dimScale[6]}%)`,
+    primary_25: `hsl(${hues.primary}, 50%, ${dimScale[1]}%)`,
+    primary_50: `hsl(${hues.primary}, 60%, ${dimScale[2]}%)`,
+    primary_100: `hsl(${hues.primary}, 70%, ${dimScale[3]}%)`,
+    primary_200: `hsl(${hues.primary}, 82%, ${dimScale[4]}%)`,
+    primary_300: `hsl(${hues.primary}, 90%, ${dimScale[5]}%)`,
+    primary_400: `hsl(${hues.primary}, 95%, ${dimScale[6]}%)`,
     primary_500: `hsl(${hues.primary}, 99%, ${dimScale[7]}%)`,
-    primary_600: `hsl(${hues.primary}, 95%, ${dimScale[8]}%)`,
-    primary_700: `hsl(${hues.primary}, 90%, ${dimScale[9]}%)`,
-    primary_800: `hsl(${hues.primary}, 82%, ${dimScale[10]}%)`,
-    primary_900: `hsl(${hues.primary}, 70%, ${dimScale[11]}%)`,
-    primary_950: `hsl(${hues.primary}, 60%, ${dimScale[12]}%)`,
-    primary_975: `hsl(${hues.primary}, 50%, ${dimScale[13]}%)`,
+    primary_600: `hsl(${hues.primary}, 99%, ${dimScale[8]}%)`,
+    primary_700: `hsl(${hues.primary}, 99%, ${dimScale[9]}%)`,
+    primary_800: `hsl(${hues.primary}, 99%, ${dimScale[10]}%)`,
+    primary_900: `hsl(${hues.primary}, 99%, ${dimScale[11]}%)`,
+    primary_950: `hsl(${hues.primary}, 99%, ${dimScale[12]}%)`,
+    primary_975: `hsl(${hues.primary}, 99%, ${dimScale[13]}%)`,
 
-    positive_25: `hsl(${hues.positive}, 82%, ${dimScale[1]}%)`,
-    positive_50: `hsl(${hues.positive}, 82%, ${dimScale[2]}%)`,
-    positive_100: `hsl(${hues.positive}, 82%, ${dimScale[3]}%)`,
+    positive_25: `hsl(${hues.positive}, 50%, ${dimScale[1]}%)`,
+    positive_50: `hsl(${hues.positive}, 60%, ${dimScale[2]}%)`,
+    positive_100: `hsl(${hues.positive}, 70%, ${dimScale[3]}%)`,
     positive_200: `hsl(${hues.positive}, 82%, ${dimScale[4]}%)`,
     positive_300: `hsl(${hues.positive}, 82%, ${dimScale[5]}%)`,
     positive_400: `hsl(${hues.positive}, 82%, ${dimScale[6]}%)`,
@@ -285,23 +285,23 @@ export function createThemes({
     positive_600: `hsl(${hues.positive}, 82%, ${dimScale[8]}%)`,
     positive_700: `hsl(${hues.positive}, 82%, ${dimScale[9]}%)`,
     positive_800: `hsl(${hues.positive}, 82%, ${dimScale[10]}%)`,
-    positive_900: `hsl(${hues.positive}, 70%, ${dimScale[11]}%)`,
-    positive_950: `hsl(${hues.positive}, 60%, ${dimScale[12]}%)`,
-    positive_975: `hsl(${hues.positive}, 50%, ${dimScale[13]}%)`,
+    positive_900: `hsl(${hues.positive}, 82%, ${dimScale[11]}%)`,
+    positive_950: `hsl(${hues.positive}, 82%, ${dimScale[12]}%)`,
+    positive_975: `hsl(${hues.positive}, 82%, ${dimScale[13]}%)`,
 
-    negative_25: `hsl(${hues.negative}, 91%, ${dimScale[1]}%)`,
-    negative_50: `hsl(${hues.negative}, 91%, ${dimScale[2]}%)`,
-    negative_100: `hsl(${hues.negative}, 91%, ${dimScale[3]}%)`,
-    negative_200: `hsl(${hues.negative}, 91%, ${dimScale[4]}%)`,
+    negative_25: `hsl(${hues.negative}, 70%, ${dimScale[1]}%)`,
+    negative_50: `hsl(${hues.negative}, 80%, ${dimScale[2]}%)`,
+    negative_100: `hsl(${hues.negative}, 84%, ${dimScale[3]}%)`,
+    negative_200: `hsl(${hues.negative}, 88%, ${dimScale[4]}%)`,
     negative_300: `hsl(${hues.negative}, 91%, ${dimScale[5]}%)`,
     negative_400: `hsl(${hues.negative}, 91%, ${dimScale[6]}%)`,
     negative_500: `hsl(${hues.negative}, 91%, ${dimScale[7]}%)`,
     negative_600: `hsl(${hues.negative}, 91%, ${dimScale[8]}%)`,
     negative_700: `hsl(${hues.negative}, 91%, ${dimScale[9]}%)`,
-    negative_800: `hsl(${hues.negative}, 88%, ${dimScale[10]}%)`,
-    negative_900: `hsl(${hues.negative}, 84%, ${dimScale[11]}%)`,
-    negative_950: `hsl(${hues.negative}, 80%, ${dimScale[12]}%)`,
-    negative_975: `hsl(${hues.negative}, 70%, ${dimScale[13]}%)`,
+    negative_800: `hsl(${hues.negative}, 91%, ${dimScale[10]}%)`,
+    negative_900: `hsl(${hues.negative}, 91%, ${dimScale[11]}%)`,
+    negative_950: `hsl(${hues.negative}, 91%, ${dimScale[12]}%)`,
+    negative_975: `hsl(${hues.negative}, 91%, ${dimScale[13]}%)`,
   } as const
 
   const light: Theme = {