green theme

.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/stores/styleSlice.ts

@@ -31,30 +31,30 @@ interface StyleState {
 }
 
 const initialState: StyleState = {
-  asideStyle: styles.white.aside,
-  asideScrollbarsStyle: styles.white.asideScrollbars,
-  asideBrandStyle: styles.white.asideBrand,
-  asideMenuItemStyle: styles.white.asideMenuItem,
-  asideMenuItemActiveStyle: styles.white.asideMenuItemActive,
-  asideMenuDropdownStyle: styles.white.asideMenuDropdown,
-  navBarItemLabelStyle: styles.white.navBarItemLabel,
-  navBarItemLabelHoverStyle: styles.white.navBarItemLabelHover,
-  navBarItemLabelActiveColorStyle: styles.white.navBarItemLabelActiveColor,
-  overlayStyle: styles.white.overlay,
+  asideStyle: styles.basic.aside,
+  asideScrollbarsStyle: styles.basic.asideScrollbars,
+  asideBrandStyle: styles.basic.asideBrand,
+  asideMenuItemStyle: styles.basic.asideMenuItem,
+  asideMenuItemActiveStyle: styles.basic.asideMenuItemActive,
+  asideMenuDropdownStyle: styles.basic.asideMenuDropdown,
+  navBarItemLabelStyle: styles.basic.navBarItemLabel,
+  navBarItemLabelHoverStyle: styles.basic.navBarItemLabelHover,
+  navBarItemLabelActiveColorStyle: styles.basic.navBarItemLabelActiveColor,
+  overlayStyle: styles.basic.overlay,
   darkMode: false,
-  bgLayoutColor: styles.white.bgLayoutColor,
-  iconsColor: styles.white.iconsColor,
-  activeLinkColor: styles.white.activeLinkColor,
-  cardsColor: styles.white.cardsColor,
-  focusRingColor: styles.white.focusRingColor,
-  corners: styles.white.corners,
-  cardsStyle: styles.white.cardsStyle,
-  linkColor: styles.white.linkColor,
-  websiteHeder: styles.white.websiteHeder,
-  borders: styles.white.borders,
-  shadow: styles.white.shadow,
-  websiteSectionStyle: styles.white.websiteSectionStyle,
-  textSecondary: styles.white.textSecondary,
+  bgLayoutColor: styles.basic.bgLayoutColor,
+  iconsColor: styles.basic.iconsColor,
+  activeLinkColor: styles.basic.activeLinkColor,
+  cardsColor: styles.basic.cardsColor,
+  focusRingColor: styles.basic.focusRingColor,
+  corners: styles.basic.corners,
+  cardsStyle: styles.basic.cardsStyle,
+  linkColor: styles.basic.linkColor,
+  websiteHeder: styles.basic.websiteHeder,
+  borders: styles.basic.borders,
+  shadow: styles.basic.shadow,
+  websiteSectionStyle: styles.basic.websiteSectionStyle,
+  textSecondary: styles.basic.textSecondary,
 };
 
 export const styleSlice = createSlice({

frontend/src/styles.ts

@@ -25,30 +25,30 @@ interface StyleObject {
 }
 
 export const basic: StyleObject = {
-  aside: 'bg-gray-800',
-  asideScrollbars: 'aside-scrollbars-gray',
-  asideBrand: 'bg-gray-900 text-white',
-  asideMenuItem: 'text-gray-300 hover:text-white',
-  asideMenuItemActive: 'font-bold text-white',
-  asideMenuDropdown: 'bg-gray-700/50',
-  navBarItemLabel: 'text-black',
-  navBarItemLabelHover: 'hover:text-blue-500',
-  navBarItemLabelActiveColor: 'text-blue-600',
-  overlay: 'from-gray-700 via-gray-900 to-gray-700',
-  activeLinkColor: 'bg-gray-100/70',
-  bgLayoutColor: 'bg-gray-50',
-  iconsColor: 'text-blue-500',
-  cardsColor: 'bg-white',
+  aside: 'bg-green-100',
+  asideScrollbars: 'aside-scrollbars-light',
+  asideBrand: 'bg-green-100 text-green-900',
+  asideMenuItem: 'text-green-700 hover:text-green-900',
+  asideMenuItemActive: 'font-bold text-green-900',
+  asideMenuDropdown: 'bg-green-100/50',
+  navBarItemLabel: 'text-green-700',
+  navBarItemLabelHover: 'hover:text-green-800',
+  navBarItemLabelActiveColor: 'text-green-800',
+  overlay: 'from-green-100 via-green-200 to-green-100',
+  activeLinkColor: 'bg-green-100/70',
+  bgLayoutColor: 'bg-green-50',
+  iconsColor: 'text-green-500',
+  cardsColor: 'bg-green-100',
   focusRingColor:
-    'focus:ring focus:ring-blue-600 focus:border-blue-600 focus:outline-none dark:focus:ring-blue-600 border-gray-300 dark:focus:border-blue-600',
+    'focus:ring focus:ring-green-600 focus:border-green-600 focus:outline-none dark:focus:ring-green-600 border-gray-300 dark:focus:border-green-600',
   corners: 'rounded',
-  cardsStyle: 'bg-white border border-pavitra-400',
-  linkColor: 'text-black',
+  cardsStyle: 'bg-green-100 border border-green-200',
+  linkColor: 'text-green-700',
   websiteHeder: '',
   borders: '',
   shadow: '',
   websiteSectionStyle: '',
-  textSecondary: '',
+  textSecondary: 'text-green-700',
 };
 
 export const white: StyleObject = {