Minor theme updates again

This commit is contained in:
Gregory Schier
2023-03-08 09:43:35 -08:00
parent eec65f8721
commit 6eaad1352a
12 changed files with 70 additions and 60 deletions

View File

@@ -87,27 +87,27 @@ export function generateColors(
const lightnessMap: Record<Appearance, Record<AppThemeColorVariant, number>> = {
light: {
50: 0.98,
100: 0.88,
50: 1,
100: 0.9,
200: 0.7,
300: 0.5,
400: 0.3,
300: 0.4,
400: 0.2,
500: 0,
600: -0.2,
700: -0.3,
800: -0.45,
900: -0.6,
950: -0.8,
700: -0.4,
800: -0.6,
900: -0.8,
950: -0.9,
},
dark: {
50: -0.98,
100: -0.93,
200: -0.78,
300: -0.63,
400: -0.44,
500: -0.2,
600: 0,
700: 0.3,
50: -0.9,
100: -0.8,
200: -0.6,
300: -0.4,
400: -0.2,
500: 0,
600: 0.2,
700: 0.4,
800: 0.6,
900: 0.8,
950: 0.9,
@@ -122,8 +122,8 @@ export function generateColorVariant(
whitePoint = 1,
): string {
const { hsl } = parseColor(color || '');
// const lightnessMod = lightnessMap[appearance][variant];
const lightnessMod = (appearance === 'dark' ? 1 : -1) * ((variant / 1000) * 2 - 1);
const lightnessMod = lightnessMap[appearance][variant];
// const lightnessMod = (appearance === 'dark' ? 1 : -1) * ((variant / 1000) * 2 - 1);
const newL =
lightnessMod > 0
? hsl[2] + (100 * whitePoint - hsl[2]) * lightnessMod

View File

@@ -14,7 +14,7 @@ const darkTheme: AppTheme = {
gray: '#656196',
red: '#ee3b3b',
orange: '#ff9411',
yellow: '#dcdc3b',
yellow: '#dcc73b',
green: '#44cb44',
blue: '#2e91ff',
pink: '#f670f6',