1
Fork 0

Add the Monokai theme.

This commit is contained in:
Bauke 2022-01-27 11:59:27 +01:00
parent fb47a795ec
commit ac9acff203
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
3 changed files with 14 additions and 0 deletions

View File

@ -4,6 +4,7 @@
// Theme definitions // Theme definitions
@use 'themes/dracula'; @use 'themes/dracula';
@use 'themes/love'; @use 'themes/love';
@use 'themes/monokai';
@use 'themes/solarized'; @use 'themes/solarized';
// Component styling // Component styling

View File

@ -0,0 +1,9 @@
@use 'sass:color';
.monokai {
--border-radius: 8px;
--foreground-1: #d6d6d6;
--foreground-2: #d6d6d6;
--background-1: #{color.scale(#2e2e2e, $lightness: -25%)};
--background-2: #2e2e2e;
}

View File

@ -26,6 +26,10 @@ export const themes: Theme[] = [
cssClass: 'dracula', cssClass: 'dracula',
name: 'Dracula', name: 'Dracula',
}, },
{
cssClass: 'monokai',
name: 'Monokai',
},
]; ];
export const themeContext = createContext<Theme>(themes[0]); export const themeContext = createContext<Theme>(themes[0]);