adhd version

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

frontend/src/styles.ts

@@ -81,6 +81,31 @@ export const midnightBlueTheme: StyleObject = {
   websiteSectionStyle: ' bg-midnightBlueTheme-webSiteComponentBg text-white',
   textSecondary: 'text-gray-300',
 };
+export const adhdTheme: StyleObject = {
+  aside: 'bg-midnightBlueTheme-800 text-teal-300 dark:text-white lg:rounded-lg',
+  asideScrollbars: 'aside-scrollbars-blue',
+  asideBrand: 'text-teal-300 bg-midnightBlueTheme-800',
+  asideMenuItem: 'text-white hover:text-teal-200 dark:hover:text-white dark:hover:bg-midnightBlueTheme-700',
+  asideMenuItemActive: 'font-bold text-teal-300 dark:text-teal-300',
+  activeLinkColor: 'bg-teal-600 rounded-lg',
+  asideMenuDropdown: 'bg-midnightBlueTheme-700/50',
+  navBarItemLabel: 'text-teal-300',
+  navBarItemLabelHover: 'hover:text-teal-200',
+  navBarItemLabelActiveColor: 'text-teal-500',
+  overlay: 'bg-midnightBlueTheme-mainBG bg-opacity-75',
+  bgLayoutColor: 'bg-midnightBlueTheme-mainBG',
+  iconsColor: 'text-teal-300 dark:text-teal-300',
+  cardsColor: 'bg-midnightBlueTheme-cardColor',
+  focusRingColor: 'focus:ring focus:ring-teal-300 focus:border-teal-300 border border-gray-600',
+  corners: 'rounded-lg',
+  cardsStyle: 'bg-midnightBlueTheme-outsideCardColor border border-midnightBlueTheme-outsideCardColor shadow-lg',
+  linkColor: 'text-teal-300',
+  websiteHeder: 'border-b border-white border-opacity-10 shadow-md',
+  borders: 'border-white border-opacity-10',
+  shadow: 'shadow-xl',
+  websiteSectionStyle: 'bg-midnightBlueTheme-webSiteComponentBg text-white',
+  textSecondary: 'text-gray-300',
+};
 
 export const dataGridStyles = {
   '& .MuiDataGrid-cell': {