Use new theme vars (#63)

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 a0950ce5b8
commit b5242b9a3f
79 changed files with 1113 additions and 1004 deletions
+40 -43
View File
@@ -1,59 +1,56 @@
import { Color } from '../color';
import { YaakColor } from '../yaakColor';
import type { YaakTheme } from '../window';
export const hotdogStandDefault: YaakTheme = {
id: 'hotdog-stand',
name: 'Hotdog Stand',
background: new Color('#ff0000', 'dark'),
backgroundHighlight: new Color('#000000', 'dark'),
backgroundHighlightSecondary: new Color('#000000', 'dark'),
foreground: new Color('#ffffff', 'dark'),
foregroundSubtle: new Color('#ffffff', 'dark'),
foregroundSubtler: new Color('#ffff00', 'dark'),
colors: {
primary: new Color('#ffff00', 'dark'),
secondary: new Color('#ffff00', 'dark'),
info: new Color('#ffff00', 'dark'),
notice: new Color('#ffff00', 'dark'),
warning: new Color('#ffff00', 'dark'),
danger: new Color('#ffff00', 'dark'),
},
surface: new YaakColor('#ff0000', 'dark'),
border: new YaakColor('#000000', 'dark'),
surfaceHighlight: new YaakColor('#000000', 'dark'),
text: new YaakColor('#ffffff', 'dark'),
textSubtle: new YaakColor('#ffffff', 'dark'),
textSubtlest: new YaakColor('#ffff00', 'dark'),
primary: new YaakColor('#ffff00', 'dark'),
secondary: new YaakColor('#ffff00', 'dark'),
info: new YaakColor('#ffff00', 'dark'),
success: new YaakColor('#ffff00', 'dark'),
notice: new YaakColor('#ffff00', 'dark'),
warning: new YaakColor('#ffff00', 'dark'),
danger: new YaakColor('#ffff00', 'dark'),
components: {
appHeader: {
background: new Color('#000000', 'dark'),
foreground: new Color('#ffffff', 'dark'),
foregroundSubtle: new Color('#ffff00', 'dark'),
foregroundSubtler: new Color('#ff0000', 'dark'),
surface: new YaakColor('#000000', 'dark'),
text: new YaakColor('#ffffff', 'dark'),
textSubtle: new YaakColor('#ffff00', 'dark'),
textSubtlest: new YaakColor('#ff0000', 'dark'),
},
menu: {
background: new Color('#000000', 'dark'),
backgroundHighlight: new Color('#ff0000', 'dark'),
backgroundHighlightSecondary: new Color('#ff0000', 'dark'),
foreground: new Color('#ffffff', 'dark'),
foregroundSubtle: new Color('#ffff00', 'dark'),
foregroundSubtler: new Color('#ffff00', 'dark'),
surface: new YaakColor('#000000', 'dark'),
border: new YaakColor('#ff0000', 'dark'),
surfaceHighlight: new YaakColor('#ff0000', 'dark'),
text: new YaakColor('#ffffff', 'dark'),
textSubtle: new YaakColor('#ffff00', 'dark'),
textSubtlest: new YaakColor('#ffff00', 'dark'),
},
button: {
background: new Color('#000000', 'dark'),
foreground: new Color('#ffffff', 'dark'),
colors: {
primary: new Color('#000000', 'dark'),
secondary: new Color('#ffffff', 'dark'),
info: new Color('#000000', 'dark'),
notice: new Color('#ffff00', 'dark'),
warning: new Color('#000000', 'dark'),
danger: new Color('#ff0000', 'dark'),
},
surface: new YaakColor('#000000', 'dark'),
text: new YaakColor('#ffffff', 'dark'),
primary: new YaakColor('#000000', 'dark'),
secondary: new YaakColor('#ffffff', 'dark'),
info: new YaakColor('#000000', 'dark'),
success: new YaakColor('#ffff00', 'dark'),
notice: new YaakColor('#ffff00', 'dark'),
warning: new YaakColor('#000000', 'dark'),
danger: new YaakColor('#ff0000', 'dark'),
},
editor: {
colors: {
primary: new Color('#ffffff', 'dark'),
secondary: new Color('#ffffff', 'dark'),
info: new Color('#ffffff', 'dark'),
notice: new Color('#ffff00', 'dark'),
warning: new Color('#ffffff', 'dark'),
danger: new Color('#ffffff', 'dark'),
},
primary: new YaakColor('#ffffff', 'dark'),
secondary: new YaakColor('#ffffff', 'dark'),
info: new YaakColor('#ffffff', 'dark'),
success: new YaakColor('#ffffff', 'dark'),
notice: new YaakColor('#ffff00', 'dark'),
warning: new YaakColor('#ffffff', 'dark'),
danger: new YaakColor('#ffffff', 'dark'),
},
},
};