admin/31484
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new theme

Browse Source
This commit is contained in:
Flatlogic Bot 2025-05-13 15:54:11 +00:00
parent 5da5de3870
commit bb9b2ba841
6 changed files with 60 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.gitignore vendored
View File

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

5
app-shell/src/_schema.json
View File

File diff suppressed because one or more lines are too long

1
frontend/json/runtimeError.json Normal file
View File

@ -0,0 +1 @@
{}

2
frontend/src/interfaces/index.ts
View File

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

46
frontend/src/stores/styleSlice.ts
View File

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

27
frontend/src/styles.ts
View File

@ -104,3 +104,30 @@ export const basic: StyleObject = {
websiteSectionStyle: '', websiteSectionStyle: '',
textSecondary: '', 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',
};