Add interlaced palette

Signed-off-by: David Pordomingo <[email protected]>
src-d · Oct 17, 2019 · 013744a · 013744a
1 parent fcf1281
commit 013744a
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,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))
 
 ## [v0.7.0](https://github.com/src-d/sourced-ui/releases/tag/v0.7.0) - 2019-09-26
 

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,