Files
yaak/src-web/lib/theme/themes/github.ts
Gregory Schier c9b4e6181c Use new theme vars (#63)
This PR swaps the theme to use the new stuff from the Theme Studio
2024-08-13 07:44:28 -07:00

53 lines
2.0 KiB
TypeScript

import { YaakColor } from '../yaakColor';
import type { YaakTheme } from '../window';
const githubDark: YaakTheme = {
id: 'github-dark',
name: 'GitHub',
surface: new YaakColor('#0d1218', 'dark'),
border: new YaakColor('#171c23', 'dark'),
surfaceHighlight: new YaakColor('#1c2127', 'dark'),
text: new YaakColor('#dce3eb', 'dark'),
textSubtle: new YaakColor('#88919b', 'dark'),
textSubtlest: new YaakColor('#6b727d', 'dark'),
primary: new YaakColor('#a579ef', 'dark').lift(0.1),
secondary: new YaakColor('#6b727d', 'dark').lift(0.1),
info: new YaakColor('#458def', 'dark').lift(0.1),
success: new YaakColor('#3eb24f', 'dark').lift(0.1),
notice: new YaakColor('#dca132', 'dark').lift(0.1),
warning: new YaakColor('#ec7934', 'dark').lift(0.1),
danger: new YaakColor('#ee5049', 'dark').lift(0.1),
components: {
button: {
primary: new YaakColor('#a579ef', 'dark'),
secondary: new YaakColor('#6b727d', 'dark'),
info: new YaakColor('#458def', 'dark'),
success: new YaakColor('#3eb24f', 'dark'),
notice: new YaakColor('#dca132', 'dark'),
warning: new YaakColor('#ec7934', 'dark'),
danger: new YaakColor('#ee5049', 'dark'),
},
},
};
export const githubLight: YaakTheme = {
id: 'github-light',
name: 'GitHub',
surface: new YaakColor('#ffffff', 'light'),
surfaceHighlight: new YaakColor('hsl(210,29%,94%)', 'light'),
border: new YaakColor('hsl(210,15%,92%)', 'light'),
borderSubtle: new YaakColor('hsl(210,15%,92%)', 'light'),
text: new YaakColor('#1f2328', 'light'),
textSubtle: new YaakColor('#636c76', 'light'),
textSubtlest: new YaakColor('#828d94', 'light'),
primary: new YaakColor('#8250df', 'light'),
secondary: new YaakColor('#6e7781', 'light'),
info: new YaakColor('hsl(212,92%,48%)', 'light'),
success: new YaakColor('hsl(137,66%,32%)', 'light'),
notice: new YaakColor('hsl(40,100%,40%)', 'light'),
warning: new YaakColor('hsl(24,100%,44%)', 'light'),
danger: new YaakColor('#d1242f', 'light'),
};
export const github = [githubDark, githubLight];