Fix Nord themes

This commit is contained in:
Gregory Schier
2025-12-31 11:01:40 -08:00
parent af3e672386
commit e4bd30eb01
2 changed files with 46 additions and 17 deletions

View File

@@ -21,7 +21,7 @@ import {
monokaiProSpectrum, monokaiProSpectrum,
} from './themes/monokai-pro'; } from './themes/monokai-pro';
import { moonlight } from './themes/moonlight'; import { moonlight } from './themes/moonlight';
import { nord, nordLight } from './themes/nord'; import { nord, nordLight, nordLightBrighter } from './themes/nord';
import { relaxing } from './themes/relaxing'; import { relaxing } from './themes/relaxing';
import { rosePine, rosePineMoon, rosePineDawn } from './themes/rose-pine'; import { rosePine, rosePineMoon, rosePineDawn } from './themes/rose-pine';
import { triangle } from './themes/triangle'; import { triangle } from './themes/triangle';
@@ -94,6 +94,7 @@ export const plugin: PluginDefinition = {
noctisAzureus, noctisAzureus,
nord, nord,
nordLight, nordLight,
nordLightBrighter,
oneDarkPro, oneDarkPro,
pandaSyntax, pandaSyntax,
relaxing, relaxing,

View File

@@ -20,10 +20,10 @@ export const nord: Theme = {
}, },
components: { components: {
sidebar: { sidebar: {
backdrop: 'hsl(220,16%,22%)', surface: 'hsl(220,16%,22%)',
}, },
appHeader: { appHeader: {
backdrop: 'hsl(220,14%,28%)', surface: 'hsl(220,14%,28%)',
}, },
}, },
}; };
@@ -33,25 +33,53 @@ export const nordLight: Theme = {
label: 'Nord Light', label: 'Nord Light',
dark: false, dark: false,
base: { base: {
surface: 'hsl(220,27%,98%)', surface: '#eceff4',
surfaceHighlight: 'hsl(220,24%,94%)', surfaceHighlight: '#e5e9f0',
text: 'hsl(220,16%,22%)', text: '#24292e',
textSubtle: 'hsl(220,15%,30%)', textSubtle: '#444d56',
textSubtlest: 'hsl(220,14%,40%)', textSubtlest: '#586069',
primary: 'hsl(193,43%,52%)', primary: '#2188ff',
secondary: 'hsl(210,34%,54%)', secondary: '#586069',
info: 'hsl(179,25%,50%)', info: '#005cc5',
success: 'hsl(92,28%,48%)', success: '#28a745',
notice: 'hsl(40,71%,52%)', notice: '#e36209',
warning: 'hsl(14,51%,53%)', warning: '#e36209',
danger: 'hsl(354,42%,56%)', danger: '#cb2431',
}, },
components: { components: {
sidebar: { sidebar: {
backdrop: 'hsl(220,24%,94%)', surface: '#e5e9f0',
}, },
appHeader: { appHeader: {
backdrop: 'hsl(220,27%,98%)', surface: '#e5e9f0',
},
},
};
export const nordLightBrighter: Theme = {
id: 'nord-light-brighter',
label: 'Nord Light Brighter',
dark: false,
base: {
surface: '#ffffff',
surfaceHighlight: '#f6f8fa',
text: '#24292e',
textSubtle: '#444d56',
textSubtlest: '#586069',
primary: '#2188ff',
secondary: '#586069',
info: '#005cc5',
success: '#28a745',
notice: '#e36209',
warning: '#e36209',
danger: '#cb2431',
},
components: {
sidebar: {
surface: '#f6f8fa',
},
appHeader: {
surface: '#f6f8fa',
}, },
}, },
}; };