From 91456a8bc9bf390dc72c7ce515d143ca472a21f0 Mon Sep 17 00:00:00 2001
From: He4eT <He4eT@oddsquat.org>
Date: Thu, 25 May 2023 01:16:36 +0300
Subject: [PATCH] Themes: add input colors and accents

---
 src/components/Player/player.css |  9 ++++++++
 src/themes/themes.css            | 36 +++++++++++++++++++++-----------
 2 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/src/components/Player/player.css b/src/components/Player/player.css
index 5bed7a3..11eda07 100644
--- a/src/components/Player/player.css
+++ b/src/components/Player/player.css
@@ -89,6 +89,15 @@
   display: none;
 }
 
+.ifplayer .output .textBuffer .message.input {
+  color: var(--input-color);
+}
+
+.ifplayer .output .textBuffer .message.emphasized,
+.ifplayer .output .textBuffer .message.subheader {
+  color: var(--accent-color);
+}
+
 .status {
   padding: var(--inner-padding);
 }
diff --git a/src/themes/themes.css b/src/themes/themes.css
index 0472b1a..fd889ea 100644
--- a/src/themes/themes.css
+++ b/src/themes/themes.css
@@ -18,38 +18,38 @@ body {
 .light {
   --bg-color: hsl(0, 0%, 100%, 1);
   --main-color: hsl(0, 0%, 0%, 0.8);
+  --accent-color: hsl(0, 0%, 0%, 0.8);
+  --input-color: hsl(0, 0%, 0%, 0.8);
 }
 
 .dim {
   --bg-color: hsl(0, 0%, 20%, 1);
   --main-color: hsl(0, 0%, 100%, 0.8);
+  --accent-color: hsl(0, 0%, 100%, 0.8);
+  --input-color: hsl(0, 0%, 100%, 0.8);
 }
 
 .dark {
   --bg-color: hsl(0, 0%, 0%, 1);
   --main-color: hsl(0, 0%, 100%, 1);
+  --accent-color: hsl(0, 0%, 100%, 1);
+  --input-color: hsl(0, 0%, 100%, 1);
 }
 
 /* solarized */
 
 .solarized-light {
-  --main-color: #586e75;
   --bg-color: #eee8d5;
+  --main-color: #586e75;
+  --accent-color: #b58900;
+  --input-color: #2aa198;
 }
 
 .solarized-dark {
-  --main-color: #93a1a1;
   --bg-color: #073642;
-}
-
-.solarized-light strong,
-.solarized-dark strong {
-  color: #b58900;
-}
-
-.solarized-light .message.input,
-.solarized-dark .message.input {
-  color: #2aa198;
+  --main-color: #93a1a1;
+  --accent-color: #b58900;
+  --input-color: #2aa198;
 }
 
 /* named */
@@ -57,29 +57,41 @@ body {
 .emo {
   --bg-color: #4d4d4d;
   --main-color: #ff77aa;
+  --accent-color: #ff77aa;
+  --input-color: #ff77aa;
 }
 
 .nord {
   --bg-color: #50586c;
   --main-color: #dce2f0;
+  --accent-color: #dce2f0;
+  --input-color: #dce2f0;
 }
 
 .redrum {
   --bg-color: #000000;
   --main-color: #ff0000;
+  --accent-color: #ff0000;
+  --input-color: #ff0000;
 }
 
 .toxin {
   --bg-color: #606060;
   --main-color: #d6ed17;
+  --accent-color: #d6ed17;
+  --input-color: #d6ed17;
 }
 
 .valve {
   --bg-color: #292929;
   --main-color: #fb7e14;
+  --accent-color: #fb7e14;
+  --input-color: #fb7e14;
 }
 
 .wasp {
   --bg-color: #f9d142;
   --main-color: #292826;
+  --accent-color: #292826;
+  --input-color: #292826;
 }