Initial commit: Horux Despachos project
This commit is contained in:
27
apps/web/themes/corporate.ts
Normal file
27
apps/web/themes/corporate.ts
Normal file
@@ -0,0 +1,27 @@
|
||||
export const corporateTheme = {
|
||||
name: 'corporate' as const,
|
||||
label: 'Corporate',
|
||||
layout: 'sidebar-compact' as const,
|
||||
cssVars: {
|
||||
'--background': '210 20% 96%',
|
||||
'--foreground': '210 50% 10%',
|
||||
'--card': '0 0% 100%',
|
||||
'--card-foreground': '210 50% 10%',
|
||||
'--primary': '210 100% 25%',
|
||||
'--primary-foreground': '0 0% 100%',
|
||||
'--secondary': '210 20% 92%',
|
||||
'--secondary-foreground': '210 50% 10%',
|
||||
'--muted': '210 20% 92%',
|
||||
'--muted-foreground': '210 15% 45%',
|
||||
'--accent': '43 96% 56%',
|
||||
'--accent-foreground': '210 50% 10%',
|
||||
'--destructive': '0 84.2% 60.2%',
|
||||
'--destructive-foreground': '210 40% 98%',
|
||||
'--success': '142.1 76.2% 36.3%',
|
||||
'--success-foreground': '355.7 100% 97.3%',
|
||||
'--border': '210 20% 85%',
|
||||
'--input': '210 20% 85%',
|
||||
'--ring': '210 100% 25%',
|
||||
'--radius': '0.25rem',
|
||||
},
|
||||
};
|
||||
27
apps/web/themes/dark.ts
Normal file
27
apps/web/themes/dark.ts
Normal file
@@ -0,0 +1,27 @@
|
||||
export const darkTheme = {
|
||||
name: 'dark' as const,
|
||||
label: 'Dark',
|
||||
layout: 'sidebar-floating' as const,
|
||||
cssVars: {
|
||||
'--background': '0 0% 3.9%',
|
||||
'--foreground': '0 0% 98%',
|
||||
'--card': '0 0% 6%',
|
||||
'--card-foreground': '0 0% 98%',
|
||||
'--primary': '187.2 85.7% 53.3%',
|
||||
'--primary-foreground': '0 0% 3.9%',
|
||||
'--secondary': '0 0% 12%',
|
||||
'--secondary-foreground': '0 0% 98%',
|
||||
'--muted': '0 0% 12%',
|
||||
'--muted-foreground': '0 0% 63.9%',
|
||||
'--accent': '142.1 70.6% 45.3%',
|
||||
'--accent-foreground': '0 0% 3.9%',
|
||||
'--destructive': '0 62.8% 30.6%',
|
||||
'--destructive-foreground': '0 0% 98%',
|
||||
'--success': '142.1 70.6% 45.3%',
|
||||
'--success-foreground': '144.9 80.4% 10%',
|
||||
'--border': '0 0% 14.9%',
|
||||
'--input': '0 0% 14.9%',
|
||||
'--ring': '187.2 85.7% 53.3%',
|
||||
'--radius': '0.75rem',
|
||||
},
|
||||
};
|
||||
17
apps/web/themes/index.ts
Normal file
17
apps/web/themes/index.ts
Normal file
@@ -0,0 +1,17 @@
|
||||
import { lightTheme } from './light';
|
||||
import { vibrantTheme } from './vibrant';
|
||||
import { corporateTheme } from './corporate';
|
||||
import { darkTheme } from './dark';
|
||||
|
||||
export const themes = {
|
||||
light: lightTheme,
|
||||
vibrant: vibrantTheme,
|
||||
corporate: corporateTheme,
|
||||
dark: darkTheme,
|
||||
} as const;
|
||||
|
||||
export type ThemeName = keyof typeof themes;
|
||||
export type Theme = (typeof themes)[ThemeName];
|
||||
export type LayoutType = 'sidebar-standard' | 'topnav' | 'sidebar-compact' | 'sidebar-floating';
|
||||
|
||||
export { lightTheme, vibrantTheme, corporateTheme, darkTheme };
|
||||
27
apps/web/themes/light.ts
Normal file
27
apps/web/themes/light.ts
Normal file
@@ -0,0 +1,27 @@
|
||||
export const lightTheme = {
|
||||
name: 'light' as const,
|
||||
label: 'Light',
|
||||
layout: 'sidebar-standard' as const,
|
||||
cssVars: {
|
||||
'--background': '270 50% 98%',
|
||||
'--foreground': '222.2 84% 4.9%',
|
||||
'--card': '0 0% 100%',
|
||||
'--card-foreground': '222.2 84% 4.9%',
|
||||
'--primary': '221.2 83.2% 53.3%',
|
||||
'--primary-foreground': '210 40% 98%',
|
||||
'--secondary': '210 40% 96.1%',
|
||||
'--secondary-foreground': '222.2 47.4% 11.2%',
|
||||
'--muted': '210 40% 96.1%',
|
||||
'--muted-foreground': '215.4 16.3% 46.9%',
|
||||
'--accent': '210 40% 96.1%',
|
||||
'--accent-foreground': '222.2 47.4% 11.2%',
|
||||
'--destructive': '0 84.2% 60.2%',
|
||||
'--destructive-foreground': '210 40% 98%',
|
||||
'--success': '142.1 76.2% 36.3%',
|
||||
'--success-foreground': '355.7 100% 97.3%',
|
||||
'--border': '214.3 31.8% 91.4%',
|
||||
'--input': '214.3 31.8% 91.4%',
|
||||
'--ring': '221.2 83.2% 53.3%',
|
||||
'--radius': '0.5rem',
|
||||
},
|
||||
};
|
||||
27
apps/web/themes/vibrant.ts
Normal file
27
apps/web/themes/vibrant.ts
Normal file
@@ -0,0 +1,27 @@
|
||||
export const vibrantTheme = {
|
||||
name: 'vibrant' as const,
|
||||
label: 'Vibrant',
|
||||
layout: 'topnav' as const,
|
||||
cssVars: {
|
||||
'--background': '270 50% 98%',
|
||||
'--foreground': '263.4 84% 6.7%',
|
||||
'--card': '0 0% 100%',
|
||||
'--card-foreground': '263.4 84% 6.7%',
|
||||
'--primary': '262.1 83.3% 57.8%',
|
||||
'--primary-foreground': '210 40% 98%',
|
||||
'--secondary': '187 85.7% 53.3%',
|
||||
'--secondary-foreground': '222.2 47.4% 11.2%',
|
||||
'--muted': '270 30% 94%',
|
||||
'--muted-foreground': '263.4 25% 40%',
|
||||
'--accent': '24.6 95% 53.1%',
|
||||
'--accent-foreground': '0 0% 100%',
|
||||
'--destructive': '0 84.2% 60.2%',
|
||||
'--destructive-foreground': '210 40% 98%',
|
||||
'--success': '142.1 76.2% 36.3%',
|
||||
'--success-foreground': '355.7 100% 97.3%',
|
||||
'--border': '270 30% 88%',
|
||||
'--input': '270 30% 88%',
|
||||
'--ring': '262.1 83.3% 57.8%',
|
||||
'--radius': '1rem',
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user