Forced merge: merge ai-dev into master

.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/interfaces/index.ts

@@ -114,7 +114,7 @@ export interface User {
   notes: any[];
 }
 
-export type StyleKey = 'white' | 'basic';
+export type StyleKey = 'white' | 'basic' | 'github';
 
 export type UserForm = {
   name: string;

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

frontend/src/styles.ts

@@ -104,3 +104,30 @@ export const basic: StyleObject = {
   websiteSectionStyle: '',
   textSecondary: '',
 };
+
+
+export const github: StyleObject = {
+  aside: 'bg-white',
+  asideScrollbars: 'aside-scrollbars-light',
+  asideBrand: 'text-gray-900 font-bold',
+  asideMenuItem: 'text-gray-900 hover:bg-gray-100',
+  asideMenuItemActive: 'font-bold text-gray-900 border-l-4 border-blue-500 bg-blue-50',
+  asideMenuDropdown: 'bg-gray-100',
+  navBarItemLabel: 'text-gray-600',
+  navBarItemLabelHover: 'hover:text-gray-900',
+  navBarItemLabelActiveColor: 'text-black',
+  overlay: 'from-white via-white to-white',
+  activeLinkColor: 'bg-gray-100',
+  bgLayoutColor: 'bg-gray-50',
+  iconsColor: 'text-gray-400',
+  cardsColor: 'bg-white',
+  focusRingColor: 'focus:ring focus:ring-blue-300 focus:border-blue-300 focus:outline-none border-gray-200',
+  corners: 'rounded-md',
+  cardsStyle: 'bg-white border border-gray-200',
+  linkColor: 'text-blue-600',
+  websiteHeder: 'border-b border-gray-200',
+  borders: 'border-gray-200',
+  shadow: 'shadow-sm',
+  websiteSectionStyle: '',
+  textSecondary: 'text-gray-500',
+};