Add more color sets

eea · Nov 24, 2021 · 9375225 · 9375225
1 parent d81fb94
commit 9375225
Show file tree

Hide file tree

Showing 2 changed files with 86 additions and 1 deletion.
diff --git a/src/index.js b/src/index.js
@@ -99,7 +99,28 @@ export default function applyConfig(config) {
     { cssClass: 'army-moccasin-text', label: 'Army moccasin text' },
     { cssClass: 'army-khaki-text', label: 'Army khaki text' },
 
-    { cssClass: 'vivid-green-text', label: 'Vivid green text' },
+    //red series
+    { cssClass: 'red-mistyrose-text', label: 'Red mistyrose text' },
+    { cssClass: 'red-darksalmon-text', label: 'Red darksalmon text' },
+    { cssClass: 'red-indian-text', label: 'Red indian text' },
+    { cssClass: 'red-brown-text', label: 'Red brown text' },
+    { cssClass: 'red-dark-text', label: 'Red dark text' },
+
+    //orange set
+    { cssClass: 'orange-mistyrose-text', label: 'Orange mistyrose text' },
+    { cssClass: 'orange-pale-text', label: 'Orange pale text' },
+    { cssClass: 'orange-gold-text', label: 'Orange gold text' },
+    { cssClass: 'orange-text', label: 'Orange text' },
+    { cssClass: 'orange-sienna-text', label: 'Orange sienna text' },
+    { cssClass: 'orange-saddle-text', label: 'Orange saddle text' },
+
+    //black set
+    { cssClass: 'black-text', label: 'Black text' },
+    { cssClass: 'black-dimgray-text', label: 'Black dimgray text' },
+    { cssClass: 'black-gray-text', label: 'Black gray text' },
+    { cssClass: 'black-silver-text', label: 'Black silver text' },
+    { cssClass: 'black-gainsboro-text', label: 'Black gainsboro text' },
+
     { cssClass: 'blue-text', label: 'Blue text' },
     { cssClass: 'red-text', label: 'Red text' },
     { cssClass: 'yellow-text', label: 'Yellow text' },

diff --git a/src/slate-styles.css b/src/slate-styles.css
@@ -91,3 +91,67 @@
 .grey-text {
   color: #8d8d8d;
 }
+
+/* red set */
+
+.red-mistyrose-text {
+  color: #fce6dc;
+}
+.red-darksalmon-text {
+  color: #f39a86;
+}
+
+.red-indian-text {
+  color: #e73d5c;
+}
+
+.red-brown-text {
+  color: #b92f47;
+}
+.red-dark-text {
+  color: #8e1206;
+}
+
+/* orange set */
+
+.orange-pale-text {
+  color: #fff6a6;
+}
+
+.orange-gold-text {
+  color: #ffe525;
+}
+
+.orange-text {
+  color: #f7a600;
+}
+
+.orange-sienna-text {
+  color: #b94b19;
+}
+
+.orange-saddle-text {
+  color: #8d4107;
+}
+
+/* black set */
+
+.black-text {
+  color: black;
+}
+
+.black-dimgray-text {
+  color: #6f6f6e;
+}
+
+.black-gray-text {
+  color: #929291;
+}
+
+.black-silver-text {
+  color: #bcbcbc;
+}
+
+.black-gainsboro-text {
+  color: #e3e3e3;
+}