mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-01-19 07:26:59 +01:00
67 lines
1.6 KiB
TypeScript
67 lines
1.6 KiB
TypeScript
import { Color } from '../color';
|
|
import type { YaakTheme } from '../window';
|
|
|
|
export const colors = {
|
|
lightRed: '#ff98a4',
|
|
red: '#ff757f',
|
|
darkRed: '#ff5370',
|
|
lightOrange: '#f8b576',
|
|
orange: '#ff966c',
|
|
darkOrange: '#fc7b7b',
|
|
yellow: '#ffc777',
|
|
green: '#c3e88d',
|
|
lightTeal: '#7af8ca',
|
|
teal: '#3ad7c7',
|
|
lightCyan: '#b4f9f8',
|
|
cyan: '#78dbff',
|
|
sky: '#60bdff',
|
|
blue: '#7cafff',
|
|
darkBlue: '#3d6fe0',
|
|
darkestBlue: '#3b63cf',
|
|
indigo: '#af9fff',
|
|
purple: '#c4a2ff',
|
|
pink: '#fca7ea',
|
|
darkPink: '#fd8aca',
|
|
saturatedGray: '#7a88cf',
|
|
desaturatedGray: '#979bb6',
|
|
gray11: '#d5def8',
|
|
gray10: '#c8d3f5',
|
|
gray9: '#b4c2f0',
|
|
gray8: '#a9b8e8',
|
|
gray7: '#828bb8',
|
|
gray6: '#444a73',
|
|
gray5: '#2f334d',
|
|
gray4: '#222436',
|
|
gray3: '#1e2030',
|
|
gray2: '#191a2a',
|
|
gray1: '#131421',
|
|
} as const;
|
|
|
|
const moonlightDefault: YaakTheme = {
|
|
id: 'moonlight',
|
|
name: 'Moonlight',
|
|
background: new Color('#222436', 'dark'),
|
|
foreground: new Color('#d5def8', 'dark'),
|
|
foregroundSubtle: new Color('#828bb8', 'dark'),
|
|
foregroundSubtler: new Color('hsl(232,26%,43%)', 'dark'),
|
|
colors: {
|
|
primary: new Color(colors.purple, 'dark'),
|
|
secondary: new Color(colors.desaturatedGray, 'dark'),
|
|
info: new Color(colors.blue, 'dark'),
|
|
success: new Color(colors.teal, 'dark'),
|
|
notice: new Color(colors.yellow, 'dark'),
|
|
warning: new Color(colors.orange, 'dark'),
|
|
danger: new Color(colors.red, 'dark'),
|
|
},
|
|
components: {
|
|
appHeader: {
|
|
background: new Color(colors.gray3, 'dark'),
|
|
},
|
|
sidebar: {
|
|
background: new Color(colors.gray3, 'dark'),
|
|
},
|
|
},
|
|
};
|
|
|
|
export const moonlight = [moonlightDefault];
|