1
Fork 0

Add the Gruvbox theme.

This commit is contained in:
Bauke 2022-02-07 12:00:57 +01:00
parent 8d50aee844
commit 1a53885993
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
3 changed files with 22 additions and 0 deletions

View File

@ -4,6 +4,7 @@
// Theme definitions // Theme definitions
@use 'themes/default'; @use 'themes/default';
@use 'themes/dracula'; @use 'themes/dracula';
@use 'themes/gruvbox';
@use 'themes/high-contrast'; @use 'themes/high-contrast';
@use 'themes/love'; @use 'themes/love';
@use 'themes/monokai'; @use 'themes/monokai';

View File

@ -0,0 +1,13 @@
.gruvbox-dark {
--foreground-1: #fbf1c7;
--foreground-2: #ebdbb2;
--background-1: #282828;
--background-2: #3c3836;
}
.gruvbox-light {
--foreground-1: #282828;
--foreground-2: #3c3836;
--background-1: #fbf1c7;
--background-2: #ebdbb2;
}

View File

@ -40,6 +40,14 @@ export const themes: Theme[] = [
cssClass: 'high-contrast-white', cssClass: 'high-contrast-white',
name: 'High Contrast White', name: 'High Contrast White',
}, },
{
cssClass: 'gruvbox-dark',
name: 'Gruvbox Dark',
},
{
cssClass: 'gruvbox-light',
name: 'Gruvbox Light',
},
].sort((a, b) => a.name.localeCompare(b.name)); ].sort((a, b) => a.name.localeCompare(b.name));
export const themeContext = createContext<Theme>(defaultTheme); export const themeContext = createContext<Theme>(defaultTheme);