Fix themes colors by using SCSS variables (#3376)

* :lipstick: Use foreground var for code

* :lipstick: Use submenu var color

* :lipstick: Use foreground var color for menu

* :bug: Fix var used in menu

1 files changed, 2 insertions, 1 deletions

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 25db91670..ece8411af 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -105,6 +105,7 @@ label {
 
 code {
   background-color: pvar(--greyBackgroundColor);
+  color: pvar(--greyForegroundColor);
   border-radius: 3px;
   padding: .2em .4em;
   margin: auto .4em;
@@ -261,7 +262,7 @@ code {
     opacity: 0.6;
 
     &.active {
-      background-color: #f0f0f0;
+      background-color: pvar(--submenuColor);
     }
 
     &.active, &:hover, &:active, &:focus {