diff --git a/change/@fluentui-react-theme-sass-cbad7d6f-f322-499a-a0a1-9d4ef6e09c9b.json b/change/@fluentui-react-theme-sass-cbad7d6f-f322-499a-a0a1-9d4ef6e09c9b.json new file mode 100644 index 00000000000000..83cc696a9d27f6 --- /dev/null +++ b/change/@fluentui-react-theme-sass-cbad7d6f-f322-499a-a0a1-9d4ef6e09c9b.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix(react-theme-sass): Remove color palette tokens which are no longer present in react-theme", + "packageName": "@fluentui/react-theme-sass", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-theme-sass/sass/colorPaletteTokens.scss b/packages/react-components/react-theme-sass/sass/colorPaletteTokens.scss index ac9bf61b8714d6..09bda81c495ac6 100644 --- a/packages/react-components/react-theme-sass/sass/colorPaletteTokens.scss +++ b/packages/react-components/react-theme-sass/sass/colorPaletteTokens.scss @@ -1,33 +1,3 @@ -$colorPaletteDarkRedBackground1: var(--colorPaletteDarkRedBackground1); -$colorPaletteDarkRedBackground2: var(--colorPaletteDarkRedBackground2); -$colorPaletteDarkRedBackground3: var(--colorPaletteDarkRedBackground3); -$colorPaletteDarkRedForeground1: var(--colorPaletteDarkRedForeground1); -$colorPaletteDarkRedForeground2: var(--colorPaletteDarkRedForeground2); -$colorPaletteDarkRedForeground3: var(--colorPaletteDarkRedForeground3); -$colorPaletteDarkRedBorderActive: var(--colorPaletteDarkRedBorderActive); -$colorPaletteDarkRedBorder1: var(--colorPaletteDarkRedBorder1); -$colorPaletteDarkRedBorder2: var(--colorPaletteDarkRedBorder2); - -$colorPaletteBurgundyBackground1: var(--colorPaletteBurgundyBackground1); -$colorPaletteBurgundyBackground2: var(--colorPaletteBurgundyBackground2); -$colorPaletteBurgundyBackground3: var(--colorPaletteBurgundyBackground3); -$colorPaletteBurgundyForeground1: var(--colorPaletteBurgundyForeground1); -$colorPaletteBurgundyForeground2: var(--colorPaletteBurgundyForeground2); -$colorPaletteBurgundyForeground3: var(--colorPaletteBurgundyForeground3); -$colorPaletteBurgundyBorderActive: var(--colorPaletteBurgundyBorderActive); -$colorPaletteBurgundyBorder1: var(--colorPaletteBurgundyBorder1); -$colorPaletteBurgundyBorder2: var(--colorPaletteBurgundyBorder2); - -$colorPaletteCranberryBackground1: var(--colorPaletteCranberryBackground1); -$colorPaletteCranberryBackground2: var(--colorPaletteCranberryBackground2); -$colorPaletteCranberryBackground3: var(--colorPaletteCranberryBackground3); -$colorPaletteCranberryForeground1: var(--colorPaletteCranberryForeground1); -$colorPaletteCranberryForeground2: var(--colorPaletteCranberryForeground2); -$colorPaletteCranberryForeground3: var(--colorPaletteCranberryForeground3); -$colorPaletteCranberryBorderActive: var(--colorPaletteCranberryBorderActive); -$colorPaletteCranberryBorder1: var(--colorPaletteCranberryBorder1); -$colorPaletteCranberryBorder2: var(--colorPaletteCranberryBorder2); - $colorPaletteRedBackground1: var(--colorPaletteRedBackground1); $colorPaletteRedBackground2: var(--colorPaletteRedBackground2); $colorPaletteRedBackground3: var(--colorPaletteRedBackground3); @@ -38,6 +8,16 @@ $colorPaletteRedBorderActive: var(--colorPaletteRedBorderActive); $colorPaletteRedBorder1: var(--colorPaletteRedBorder1); $colorPaletteRedBorder2: var(--colorPaletteRedBorder2); +$colorPaletteGreenBackground1: var(--colorPaletteGreenBackground1); +$colorPaletteGreenBackground2: var(--colorPaletteGreenBackground2); +$colorPaletteGreenBackground3: var(--colorPaletteGreenBackground3); +$colorPaletteGreenForeground1: var(--colorPaletteGreenForeground1); +$colorPaletteGreenForeground2: var(--colorPaletteGreenForeground2); +$colorPaletteGreenForeground3: var(--colorPaletteGreenForeground3); +$colorPaletteGreenBorderActive: var(--colorPaletteGreenBorderActive); +$colorPaletteGreenBorder1: var(--colorPaletteGreenBorder1); +$colorPaletteGreenBorder2: var(--colorPaletteGreenBorder2); + $colorPaletteDarkOrangeBackground1: var(--colorPaletteDarkOrangeBackground1); $colorPaletteDarkOrangeBackground2: var(--colorPaletteDarkOrangeBackground2); $colorPaletteDarkOrangeBackground3: var(--colorPaletteDarkOrangeBackground3); @@ -48,45 +28,25 @@ $colorPaletteDarkOrangeBorderActive: var(--colorPaletteDarkOrangeBorderActive); $colorPaletteDarkOrangeBorder1: var(--colorPaletteDarkOrangeBorder1); $colorPaletteDarkOrangeBorder2: var(--colorPaletteDarkOrangeBorder2); -$colorPaletteBronzeBackground1: var(--colorPaletteBronzeBackground1); -$colorPaletteBronzeBackground2: var(--colorPaletteBronzeBackground2); -$colorPaletteBronzeBackground3: var(--colorPaletteBronzeBackground3); -$colorPaletteBronzeForeground1: var(--colorPaletteBronzeForeground1); -$colorPaletteBronzeForeground2: var(--colorPaletteBronzeForeground2); -$colorPaletteBronzeForeground3: var(--colorPaletteBronzeForeground3); -$colorPaletteBronzeBorderActive: var(--colorPaletteBronzeBorderActive); -$colorPaletteBronzeBorder1: var(--colorPaletteBronzeBorder1); -$colorPaletteBronzeBorder2: var(--colorPaletteBronzeBorder2); - -$colorPalettePumpkinBackground1: var(--colorPalettePumpkinBackground1); -$colorPalettePumpkinBackground2: var(--colorPalettePumpkinBackground2); -$colorPalettePumpkinBackground3: var(--colorPalettePumpkinBackground3); -$colorPalettePumpkinForeground1: var(--colorPalettePumpkinForeground1); -$colorPalettePumpkinForeground2: var(--colorPalettePumpkinForeground2); -$colorPalettePumpkinForeground3: var(--colorPalettePumpkinForeground3); -$colorPalettePumpkinBorderActive: var(--colorPalettePumpkinBorderActive); -$colorPalettePumpkinBorder1: var(--colorPalettePumpkinBorder1); -$colorPalettePumpkinBorder2: var(--colorPalettePumpkinBorder2); - -$colorPaletteOrangeBackground1: var(--colorPaletteOrangeBackground1); -$colorPaletteOrangeBackground2: var(--colorPaletteOrangeBackground2); -$colorPaletteOrangeBackground3: var(--colorPaletteOrangeBackground3); -$colorPaletteOrangeForeground1: var(--colorPaletteOrangeForeground1); -$colorPaletteOrangeForeground2: var(--colorPaletteOrangeForeground2); -$colorPaletteOrangeForeground3: var(--colorPaletteOrangeForeground3); -$colorPaletteOrangeBorderActive: var(--colorPaletteOrangeBorderActive); -$colorPaletteOrangeBorder1: var(--colorPaletteOrangeBorder1); -$colorPaletteOrangeBorder2: var(--colorPaletteOrangeBorder2); - -$colorPalettePeachBackground1: var(--colorPalettePeachBackground1); -$colorPalettePeachBackground2: var(--colorPalettePeachBackground2); -$colorPalettePeachBackground3: var(--colorPalettePeachBackground3); -$colorPalettePeachForeground1: var(--colorPalettePeachForeground1); -$colorPalettePeachForeground2: var(--colorPalettePeachForeground2); -$colorPalettePeachForeground3: var(--colorPalettePeachForeground3); -$colorPalettePeachBorderActive: var(--colorPalettePeachBorderActive); -$colorPalettePeachBorder1: var(--colorPalettePeachBorder1); -$colorPalettePeachBorder2: var(--colorPalettePeachBorder2); +$colorPaletteYellowBackground1: var(--colorPaletteYellowBackground1); +$colorPaletteYellowBackground2: var(--colorPaletteYellowBackground2); +$colorPaletteYellowBackground3: var(--colorPaletteYellowBackground3); +$colorPaletteYellowForeground1: var(--colorPaletteYellowForeground1); +$colorPaletteYellowForeground2: var(--colorPaletteYellowForeground2); +$colorPaletteYellowForeground3: var(--colorPaletteYellowForeground3); +$colorPaletteYellowBorderActive: var(--colorPaletteYellowBorderActive); +$colorPaletteYellowBorder1: var(--colorPaletteYellowBorder1); +$colorPaletteYellowBorder2: var(--colorPaletteYellowBorder2); + +$colorPaletteBerryBackground1: var(--colorPaletteBerryBackground1); +$colorPaletteBerryBackground2: var(--colorPaletteBerryBackground2); +$colorPaletteBerryBackground3: var(--colorPaletteBerryBackground3); +$colorPaletteBerryForeground1: var(--colorPaletteBerryForeground1); +$colorPaletteBerryForeground2: var(--colorPaletteBerryForeground2); +$colorPaletteBerryForeground3: var(--colorPaletteBerryForeground3); +$colorPaletteBerryBorderActive: var(--colorPaletteBerryBorderActive); +$colorPaletteBerryBorder1: var(--colorPaletteBerryBorder1); +$colorPaletteBerryBorder2: var(--colorPaletteBerryBorder2); $colorPaletteMarigoldBackground1: var(--colorPaletteMarigoldBackground1); $colorPaletteMarigoldBackground2: var(--colorPaletteMarigoldBackground2); @@ -98,392 +58,124 @@ $colorPaletteMarigoldBorderActive: var(--colorPaletteMarigoldBorderActive); $colorPaletteMarigoldBorder1: var(--colorPaletteMarigoldBorder1); $colorPaletteMarigoldBorder2: var(--colorPaletteMarigoldBorder2); -$colorPaletteYellowBackground1: var(--colorPaletteYellowBackground1); -$colorPaletteYellowBackground2: var(--colorPaletteYellowBackground2); -$colorPaletteYellowBackground3: var(--colorPaletteYellowBackground3); -$colorPaletteYellowForeground1: var(--colorPaletteYellowForeground1); -$colorPaletteYellowForeground2: var(--colorPaletteYellowForeground2); -$colorPaletteYellowForeground3: var(--colorPaletteYellowForeground3); -$colorPaletteYellowBorderActive: var(--colorPaletteYellowBorderActive); -$colorPaletteYellowBorder1: var(--colorPaletteYellowBorder1); -$colorPaletteYellowBorder2: var(--colorPaletteYellowBorder2); +$colorPaletteLightGreenBackground1: var(--colorPaletteLightGreenBackground1); +$colorPaletteLightGreenBackground2: var(--colorPaletteLightGreenBackground2); +$colorPaletteLightGreenBackground3: var(--colorPaletteLightGreenBackground3); +$colorPaletteLightGreenForeground1: var(--colorPaletteLightGreenForeground1); +$colorPaletteLightGreenForeground2: var(--colorPaletteLightGreenForeground2); +$colorPaletteLightGreenForeground3: var(--colorPaletteLightGreenForeground3); +$colorPaletteLightGreenBorderActive: var(--colorPaletteLightGreenBorderActive); +$colorPaletteLightGreenBorder1: var(--colorPaletteLightGreenBorder1); +$colorPaletteLightGreenBorder2: var(--colorPaletteLightGreenBorder2); + +$colorPaletteDarkRedBackground2: var(--colorPaletteDarkRedBackground2); +$colorPaletteDarkRedForeground2: var(--colorPaletteDarkRedForeground2); +$colorPaletteDarkRedBorderActive: var(--colorPaletteDarkRedBorderActive); + +$colorPaletteCranberryBackground2: var(--colorPaletteCranberryBackground2); +$colorPaletteCranberryForeground2: var(--colorPaletteCranberryForeground2); +$colorPaletteCranberryBorderActive: var(--colorPaletteCranberryBorderActive); + +$colorPalettePumpkinBackground2: var(--colorPalettePumpkinBackground2); +$colorPalettePumpkinForeground2: var(--colorPalettePumpkinForeground2); +$colorPalettePumpkinBorderActive: var(--colorPalettePumpkinBorderActive); + +$colorPalettePeachBackground2: var(--colorPalettePeachBackground2); +$colorPalettePeachForeground2: var(--colorPalettePeachForeground2); +$colorPalettePeachBorderActive: var(--colorPalettePeachBorderActive); -$colorPaletteGoldBackground1: var(--colorPaletteGoldBackground1); $colorPaletteGoldBackground2: var(--colorPaletteGoldBackground2); -$colorPaletteGoldBackground3: var(--colorPaletteGoldBackground3); -$colorPaletteGoldForeground1: var(--colorPaletteGoldForeground1); $colorPaletteGoldForeground2: var(--colorPaletteGoldForeground2); -$colorPaletteGoldForeground3: var(--colorPaletteGoldForeground3); $colorPaletteGoldBorderActive: var(--colorPaletteGoldBorderActive); -$colorPaletteGoldBorder1: var(--colorPaletteGoldBorder1); -$colorPaletteGoldBorder2: var(--colorPaletteGoldBorder2); -$colorPaletteBrassBackground1: var(--colorPaletteBrassBackground1); $colorPaletteBrassBackground2: var(--colorPaletteBrassBackground2); -$colorPaletteBrassBackground3: var(--colorPaletteBrassBackground3); -$colorPaletteBrassForeground1: var(--colorPaletteBrassForeground1); $colorPaletteBrassForeground2: var(--colorPaletteBrassForeground2); -$colorPaletteBrassForeground3: var(--colorPaletteBrassForeground3); $colorPaletteBrassBorderActive: var(--colorPaletteBrassBorderActive); -$colorPaletteBrassBorder1: var(--colorPaletteBrassBorder1); -$colorPaletteBrassBorder2: var(--colorPaletteBrassBorder2); -$colorPaletteBrownBackground1: var(--colorPaletteBrownBackground1); $colorPaletteBrownBackground2: var(--colorPaletteBrownBackground2); -$colorPaletteBrownBackground3: var(--colorPaletteBrownBackground3); -$colorPaletteBrownForeground1: var(--colorPaletteBrownForeground1); $colorPaletteBrownForeground2: var(--colorPaletteBrownForeground2); -$colorPaletteBrownForeground3: var(--colorPaletteBrownForeground3); $colorPaletteBrownBorderActive: var(--colorPaletteBrownBorderActive); -$colorPaletteBrownBorder1: var(--colorPaletteBrownBorder1); -$colorPaletteBrownBorder2: var(--colorPaletteBrownBorder2); - -$colorPaletteDarkBrownBackground1: var(--colorPaletteDarkBrownBackground1); -$colorPaletteDarkBrownBackground2: var(--colorPaletteDarkBrownBackground2); -$colorPaletteDarkBrownBackground3: var(--colorPaletteDarkBrownBackground3); -$colorPaletteDarkBrownForeground1: var(--colorPaletteDarkBrownForeground1); -$colorPaletteDarkBrownForeground2: var(--colorPaletteDarkBrownForeground2); -$colorPaletteDarkBrownForeground3: var(--colorPaletteDarkBrownForeground3); -$colorPaletteDarkBrownBorderActive: var(--colorPaletteDarkBrownBorderActive); -$colorPaletteDarkBrownBorder1: var(--colorPaletteDarkBrownBorder1); -$colorPaletteDarkBrownBorder2: var(--colorPaletteDarkBrownBorder2); - -$colorPaletteLimeBackground1: var(--colorPaletteLimeBackground1); -$colorPaletteLimeBackground2: var(--colorPaletteLimeBackground2); -$colorPaletteLimeBackground3: var(--colorPaletteLimeBackground3); -$colorPaletteLimeForeground1: var(--colorPaletteLimeForeground1); -$colorPaletteLimeForeground2: var(--colorPaletteLimeForeground2); -$colorPaletteLimeForeground3: var(--colorPaletteLimeForeground3); -$colorPaletteLimeBorderActive: var(--colorPaletteLimeBorderActive); -$colorPaletteLimeBorder1: var(--colorPaletteLimeBorder1); -$colorPaletteLimeBorder2: var(--colorPaletteLimeBorder2); - -$colorPaletteForestBackground1: var(--colorPaletteForestBackground1); + $colorPaletteForestBackground2: var(--colorPaletteForestBackground2); -$colorPaletteForestBackground3: var(--colorPaletteForestBackground3); -$colorPaletteForestForeground1: var(--colorPaletteForestForeground1); $colorPaletteForestForeground2: var(--colorPaletteForestForeground2); -$colorPaletteForestForeground3: var(--colorPaletteForestForeground3); $colorPaletteForestBorderActive: var(--colorPaletteForestBorderActive); -$colorPaletteForestBorder1: var(--colorPaletteForestBorder1); -$colorPaletteForestBorder2: var(--colorPaletteForestBorder2); -$colorPaletteSeafoamBackground1: var(--colorPaletteSeafoamBackground1); $colorPaletteSeafoamBackground2: var(--colorPaletteSeafoamBackground2); -$colorPaletteSeafoamBackground3: var(--colorPaletteSeafoamBackground3); -$colorPaletteSeafoamForeground1: var(--colorPaletteSeafoamForeground1); $colorPaletteSeafoamForeground2: var(--colorPaletteSeafoamForeground2); -$colorPaletteSeafoamForeground3: var(--colorPaletteSeafoamForeground3); $colorPaletteSeafoamBorderActive: var(--colorPaletteSeafoamBorderActive); -$colorPaletteSeafoamBorder1: var(--colorPaletteSeafoamBorder1); -$colorPaletteSeafoamBorder2: var(--colorPaletteSeafoamBorder2); - -$colorPaletteLightGreenBackground1: var(--colorPaletteLightGreenBackground1); -$colorPaletteLightGreenBackground2: var(--colorPaletteLightGreenBackground2); -$colorPaletteLightGreenBackground3: var(--colorPaletteLightGreenBackground3); -$colorPaletteLightGreenForeground1: var(--colorPaletteLightGreenForeground1); -$colorPaletteLightGreenForeground2: var(--colorPaletteLightGreenForeground2); -$colorPaletteLightGreenForeground3: var(--colorPaletteLightGreenForeground3); -$colorPaletteLightGreenBorderActive: var(--colorPaletteLightGreenBorderActive); -$colorPaletteLightGreenBorder1: var(--colorPaletteLightGreenBorder1); -$colorPaletteLightGreenBorder2: var(--colorPaletteLightGreenBorder2); - -$colorPaletteGreenBackground1: var(--colorPaletteGreenBackground1); -$colorPaletteGreenBackground2: var(--colorPaletteGreenBackground2); -$colorPaletteGreenBackground3: var(--colorPaletteGreenBackground3); -$colorPaletteGreenForeground1: var(--colorPaletteGreenForeground1); -$colorPaletteGreenForeground2: var(--colorPaletteGreenForeground2); -$colorPaletteGreenForeground3: var(--colorPaletteGreenForeground3); -$colorPaletteGreenBorderActive: var(--colorPaletteGreenBorderActive); -$colorPaletteGreenBorder1: var(--colorPaletteGreenBorder1); -$colorPaletteGreenBorder2: var(--colorPaletteGreenBorder2); -$colorPaletteDarkGreenBackground1: var(--colorPaletteDarkGreenBackground1); $colorPaletteDarkGreenBackground2: var(--colorPaletteDarkGreenBackground2); -$colorPaletteDarkGreenBackground3: var(--colorPaletteDarkGreenBackground3); -$colorPaletteDarkGreenForeground1: var(--colorPaletteDarkGreenForeground1); $colorPaletteDarkGreenForeground2: var(--colorPaletteDarkGreenForeground2); -$colorPaletteDarkGreenForeground3: var(--colorPaletteDarkGreenForeground3); $colorPaletteDarkGreenBorderActive: var(--colorPaletteDarkGreenBorderActive); -$colorPaletteDarkGreenBorder1: var(--colorPaletteDarkGreenBorder1); -$colorPaletteDarkGreenBorder2: var(--colorPaletteDarkGreenBorder2); -$colorPaletteLightTealBackground1: var(--colorPaletteLightTealBackground1); $colorPaletteLightTealBackground2: var(--colorPaletteLightTealBackground2); -$colorPaletteLightTealBackground3: var(--colorPaletteLightTealBackground3); -$colorPaletteLightTealForeground1: var(--colorPaletteLightTealForeground1); $colorPaletteLightTealForeground2: var(--colorPaletteLightTealForeground2); -$colorPaletteLightTealForeground3: var(--colorPaletteLightTealForeground3); $colorPaletteLightTealBorderActive: var(--colorPaletteLightTealBorderActive); -$colorPaletteLightTealBorder1: var(--colorPaletteLightTealBorder1); -$colorPaletteLightTealBorder2: var(--colorPaletteLightTealBorder2); -$colorPaletteTealBackground1: var(--colorPaletteTealBackground1); $colorPaletteTealBackground2: var(--colorPaletteTealBackground2); -$colorPaletteTealBackground3: var(--colorPaletteTealBackground3); -$colorPaletteTealForeground1: var(--colorPaletteTealForeground1); $colorPaletteTealForeground2: var(--colorPaletteTealForeground2); -$colorPaletteTealForeground3: var(--colorPaletteTealForeground3); $colorPaletteTealBorderActive: var(--colorPaletteTealBorderActive); -$colorPaletteTealBorder1: var(--colorPaletteTealBorder1); -$colorPaletteTealBorder2: var(--colorPaletteTealBorder2); - -$colorPaletteDarkTealBackground1: var(--colorPaletteDarkTealBackground1); -$colorPaletteDarkTealBackground2: var(--colorPaletteDarkTealBackground2); -$colorPaletteDarkTealBackground3: var(--colorPaletteDarkTealBackground3); -$colorPaletteDarkTealForeground1: var(--colorPaletteDarkTealForeground1); -$colorPaletteDarkTealForeground2: var(--colorPaletteDarkTealForeground2); -$colorPaletteDarkTealForeground3: var(--colorPaletteDarkTealForeground3); -$colorPaletteDarkTealBorderActive: var(--colorPaletteDarkTealBorderActive); -$colorPaletteDarkTealBorder1: var(--colorPaletteDarkTealBorder1); -$colorPaletteDarkTealBorder2: var(--colorPaletteDarkTealBorder2); - -$colorPaletteCyanBackground1: var(--colorPaletteCyanBackground1); -$colorPaletteCyanBackground2: var(--colorPaletteCyanBackground2); -$colorPaletteCyanBackground3: var(--colorPaletteCyanBackground3); -$colorPaletteCyanForeground1: var(--colorPaletteCyanForeground1); -$colorPaletteCyanForeground2: var(--colorPaletteCyanForeground2); -$colorPaletteCyanForeground3: var(--colorPaletteCyanForeground3); -$colorPaletteCyanBorderActive: var(--colorPaletteCyanBorderActive); -$colorPaletteCyanBorder1: var(--colorPaletteCyanBorder1); -$colorPaletteCyanBorder2: var(--colorPaletteCyanBorder2); - -$colorPaletteSteelBackground1: var(--colorPaletteSteelBackground1); + $colorPaletteSteelBackground2: var(--colorPaletteSteelBackground2); -$colorPaletteSteelBackground3: var(--colorPaletteSteelBackground3); -$colorPaletteSteelForeground1: var(--colorPaletteSteelForeground1); $colorPaletteSteelForeground2: var(--colorPaletteSteelForeground2); -$colorPaletteSteelForeground3: var(--colorPaletteSteelForeground3); $colorPaletteSteelBorderActive: var(--colorPaletteSteelBorderActive); -$colorPaletteSteelBorder1: var(--colorPaletteSteelBorder1); -$colorPaletteSteelBorder2: var(--colorPaletteSteelBorder2); - -$colorPaletteLightBlueBackground1: var(--colorPaletteLightBlueBackground1); -$colorPaletteLightBlueBackground2: var(--colorPaletteLightBlueBackground2); -$colorPaletteLightBlueBackground3: var(--colorPaletteLightBlueBackground3); -$colorPaletteLightBlueForeground1: var(--colorPaletteLightBlueForeground1); -$colorPaletteLightBlueForeground2: var(--colorPaletteLightBlueForeground2); -$colorPaletteLightBlueForeground3: var(--colorPaletteLightBlueForeground3); -$colorPaletteLightBlueBorderActive: var(--colorPaletteLightBlueBorderActive); -$colorPaletteLightBlueBorder1: var(--colorPaletteLightBlueBorder1); -$colorPaletteLightBlueBorder2: var(--colorPaletteLightBlueBorder2); - -$colorPaletteBlueBackground1: var(--colorPaletteBlueBackground1); + $colorPaletteBlueBackground2: var(--colorPaletteBlueBackground2); -$colorPaletteBlueBackground3: var(--colorPaletteBlueBackground3); -$colorPaletteBlueForeground1: var(--colorPaletteBlueForeground1); $colorPaletteBlueForeground2: var(--colorPaletteBlueForeground2); -$colorPaletteBlueForeground3: var(--colorPaletteBlueForeground3); $colorPaletteBlueBorderActive: var(--colorPaletteBlueBorderActive); -$colorPaletteBlueBorder1: var(--colorPaletteBlueBorder1); -$colorPaletteBlueBorder2: var(--colorPaletteBlueBorder2); -$colorPaletteRoyalBlueBackground1: var(--colorPaletteRoyalBlueBackground1); $colorPaletteRoyalBlueBackground2: var(--colorPaletteRoyalBlueBackground2); -$colorPaletteRoyalBlueBackground3: var(--colorPaletteRoyalBlueBackground3); -$colorPaletteRoyalBlueForeground1: var(--colorPaletteRoyalBlueForeground1); $colorPaletteRoyalBlueForeground2: var(--colorPaletteRoyalBlueForeground2); -$colorPaletteRoyalBlueForeground3: var(--colorPaletteRoyalBlueForeground3); $colorPaletteRoyalBlueBorderActive: var(--colorPaletteRoyalBlueBorderActive); -$colorPaletteRoyalBlueBorder1: var(--colorPaletteRoyalBlueBorder1); -$colorPaletteRoyalBlueBorder2: var(--colorPaletteRoyalBlueBorder2); - -$colorPaletteDarkBlueBackground1: var(--colorPaletteDarkBlueBackground1); -$colorPaletteDarkBlueBackground2: var(--colorPaletteDarkBlueBackground2); -$colorPaletteDarkBlueBackground3: var(--colorPaletteDarkBlueBackground3); -$colorPaletteDarkBlueForeground1: var(--colorPaletteDarkBlueForeground1); -$colorPaletteDarkBlueForeground2: var(--colorPaletteDarkBlueForeground2); -$colorPaletteDarkBlueForeground3: var(--colorPaletteDarkBlueForeground3); -$colorPaletteDarkBlueBorderActive: var(--colorPaletteDarkBlueBorderActive); -$colorPaletteDarkBlueBorder1: var(--colorPaletteDarkBlueBorder1); -$colorPaletteDarkBlueBorder2: var(--colorPaletteDarkBlueBorder2); - -$colorPaletteCornflowerBackground1: var(--colorPaletteCornflowerBackground1); + $colorPaletteCornflowerBackground2: var(--colorPaletteCornflowerBackground2); -$colorPaletteCornflowerBackground3: var(--colorPaletteCornflowerBackground3); -$colorPaletteCornflowerForeground1: var(--colorPaletteCornflowerForeground1); $colorPaletteCornflowerForeground2: var(--colorPaletteCornflowerForeground2); -$colorPaletteCornflowerForeground3: var(--colorPaletteCornflowerForeground3); $colorPaletteCornflowerBorderActive: var(--colorPaletteCornflowerBorderActive); -$colorPaletteCornflowerBorder1: var(--colorPaletteCornflowerBorder1); -$colorPaletteCornflowerBorder2: var(--colorPaletteCornflowerBorder2); -$colorPaletteNavyBackground1: var(--colorPaletteNavyBackground1); $colorPaletteNavyBackground2: var(--colorPaletteNavyBackground2); -$colorPaletteNavyBackground3: var(--colorPaletteNavyBackground3); -$colorPaletteNavyForeground1: var(--colorPaletteNavyForeground1); $colorPaletteNavyForeground2: var(--colorPaletteNavyForeground2); -$colorPaletteNavyForeground3: var(--colorPaletteNavyForeground3); $colorPaletteNavyBorderActive: var(--colorPaletteNavyBorderActive); -$colorPaletteNavyBorder1: var(--colorPaletteNavyBorder1); -$colorPaletteNavyBorder2: var(--colorPaletteNavyBorder2); -$colorPaletteLavenderBackground1: var(--colorPaletteLavenderBackground1); $colorPaletteLavenderBackground2: var(--colorPaletteLavenderBackground2); -$colorPaletteLavenderBackground3: var(--colorPaletteLavenderBackground3); -$colorPaletteLavenderForeground1: var(--colorPaletteLavenderForeground1); $colorPaletteLavenderForeground2: var(--colorPaletteLavenderForeground2); -$colorPaletteLavenderForeground3: var(--colorPaletteLavenderForeground3); $colorPaletteLavenderBorderActive: var(--colorPaletteLavenderBorderActive); -$colorPaletteLavenderBorder1: var(--colorPaletteLavenderBorder1); -$colorPaletteLavenderBorder2: var(--colorPaletteLavenderBorder2); -$colorPalettePurpleBackground1: var(--colorPalettePurpleBackground1); $colorPalettePurpleBackground2: var(--colorPalettePurpleBackground2); -$colorPalettePurpleBackground3: var(--colorPalettePurpleBackground3); -$colorPalettePurpleForeground1: var(--colorPalettePurpleForeground1); $colorPalettePurpleForeground2: var(--colorPalettePurpleForeground2); -$colorPalettePurpleForeground3: var(--colorPalettePurpleForeground3); $colorPalettePurpleBorderActive: var(--colorPalettePurpleBorderActive); -$colorPalettePurpleBorder1: var(--colorPalettePurpleBorder1); -$colorPalettePurpleBorder2: var(--colorPalettePurpleBorder2); - -$colorPaletteDarkPurpleBackground1: var(--colorPaletteDarkPurpleBackground1); -$colorPaletteDarkPurpleBackground2: var(--colorPaletteDarkPurpleBackground2); -$colorPaletteDarkPurpleBackground3: var(--colorPaletteDarkPurpleBackground3); -$colorPaletteDarkPurpleForeground1: var(--colorPaletteDarkPurpleForeground1); -$colorPaletteDarkPurpleForeground2: var(--colorPaletteDarkPurpleForeground2); -$colorPaletteDarkPurpleForeground3: var(--colorPaletteDarkPurpleForeground3); -$colorPaletteDarkPurpleBorderActive: var(--colorPaletteDarkPurpleBorderActive); -$colorPaletteDarkPurpleBorder1: var(--colorPaletteDarkPurpleBorder1); -$colorPaletteDarkPurpleBorder2: var(--colorPaletteDarkPurpleBorder2); - -$colorPaletteOrchidBackground1: var(--colorPaletteOrchidBackground1); -$colorPaletteOrchidBackground2: var(--colorPaletteOrchidBackground2); -$colorPaletteOrchidBackground3: var(--colorPaletteOrchidBackground3); -$colorPaletteOrchidForeground1: var(--colorPaletteOrchidForeground1); -$colorPaletteOrchidForeground2: var(--colorPaletteOrchidForeground2); -$colorPaletteOrchidForeground3: var(--colorPaletteOrchidForeground3); -$colorPaletteOrchidBorderActive: var(--colorPaletteOrchidBorderActive); -$colorPaletteOrchidBorder1: var(--colorPaletteOrchidBorder1); -$colorPaletteOrchidBorder2: var(--colorPaletteOrchidBorder2); - -$colorPaletteGrapeBackground1: var(--colorPaletteGrapeBackground1); + $colorPaletteGrapeBackground2: var(--colorPaletteGrapeBackground2); -$colorPaletteGrapeBackground3: var(--colorPaletteGrapeBackground3); -$colorPaletteGrapeForeground1: var(--colorPaletteGrapeForeground1); $colorPaletteGrapeForeground2: var(--colorPaletteGrapeForeground2); -$colorPaletteGrapeForeground3: var(--colorPaletteGrapeForeground3); $colorPaletteGrapeBorderActive: var(--colorPaletteGrapeBorderActive); -$colorPaletteGrapeBorder1: var(--colorPaletteGrapeBorder1); -$colorPaletteGrapeBorder2: var(--colorPaletteGrapeBorder2); - -$colorPaletteBerryBackground1: var(--colorPaletteBerryBackground1); -$colorPaletteBerryBackground2: var(--colorPaletteBerryBackground2); -$colorPaletteBerryBackground3: var(--colorPaletteBerryBackground3); -$colorPaletteBerryForeground1: var(--colorPaletteBerryForeground1); -$colorPaletteBerryForeground2: var(--colorPaletteBerryForeground2); -$colorPaletteBerryForeground3: var(--colorPaletteBerryForeground3); -$colorPaletteBerryBorderActive: var(--colorPaletteBerryBorderActive); -$colorPaletteBerryBorder1: var(--colorPaletteBerryBorder1); -$colorPaletteBerryBorder2: var(--colorPaletteBerryBorder2); -$colorPaletteLilacBackground1: var(--colorPaletteLilacBackground1); $colorPaletteLilacBackground2: var(--colorPaletteLilacBackground2); -$colorPaletteLilacBackground3: var(--colorPaletteLilacBackground3); -$colorPaletteLilacForeground1: var(--colorPaletteLilacForeground1); $colorPaletteLilacForeground2: var(--colorPaletteLilacForeground2); -$colorPaletteLilacForeground3: var(--colorPaletteLilacForeground3); $colorPaletteLilacBorderActive: var(--colorPaletteLilacBorderActive); -$colorPaletteLilacBorder1: var(--colorPaletteLilacBorder1); -$colorPaletteLilacBorder2: var(--colorPaletteLilacBorder2); -$colorPalettePinkBackground1: var(--colorPalettePinkBackground1); $colorPalettePinkBackground2: var(--colorPalettePinkBackground2); -$colorPalettePinkBackground3: var(--colorPalettePinkBackground3); -$colorPalettePinkForeground1: var(--colorPalettePinkForeground1); $colorPalettePinkForeground2: var(--colorPalettePinkForeground2); -$colorPalettePinkForeground3: var(--colorPalettePinkForeground3); $colorPalettePinkBorderActive: var(--colorPalettePinkBorderActive); -$colorPalettePinkBorder1: var(--colorPalettePinkBorder1); -$colorPalettePinkBorder2: var(--colorPalettePinkBorder2); - -$colorPaletteHotPinkBackground1: var(--colorPaletteHotPinkBackground1); -$colorPaletteHotPinkBackground2: var(--colorPaletteHotPinkBackground2); -$colorPaletteHotPinkBackground3: var(--colorPaletteHotPinkBackground3); -$colorPaletteHotPinkForeground1: var(--colorPaletteHotPinkForeground1); -$colorPaletteHotPinkForeground2: var(--colorPaletteHotPinkForeground2); -$colorPaletteHotPinkForeground3: var(--colorPaletteHotPinkForeground3); -$colorPaletteHotPinkBorderActive: var(--colorPaletteHotPinkBorderActive); -$colorPaletteHotPinkBorder1: var(--colorPaletteHotPinkBorder1); -$colorPaletteHotPinkBorder2: var(--colorPaletteHotPinkBorder2); - -$colorPaletteMagentaBackground1: var(--colorPaletteMagentaBackground1); + $colorPaletteMagentaBackground2: var(--colorPaletteMagentaBackground2); -$colorPaletteMagentaBackground3: var(--colorPaletteMagentaBackground3); -$colorPaletteMagentaForeground1: var(--colorPaletteMagentaForeground1); $colorPaletteMagentaForeground2: var(--colorPaletteMagentaForeground2); -$colorPaletteMagentaForeground3: var(--colorPaletteMagentaForeground3); $colorPaletteMagentaBorderActive: var(--colorPaletteMagentaBorderActive); -$colorPaletteMagentaBorder1: var(--colorPaletteMagentaBorder1); -$colorPaletteMagentaBorder2: var(--colorPaletteMagentaBorder2); -$colorPalettePlumBackground1: var(--colorPalettePlumBackground1); $colorPalettePlumBackground2: var(--colorPalettePlumBackground2); -$colorPalettePlumBackground3: var(--colorPalettePlumBackground3); -$colorPalettePlumForeground1: var(--colorPalettePlumForeground1); $colorPalettePlumForeground2: var(--colorPalettePlumForeground2); -$colorPalettePlumForeground3: var(--colorPalettePlumForeground3); $colorPalettePlumBorderActive: var(--colorPalettePlumBorderActive); -$colorPalettePlumBorder1: var(--colorPalettePlumBorder1); -$colorPalettePlumBorder2: var(--colorPalettePlumBorder2); -$colorPaletteBeigeBackground1: var(--colorPaletteBeigeBackground1); $colorPaletteBeigeBackground2: var(--colorPaletteBeigeBackground2); -$colorPaletteBeigeBackground3: var(--colorPaletteBeigeBackground3); -$colorPaletteBeigeForeground1: var(--colorPaletteBeigeForeground1); $colorPaletteBeigeForeground2: var(--colorPaletteBeigeForeground2); -$colorPaletteBeigeForeground3: var(--colorPaletteBeigeForeground3); $colorPaletteBeigeBorderActive: var(--colorPaletteBeigeBorderActive); -$colorPaletteBeigeBorder1: var(--colorPaletteBeigeBorder1); -$colorPaletteBeigeBorder2: var(--colorPaletteBeigeBorder2); -$colorPaletteMinkBackground1: var(--colorPaletteMinkBackground1); $colorPaletteMinkBackground2: var(--colorPaletteMinkBackground2); -$colorPaletteMinkBackground3: var(--colorPaletteMinkBackground3); -$colorPaletteMinkForeground1: var(--colorPaletteMinkForeground1); $colorPaletteMinkForeground2: var(--colorPaletteMinkForeground2); -$colorPaletteMinkForeground3: var(--colorPaletteMinkForeground3); $colorPaletteMinkBorderActive: var(--colorPaletteMinkBorderActive); -$colorPaletteMinkBorder1: var(--colorPaletteMinkBorder1); -$colorPaletteMinkBorder2: var(--colorPaletteMinkBorder2); - -$colorPaletteSilverBackground1: var(--colorPaletteSilverBackground1); -$colorPaletteSilverBackground2: var(--colorPaletteSilverBackground2); -$colorPaletteSilverBackground3: var(--colorPaletteSilverBackground3); -$colorPaletteSilverForeground1: var(--colorPaletteSilverForeground1); -$colorPaletteSilverForeground2: var(--colorPaletteSilverForeground2); -$colorPaletteSilverForeground3: var(--colorPaletteSilverForeground3); -$colorPaletteSilverBorderActive: var(--colorPaletteSilverBorderActive); -$colorPaletteSilverBorder1: var(--colorPaletteSilverBorder1); -$colorPaletteSilverBorder2: var(--colorPaletteSilverBorder2); - -$colorPalettePlatinumBackground1: var(--colorPalettePlatinumBackground1); + $colorPalettePlatinumBackground2: var(--colorPalettePlatinumBackground2); -$colorPalettePlatinumBackground3: var(--colorPalettePlatinumBackground3); -$colorPalettePlatinumForeground1: var(--colorPalettePlatinumForeground1); $colorPalettePlatinumForeground2: var(--colorPalettePlatinumForeground2); -$colorPalettePlatinumForeground3: var(--colorPalettePlatinumForeground3); $colorPalettePlatinumBorderActive: var(--colorPalettePlatinumBorderActive); -$colorPalettePlatinumBorder1: var(--colorPalettePlatinumBorder1); -$colorPalettePlatinumBorder2: var(--colorPalettePlatinumBorder2); -$colorPaletteAnchorBackground1: var(--colorPaletteAnchorBackground1); $colorPaletteAnchorBackground2: var(--colorPaletteAnchorBackground2); -$colorPaletteAnchorBackground3: var(--colorPaletteAnchorBackground3); -$colorPaletteAnchorForeground1: var(--colorPaletteAnchorForeground1); $colorPaletteAnchorForeground2: var(--colorPaletteAnchorForeground2); -$colorPaletteAnchorForeground3: var(--colorPaletteAnchorForeground3); $colorPaletteAnchorBorderActive: var(--colorPaletteAnchorBorderActive); -$colorPaletteAnchorBorder1: var(--colorPaletteAnchorBorder1); -$colorPaletteAnchorBorder2: var(--colorPaletteAnchorBorder2); - -$colorPaletteCharcoalBackground1: var(--colorPaletteCharcoalBackground1); -$colorPaletteCharcoalBackground2: var(--colorPaletteCharcoalBackground2); -$colorPaletteCharcoalBackground3: var(--colorPaletteCharcoalBackground3); -$colorPaletteCharcoalForeground1: var(--colorPaletteCharcoalForeground1); -$colorPaletteCharcoalForeground2: var(--colorPaletteCharcoalForeground2); -$colorPaletteCharcoalForeground3: var(--colorPaletteCharcoalForeground3); -$colorPaletteCharcoalBorderActive: var(--colorPaletteCharcoalBorderActive); -$colorPaletteCharcoalBorder1: var(--colorPaletteCharcoalBorder1); -$colorPaletteCharcoalBorder2: var(--colorPaletteCharcoalBorder2);