Add interlaced palette

Signed-off-by: David Pordomingo <[email protected]>
src-d · Oct 18, 2019 · d8af79c · d8af79c
1 parent 5cc50c4
commit d8af79c
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@
 
 - Reduce the size of docker image ([#272](https://github.com/src-d/sourced-ui/issues/272))
 - Make the current source{d} palettes accessible for color blindness impairments ([#302](https://github.com/src-d/sourced-ui/issues/302))
+- Convert the current `srcdMain` and `srcdAll` palettes into interlaced ones, and rename the old gradient ones as `srcdMainGradient` and `srcdAllGradient` ([#305](https://github.com/src-d/sourced-ui/pull/305))
 
 ### Fixed
 

diff --git a/srcd/superset/assets/src/customization/srcdColorsCategorical.js b/srcd/superset/assets/src/customization/srcdColorsCategorical.js
@@ -12,6 +12,51 @@ export const scheme = [
   {
     id: 'srcdMain',
     label: 'source{d} main colors',
+    colors: [
+      palette.royalDeep,
+      palette.coralDeep,
+      palette.limeDeep,
+      palette.royal,
+      palette.coral,
+      palette.lime,
+      palette.royalLightDeep,
+      palette.coralLightDeep,
+      palette.limeLightDeep,
+      palette.royalLight,
+      palette.coralLight,
+      palette.limeLight,
+    ],
+  },
+  {
+    id: 'srcdAll',
+    label: 'source{d} all colors + middle gradient',
+    colors: [
+      palette.royalDeep,
+      palette.coralDeep,
+      palette.limeDeep,
+      palette.vanila,
+      palette.navy,
+      palette.gray,
+      palette.royalMiddle,
+      palette.coralMiddle,
+      palette.limeMiddle,
+      palette.vanilaLight,
+      palette.navyLight,
+      palette.grayLight,
+      palette.royal,
+      palette.coral,
+      palette.lime,
+      palette.royalLightDeep,
+      palette.coralLightDeep,
+      palette.limeLightDeep,
+      palette.royalLight,
+      palette.coralLight,
+      palette.limeLight,
+    ],
+  },
+  {
+    id: 'srcdMainGradient',
+    label: 'source{d} gradient main colors',
     colors: [
       palette.royalDeep,
       palette.royal,
@@ -28,8 +73,8 @@ export const scheme = [
     ],
   },
   {
-    id: 'srcdAll',
-    label: 'source{d} all colors + middle gradient',
+    id: 'srcdAllGradient',
+    label: 'source{d} gradient all colors + middle gradient',
     colors: [
       palette.royalDeep,
       palette.royalMiddle,