From 2615176df39779038e92e49d570fd0c2d626ee79 Mon Sep 17 00:00:00 2001
From: nickmilo <35411533+nickmilo@users.noreply.github.com>
Date: Fri, 27 Jan 2023 14:03:42 -0800
Subject: [PATCH] Add files via upload

Rippling color changes:
- H3 from cyan to soft banana yellow
- H4 now is a less intense green
- Bold went from banana yellow to banana orange (to contrast enough with the new H3)
---
 theme.css | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/theme.css b/theme.css
index c0eefc5..edc86d9 100644
--- a/theme.css
+++ b/theme.css
@@ -152,8 +152,10 @@ Icons
     --color-cyan-500: hsl(192, 46%, 68%);
     --color-cyan-510: hsl(191, 65%, 59%); /* Nick's BrighterCyberCyan */
     --color-cyan-520: hsl(191, 57%, 59%); /* Nick's CyberCyan */
-    --color-cyan-530: hsl(191, 54%, 64%); /* Nick's FadedCyberCyan */
+    --color-cyan-530: hsl(191, 54%, 64%); /* BODY TEXT!! Nick's FadedCyberCyan */
     --color-cyan-540: hsl(194, 69%, 54%);
+    --color-cyan-555: hsl(175, 85%, 75%); /* An Alt for Bold Text */
+    --color-cyan-577: hsl(13, 52%, 80%); /* An Alt for Italic Text */
     --color-cyan-700: hsl(194, 50%, 47%);
     --color-cyan-900: hsl(196, 27%, 41%);
     --color-cyan-gradient-1:
@@ -183,11 +185,18 @@ Icons
         #ef7dbe, #ea77be, #e472be, #dd6ebe); /* 500 -> 900 */
 
     --color-orange-300: hsl(28, 93%, 66%);
+    --color-orange-310: hsl(28, 63%, 66%);
     --color-orange-500: hsl(28, 43%, 47%);
 
+    --color-red-300: hsl(3, 93%, 66%);
+    --color-red-500: hsl(3, 43%, 47%);
+
     --color-yellow-300: hsl(61, 100%, 75%);
     --color-yellow-310: hsl(61, 46%, 69%);
+    --color-yellow-355: hsl(61, 55%, 69%); /*An Alt for Bold Text*/
+    --color-yellowish-355: hsl(51, 55%, 69%); /*An Alt for Bold Text*/
     --color-yellow-500: hsl(59, 71%, 68%);
+    --color-yellow-510: hsl(59, 51%, 68%);
     --color-yellow-700: hsl(58, 86%, 66%);
     --color-yellow-900: hsl(59, 81%, 47%);
     --color-yellow-gradient-1:
@@ -199,6 +208,11 @@ Icons
         #f3ee5e, #f1ec50, #f0eb41, #eee933, 
         #ece725, #eae516, #dbd815, #ccc914); /* 700 -> 900 */
 
+    --color-h3-orange: hsl(38, 60%, 63%); /* Deletable */
+    --color-h3-green: hsl(148, 47%, 51%); /* Deletable */
+    --color-h3-alt: hsl(226, 95%, 76%);
+    --color-h4-alt: hsl(151, 60%, 55%);
+
     --color-green-300: hsl(151, 100%, 81%);
     --color-green-500: hsl(124, 54%, 75%);
     --color-green-700: hsl(151, 54%, 64%);
@@ -216,7 +230,10 @@ Icons
         #59e692, #4ae299, #3bdda3, #2cd8b0); /* 500 -> 900 */
 
     --color-purple-300: hsl(255, 49%, 76%);
+    --color-purple-333: hsl(245, 37%, 80%); /* H4 test splitting purple-500 and h5 --color-slate-500 */
     --color-purple-500: hsl(255, 100%, 86%);
+    --color-purple-555: hsl(255, 100%, 86%); /* An Alt for Bold Text */
+    --color-purple-577: hsl(255, 100%, 86%); /* An Alt for Italic Text */
     --color-purple-700: hsl(260, 100%, 79%);
     --color-purple-900: hsl(263, 46%, 61%);
     --color-purple-910: hsl(263, 37%, 69%);
@@ -279,7 +296,7 @@ body.theme-dark {
 
     /* Bold */
     --bold-weight: var(--font-bold);
-    --bold-color: var(--color-yellow-500);
+    --bold-color: var(--color-yellowish-355);
 
     /* Bold and Italic */
     --bold-italic-color: var(--color-gray-10);
@@ -409,8 +426,8 @@ body.theme-dark {
     --heading-formatting: inherit;
     --h1-color: var(--color-yellow-900);
     --h2-color: var(--color-purple-700);
-    --h3-color: var(--color-cyan-540);
-    --h4-color: var(--color-green-700);
+    --h3-color: var( --color-yellow-310);
+    --h4-color: var(--color-green-710);
     --h5-color: var(--color-slate-500);
     --h6-color: var(--color-slate-700);
     --h1-font: inherit;
@@ -495,7 +512,7 @@ body.theme-dark {
     --input-radius: 2px;
 
     /* Italic */
-    --italic-color: var(--color-purple-500);
+    --italic-color: var(--color-purple-577);
 
     /* Z-index */
     --layer-cover: 5;
@@ -1153,7 +1170,7 @@ Content / Active Note / Opened Notes
 
 .theme-dark .markdown-source-view,
 .theme-dark .markdown-preview-view {
-    color: var(--color-cyan-530);
+    color: var(--color-cyan-530); /* THIS IS THE BODY TEXT COLOR!!!!!!!!!!!!!!!!!!!!! */
 }
 
 /* Header Colors */