From 523a28d0f757807fe09aefdf4a30bb48cb3a4fe2 Mon Sep 17 00:00:00 2001
From: PrestonN <freetubeapp@protonmail.com>
Date: Tue, 12 Oct 2021 16:19:46 -0400
Subject: [PATCH] Fix text color contrast with main Dracula colors

---
 src/renderer/components/side-nav/side-nav.css |  2 +-
 src/renderer/themes.css                       | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/side-nav/side-nav.css b/src/renderer/components/side-nav/side-nav.css
index d71079f35..81978321c 100644
--- a/src/renderer/components/side-nav/side-nav.css
+++ b/src/renderer/components/side-nav/side-nav.css
@@ -6,7 +6,7 @@
   position: fixed;
   left: 0px;
   top: 0px;
-  z-index: 1;
+  z-index: 4;
   margin-top: 60px;
   box-shadow: 1px -1px 1px -1px var(--primary-shadow-color);
   background-color: var(--side-nav-color);
diff --git a/src/renderer/themes.css b/src/renderer/themes.css
index 4e61c67fe..73e365fba 100644
--- a/src/renderer/themes.css
+++ b/src/renderer/themes.css
@@ -287,7 +287,7 @@
   --primary-color: #FF79C6;
   --primary-color-hover: #FF86CC;
   --primary-color-active: #E66DB2;
-  --text-with-main-color: #282A36;
+  --text-with-main-color: #F8F8F2;
   --logo-icon-bar-color: url("~../../_icons/iconDraculaLightSmall.png");
   --logo-text-bar-color: url("~../../_icons/textDraculaLightSmall.png");
 }
@@ -296,7 +296,7 @@
   --primary-color: #BD93F9;
   --primary-color-hover: #C49EFA;
   --primary-color-active: #AA84E0;
-  --text-with-main-color: #282A36;
+  --text-with-main-color: #F8F8F2;
   --logo-icon-bar-color: url("~../../_icons/iconDraculaLightSmall.png");
   --logo-text-bar-color: url("~../../_icons/textDraculaLightSmall.png");
 }
@@ -305,7 +305,7 @@
   --primary-color: #FF5555;
   --primary-color-hover: #FF6666;
   --primary-color-active: #E64D4D;
-  --text-with-main-color: #282A36;
+  --text-with-main-color: #F8F8F2;
   --logo-icon-bar-color: url("~../../_icons/iconDraculaLightSmall.png");
   --logo-text-bar-color: url("~../../_icons/textDraculaLightSmall.png");
 }
@@ -572,7 +572,7 @@
   --accent-color-active: #E66DB2;
   --accent-color-light: #FF94D1;
   --accent-color-visited: #CC619E;
-  --text-with-accent-color: #212121;
+  --text-with-accent-color: #F8F8F2;
   --accent-color-opacity1: rgba(98,114,164,0.04);
   --accent-color-opacity2: rgba(98,114,164,0.12);
   --accent-color-opacity3: rgba(98,114,164,0.16);
@@ -585,7 +585,7 @@
   --accent-color-active: #AA84E0;
   --accent-color-light: #CAA9FA;
   --accent-color-visited: #9776C7;
-  --text-with-accent-color: #212121;
+  --text-with-accent-color: #F8F8F2;
   --accent-color-opacity1: rgba(98,114,164,0.04);
   --accent-color-opacity2: rgba(98,114,164,0.12);
   --accent-color-opacity3: rgba(98,114,164,0.16);
@@ -598,7 +598,7 @@
   --accent-color-active: #E64D4D;
   --accent-color-light: #FF7777;
   --accent-color-visited: #CC4444;
-  --text-with-accent-color: #212121;
+  --text-with-accent-color: #F8F8F2;
   --accent-color-opacity1: rgba(98,114,164,0.04);
   --accent-color-opacity2: rgba(98,114,164,0.12);
   --accent-color-opacity3: rgba(98,114,164,0.16);