1
Fork 0

Add high contrast themes.

This commit is contained in:
Bauke 2022-01-29 14:21:03 +01:00
parent e48d500a0c
commit f47b53b928
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
3 changed files with 24 additions and 0 deletions

View File

@ -3,6 +3,7 @@
// Theme definitions
@use 'themes/dracula';
@use 'themes/high-contrast';
@use 'themes/love';
@use 'themes/monokai';
@use 'themes/solarized';

View File

@ -0,0 +1,15 @@
.high-contrast-black {
--border-radius: 8px;
--foreground-1: #fff;
--foreground-2: #ddd;
--background-1: #000;
--background-2: #222;
}
.high-contrast-white {
--border-radius: 8px;
--foreground-1: #000;
--foreground-2: #222;
--background-1: #fff;
--background-2: #ddd;
}

View File

@ -32,6 +32,14 @@ export const themes: Theme[] = [
cssClass: 'monokai',
name: 'Monokai',
},
{
cssClass: 'high-contrast-black',
name: 'High Contrast Black',
},
{
cssClass: 'high-contrast-white',
name: 'High Contrast White',
},
].sort((a, b) => a.name.localeCompare(b.name));
export const themeContext = createContext<Theme>(defaultTheme);