#285 new rainbow color sequence

Netcentric · Feb 21, 2023 · 5bf3d91 · 5bf3d91
1 parent a4863c0
commit 5bf3d91
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -139,19 +139,20 @@
     color: var(--c-dark-plum);
 }
 
+/* Rainbow:  darker-plum, dark-plum, dark-blue  */
 .columns.rainbow > div > div:nth-of-type(3n),
 .columns.rainbow-reverse > div > div:nth-of-type(3n + 1) {
-    background-color: var(--c-mid-blue);
+    background-color: var(--c-dark-blue);
 }
 
 .columns.rainbow > div > div:nth-child(3n + 1),
 .columns.rainbow-reverse > div > div:nth-of-type(3n) {
-    background-color: var(--c-mid-plum);
+    background-color: var(--c-darker-plum);
 }
 
 .columns.rainbow > div > div:nth-child(3n + 2),
 .columns.rainbow-reverse > div > div:nth-of-type(3n + 2) {
-    background-color: var(--c-dark-blue);
+    background-color: var(--c-dark-plum);
 }
 
 @media (min-width: 600px) {

diff --git a/styles/styles.css b/styles/styles.css
@@ -31,6 +31,7 @@
   --c-dark-blue: #2f78c4;
   --c-dark-mid-plum: #3e40a0; /* for background footer only */
   --c-dark-plum: #2e308e;
+  --c-darker-plum: #1c1d55;
   --c-dark-gray: #53565a;
   --c-dark-teal: #06c7cc;
   --c-light-teal: #97f5f7;