added new var-color

src/app/components/task-list/task-list.component.scss

@@ -23,4 +23,5 @@
 .small-box {
   margin: 0.5rem;
   padding: 0.5rem;
+  background-color: var(--drgstn-panel-secondary);
 }

src/theme-styles.scss

-//@import "theme.css";
-
 :root {
   --drgstn-primary: #347eee;
   --drgstn-secondary: #fd6818;
@@ -13,6 +11,7 @@
   --drgstn-text-secondary: #eeeeee;
   --drgstn-border: rgba(0, 0, 0, 0.2);
   --drgstn-tooltip: rgba(74,74,74,0.9);
+  --drgstn-panel-secondary: #ffffff
 }
 
 #appWindow {
@@ -177,11 +176,6 @@ footer .text-danger, a .text-danger {
   border-color: var(--drgstn-border) !important;
 }
 
-.small-box[_ngcontent-mbg-c75]{
-  background-color: var(--drgstn-panel-secondary) !important;
-}
-
-
 a {
   color: var(--drgstn-secondary);
 }

src/theme.css

@@ -11,5 +11,5 @@
   --drgstn-text-secondary: #FFFFFF;
   --drgstn-border: rgba(0, 0, 0, 0.2);
   --drgstn-tooltip: rgba(74,74,74,0.9);
-  --drgstn-panel-secondary: #FF3A3AFF;
+  --drgstn-panel-secondary: #ffffff;
 }