Fix hotkeys page theming

diff --git a/client/src/app/core/hotkeys/hotkeys.component.scss b/client/src/app/core/hotkeys/hotkeys.component.scss
index a848d98cd85111ad92802ae1658d08873d63d2ee..da23b1f482d67b0ae159421fa2cc460ea4c15d84 100644 (file)
--- a/client/src/app/core/hotkeys/hotkeys.component.scss
+++ b/client/src/app/core/hotkeys/hotkeys.component.scss
@@ -10,9 +10,9 @@
   height: 100%;
   top: 0;
   left: 0;
-  color: #333;
+  color: pvar(--mainForegroundColor);
   font-size: 1em;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: pvar(--mainBackgroundColor);
 }
 
 .cfp-hotkeys-container.fade {
@@ -41,7 +41,7 @@
 
 .cfp-hotkeys table {
   margin: auto;
-  color: #333;
+  color: pvar(--mainForegroundColor);
 }
 
 .cfp-content {
@@ -58,9 +58,9 @@
   @include margin-right(5px);
 
   display: inline-block;
-  color: #fff;
-  background-color: #333;
-  border: 1px solid #333;
+  color: pvar(--mainBackgroundColor);
+  background-color: pvar(--mainForegroundColor);
+  border: 1px solid pvar(--mainForegroundColor);
   border-radius: 5px;
   text-align: center;
   box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;

diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index da72c1eb6c6b1f28475b303bd05f2914b99d612e..3b847c75b8f17a17eaa60dae32ed547ceeec4b17 100644 (file)
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -39,7 +39,7 @@
   --bs-accordion-bg: #{pvar(--mainBackgroundColor)};
 
   --bs-accordion-btn-color: var(--bs-accordion-color);
-  --bs-accordion-btn-bg: var(--bs-accordion-bg)
+  --bs-accordion-btn-bg: var(--bs-accordion-bg);
 }
 
 .popover {