starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-28 12:11:53 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Use new theme vars (#63)

Browse Source 
This PR swaps the theme to use the new stuff from the Theme Studio
This commit is contained in:
Gregory Schier
2024-08-13 07:44:28 -07:00
committed by GitHub
parent ecc7192bde
commit c9b4e6181c
79 changed files with 1113 additions and 1004 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src-web/lib/theme/themes/github.ts
View File

@@ -1,57 +1,52 @@
import { Color } from '../color';
import { YaakColor } from '../yaakColor';
import type { YaakTheme } from '../window';
const githubDark: YaakTheme = {
id: 'github-dark',
name: 'GitHub Dark',
background: new Color('#0d1218', 'dark'),
backgroundHighlight: new Color('#171c23', 'dark'),
backgroundHighlightSecondary: new Color('#1c2127', 'dark'),
foreground: new Color('#dce3eb', 'dark'),
foregroundSubtle: new Color('#88919b', 'dark'),
foregroundSubtler: new Color('#6b727d', 'dark'),
colors: {
primary: new Color('#a579ef', 'dark').lift(0.1),
secondary: new Color('#6b727d', 'dark').lift(0.1),
info: new Color('#458def', 'dark').lift(0.1),
success: new Color('#3eb24f', 'dark').lift(0.1),
notice: new Color('#dca132', 'dark').lift(0.1),
warning: new Color('#ec7934', 'dark').lift(0.1),
danger: new Color('#ee5049', 'dark').lift(0.1),
},
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: {
colors: {
primary: new Color('#a579ef', 'dark'),
secondary: new Color('#6b727d', 'dark'),
info: new Color('#458def', 'dark'),
success: new Color('#3eb24f', 'dark'),
notice: new Color('#dca132', 'dark'),
warning: new Color('#ec7934', 'dark'),
danger: new Color('#ee5049', 'dark'),
},
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 Light',
background: new Color('#ffffff', 'light'),
backgroundHighlight: new Color('hsl(210,15%,92%)', 'light'),
backgroundHighlightSecondary: new Color('hsl(210,29%,94%)', 'light'),
foreground: new Color('#1f2328', 'light'),
foregroundSubtle: new Color('#636c76', 'light'),
foregroundSubtler: new Color('#828d94', 'light'),
colors: {
primary: new Color('#8250df', 'light'),
secondary: new Color('#6e7781', 'light'),
info: new Color('hsl(212,92%,48%)', 'light'),
success: new Color('hsl(137,66%,32%)', 'light'),
notice: new Color('hsl(40,100%,40%)', 'light'),
warning: new Color('hsl(24,100%,44%)', 'light'),
danger: new Color('#d1242f', '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];