Change sidebar & buttons color

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

frontend/json/runtimeError.json

@@ -0,0 +1 @@
+{}

frontend/src/colors.ts

@@ -15,7 +15,7 @@ export const colorsBgLight = {
     'bg-emerald-500 border-emerald-500 dark:bg-pavitra-blue dark:border-pavitra-blue text-white',
   danger: 'bg-red-500 border-red-500 text-white',
   warning: 'bg-yellow-500 border-yellow-500 text-white',
-  info: 'bg-blue-500 border-blue-500 dark:bg-pavitra-blue dark:border-pavitra-blue text-white',
+  info: 'bg-green-600 border-green-600 dark:bg-green-700 dark:border-green-700 text-white',
 };
 
 export const colorsText = {
@@ -59,7 +59,7 @@ export const getButtonColor = (
       success: 'ring-emerald-300 dark:ring-pavitra-blue',
       danger: 'ring-red-300 dark:ring-red-700',
       warning: 'ring-yellow-300 dark:ring-yellow-700',
-      info: 'ring-blue-300 dark:ring-pavitra-blue',
+      info: 'ring-green-300 dark:ring-green-700',
     },
     active: {
       white: 'bg-gray-100',
@@ -69,7 +69,7 @@ export const getButtonColor = (
       success: 'bg-emerald-700 dark:bg-pavitra-blue',
       danger: 'bg-red-700 dark:bg-red-600',
       warning: 'bg-yellow-700 dark:bg-yellow-600',
-      info: 'bg-blue-700  dark:bg-pavitra-blue',
+      info: 'bg-green-700 dark:bg-green-800',
     },
     bg: {
       white: 'bg-white text-black',
@@ -79,7 +79,7 @@ export const getButtonColor = (
       success: 'bg-emerald-600 dark:bg-pavitra-blue text-white',
       danger: 'bg-red-600 text-white    dark:bg-red-500 ',
       warning: 'bg-yellow-600 dark:bg-yellow-500 text-white',
-      info: ' bg-blue-600  dark:bg-pavitra-blue  text-white ',
+      info: 'bg-green-600 dark:bg-green-700 text-white',
     },
     bgHover: {
       white: 'hover:bg-gray-100',
@@ -92,7 +92,7 @@ export const getButtonColor = (
         'hover:bg-red-700 hover:border-red-700 hover:dark:bg-red-600 hover:dark:border-red-600',
       warning:
         'hover:bg-yellow-700 hover:border-yellow-700 hover:dark:bg-yellow-600 hover:dark:border-yellow-600',
-      info: 'hover:bg-blue-700 hover:border-blue-700   hover:dark:bg-pavitra-blue/80 hover:dark:border-pavitra-blue/80',
+      info: 'hover:bg-green-700 hover:border-green-700 hover:dark:bg-green-800 hover:dark:border-green-800',
     },
     borders: {
       white: 'border-white',
@@ -102,14 +102,14 @@ export const getButtonColor = (
       success: 'border-emerald-600 dark:border-pavitra-blue',
       danger: 'border-red-600 dark:border-red-500',
       warning: 'border-yellow-600 dark:border-yellow-500',
-      info: 'border-blue-600  border-blue-600 dark:border-pavitra-blue',
+      info: 'border-green-600 dark:border-green-700',
     },
     text: {
       contrast: 'dark:text-slate-100',
       success: 'text-emerald-600 dark:text-pavitra-blue',
       danger: 'text-red-600 dark:text-red-500',
       warning: 'text-yellow-600 dark:text-yellow-500',
-      info: 'text-blue-600  dark:text-pavitra-blue',
+      info: 'text-green-600 dark:text-green-700',
     },
     outlineHover: {
       contrast:
@@ -120,7 +120,7 @@ export const getButtonColor = (
         'hover:bg-red-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-red-600',
       warning:
         'hover:bg-yellow-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-yellow-600',
-      info: 'hover:bg-blue-600  hover:bg-blue-600 hover:text-white hover:dark:text-white hover:dark:border-pavitra-blue',
+      info: 'hover:bg-green-700 hover:text-white hover:dark:bg-green-800 hover:dark:text-white hover:dark:border-green-700',
     },
   };
 

frontend/src/styles.ts

@@ -25,7 +25,7 @@ interface StyleObject {
 }
 
 export const white: StyleObject = {
-  aside: 'bg-white dark:text-white',
+  aside: 'bg-blue-50 dark:bg-dark-800 dark:text-white',
   asideScrollbars: 'aside-scrollbars-light',
   asideBrand: '',
   asideMenuItem: