2025-01-16 20:05:59 +00:00
|
|
|
import { writable } from 'svelte/store';
|
2024-03-17 09:33:22 +00:00
|
|
|
|
|
|
|
|
type ColourSchemeName = 'light' | 'dark';
|
|
|
|
|
|
|
|
|
|
interface ColourScheme {
|
|
|
|
|
name: ColourSchemeName;
|
|
|
|
|
background: string;
|
|
|
|
|
backgroundAccent: string;
|
|
|
|
|
text: string;
|
|
|
|
|
textAccent: string;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export const lightColourScheme: ColourScheme = {
|
|
|
|
|
name: 'light',
|
|
|
|
|
background: 'white',
|
|
|
|
|
backgroundAccent: '#f8f9fa',
|
|
|
|
|
text: '#212529',
|
2025-01-16 20:05:59 +00:00
|
|
|
textAccent: '#495057',
|
2024-03-17 09:33:22 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const darkColourScheme: ColourScheme = {
|
|
|
|
|
name: 'dark',
|
|
|
|
|
background: '#212529',
|
|
|
|
|
backgroundAccent: '#343a40',
|
|
|
|
|
text: '#f8f9fa',
|
2025-01-16 20:05:59 +00:00
|
|
|
textAccent: '#ced4da',
|
2024-03-17 09:33:22 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const colourSchemes: Record<ColourSchemeName, ColourScheme> = {
|
|
|
|
|
light: lightColourScheme,
|
2025-01-16 20:05:59 +00:00
|
|
|
dark: darkColourScheme,
|
2024-03-17 09:33:22 +00:00
|
|
|
};
|
|
|
|
|
|
2024-03-17 22:01:32 +00:00
|
|
|
export const colourSchemeStore = writable<ColourScheme>(lightColourScheme);
|