frontend/public/locales/ar/.gitkeep

@@ -1 +0,0 @@
-

frontend/public/locales/ar/common.json

@@ -1 +0,0 @@
-

frontend/src/stores/styleSlice.ts

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