Rename colors

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;
 }
 

src/theme/dark-Theme/darkTheme.const.ts

 export const dark = {
 
   '--primary' : '#37474F',
-  '--light': '#455a64',
+  '--primary-variant': '#455a64',
 
-  '--accent': '#FFE0B2',
+  '--secondary': '#FFE0B2',
 
   '--background': '#616161',
   '--background-2': '#757575',

src/theme/default-Theme/defaultTheme.const.ts

 export const defaultTheme = {
 
   '--primary' : '#4DB6AC',
-  '--light': '#80cbc4',
+  '--primary-variant': '#80cbc4',
 
-  '--accent': '#FFE0B2',
+  '--secondary': '#FFE0B2',
 
   '--background': '#B2DFDB',
   '--background-2': '#BBDEFB',