diff --git a/src/components/PageStrcture/Footer.vue b/src/components/PageStrcture/Footer.vue
index c235f77f..77529692 100644
--- a/src/components/PageStrcture/Footer.vue
+++ b/src/components/PageStrcture/Footer.vue
@@ -36,7 +36,7 @@ footer {
   text-align: center;
   color: var(--medium-grey);
   opacity: var(--dimming-factor);
-  background: var(--background-darker);
+  background: var(--footer-background);
   margin-top: 1.5rem;
   border-top: 1px solid var(--outline-color);
   @include tablet-down {
diff --git a/src/components/Settings/SearchBar.vue b/src/components/Settings/SearchBar.vue
index 7b38f902..0083c21f 100644
--- a/src/components/Settings/SearchBar.vue
+++ b/src/components/Settings/SearchBar.vue
@@ -83,7 +83,7 @@ export default {
     background: var(--search-container-background);
     label {
         display: inline;
-        color: var(--settings-text-color);
+        color: var(--search-label-color);
         margin: 0.5rem;
         display: inline;
     }
diff --git a/src/styles/color-palette.scss b/src/styles/color-palette.scss
index bb90b2d2..7b0f0497 100644
--- a/src/styles/color-palette.scss
+++ b/src/styles/color-palette.scss
@@ -42,6 +42,7 @@
   --nav-link-border-color: transparent;
   --nav-link-border-color-hover: var(--primary);
   --item-text-color: var(--primary);
+  --item-text-color-hover: var(--item-text-color);
   --item-group-outer-background: var(--primary);
   --item-group-heading-text-color: var(--item-group-background);
   --item-group-heading-text-color-hover: var(--background);
@@ -49,8 +50,10 @@
   --settings-text-color: var(--primary);
   --search-container-background: var(--background-darker);
   --search-field-background: var(--background);
+  --search-label-color: var(--settings-text-color);
   --footer-text-color: var(--medium-grey);
   --footer-text-color-link:  var(--primary);
+  --footer-background: var(--background-darker);
   --welcome-popup-background: var(--background-darker);
   --welcome-popup-text-color: var(--primary);
   --config-code-background: #fff;