brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adding side navigator and device icon

Browse source
This commit is contained in:
Carter 2024-11-13 13:57:02 -06:00
parent a07dd30497
commit d49bbd9447
7 changed files with 263 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/theme/theme.ts
View file

@ -13,12 +13,12 @@ export function CreateTheme(themeType: "light" | "dark"): Theme {
function generateBackgroundShades(baseColor: string, themeType: "light" | "dark") {
if(themeType==="light") return ({
default: lighten(baseColor, 0.90),
default: lighten(baseColor, 0.75),
paper: lighten(baseColor, 0.75)
})
return {
default: darken(baseColor, 0.35), // Lightens the base color for background.default
default: darken(baseColor, 0.50), // Lightens the base color for background.default
paper: darken(baseColor, 0.50), // Slightly less light for background.paper
};
}
@ -31,7 +31,7 @@ function options(themeType: "light" | "dark"): ThemeOptions {
palette: {
primary: Colours[getPrimaryColour() as keyof typeof Colours],
secondary: Colours[getSecondaryColour() as keyof typeof Colours],
background: generateBackgroundShades(Colours.grey[900], themeType),
background: generateBackgroundShades(Colours.grey[800], themeType),
mode: themeType,
bxt: {
primaryBlue: "#005bb0",