[Glitch] Add color variables of texts for better accesibility

Port 74dae9458d118b066cd74b16aab2aa9cafbf3fba and related to glitch-soc

1 files changed, 3 insertions, 3 deletions

diff --git a/app/javascript/flavours/glitch/styles/components/local_settings.scss b/app/javascript/flavours/glitch/styles/components/local_settings.scss
index 16c8cf003..9e1606e99 100644
--- a/app/javascript/flavours/glitch/styles/components/local_settings.scss
+++ b/app/javascript/flavours/glitch/styles/components/local_settings.scss
@@ -3,7 +3,7 @@
   display: flex;
   flex-direction: row;
   background: $ui-secondary-color;
-  color: $ui-base-color;
+  color: $inverted-text-color;
   border-radius: 8px;
   height: 80vh;
   width: 80vw;
@@ -58,8 +58,8 @@
 }
 
 .glitch.local-settings__navigation {
-  background: $primary-text-color;
-  color: $ui-base-color;
+  background: $simple-background-color;
+  color: $inverted-text-color;
   width: 200px;
   font-size: 15px;
   line-height: 20px;