diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss
index 60184789ed3a2fbca5bdbca7d70866b979d9947e..3b05a842c9d3f73239168909ba5984345bcea37c 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -17,7 +17,7 @@ input {
   box-sizing: border-box;
   padding: 0 10px 0 5px;
   width: 100%;
-  background-color: var(--light);
+  background-color: var(--primary-variant);
   border: none;
   outline: none;
   min-height: 60px;
@@ -27,7 +27,7 @@ input {
 
 #search-container {
   border-radius: 5px;
-  background-color: var(--light);
+  background-color: var(--primary-variant);
   margin-bottom: 10px;
 }
 
diff --git a/src/theme/dark-Theme/darkTheme.const.ts b/src/theme/dark-Theme/darkTheme.const.ts
index 2e7e842972959f27af2a474333fd4e8b6338ed5a..57756784763046ab100d05b8a9f9be86e7a16035 100644
--- a/src/theme/dark-Theme/darkTheme.const.ts
+++ b/src/theme/dark-Theme/darkTheme.const.ts
@@ -1,9 +1,9 @@
 export const dark = {
 
   '--primary' : '#37474F',
-  '--light': '#455a64',
+  '--primary-variant': '#455a64',
 
-  '--accent': '#FFE0B2',
+  '--secondary': '#FFE0B2',
 
   '--background': '#616161',
   '--background-2': '#757575',
diff --git a/src/theme/default-Theme/defaultTheme.const.ts b/src/theme/default-Theme/defaultTheme.const.ts
index 8628823c5105dfc1b00133c0e97eb1cb1bec146f..76d36a338da771aed7bac90452a88d0fea533c21 100644
--- a/src/theme/default-Theme/defaultTheme.const.ts
+++ b/src/theme/default-Theme/defaultTheme.const.ts
@@ -1,9 +1,9 @@
 export const defaultTheme = {
 
   '--primary' : '#4DB6AC',
-  '--light': '#80cbc4',
+  '--primary-variant': '#80cbc4',
 
-  '--accent': '#FFE0B2',
+  '--secondary': '#FFE0B2',
 
   '--background': '#B2DFDB',
   '--background-2': '#BBDEFB',