mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-04-25 10:18:31 +02:00
Tweak themes
This commit is contained in:
@@ -1,78 +1,20 @@
|
|||||||
import { Color } from './color';
|
|
||||||
import { catppuccin } from './themes/catppuccin';
|
import { catppuccin } from './themes/catppuccin';
|
||||||
import { github } from './themes/github';
|
import { github } from './themes/github';
|
||||||
|
import { hotdogStand } from './themes/hotdog-stand';
|
||||||
import { monokaiPro } from './themes/monokai-pro';
|
import { monokaiPro } from './themes/monokai-pro';
|
||||||
import { relaxing } from './themes/relaxing';
|
import { relaxing } from './themes/relaxing';
|
||||||
import { rosePine } from './themes/rose-pine';
|
import { rosePine } from './themes/rose-pine';
|
||||||
import { yaak, yaakDark, yaakLight } from './themes/yaak';
|
import { yaak, yaakDark, yaakLight } from './themes/yaak';
|
||||||
import type { YaakTheme } from './window';
|
|
||||||
|
|
||||||
const hotdogStand: YaakTheme = {
|
export const defaultDarkTheme = yaakDark;
|
||||||
id: 'hotdog-stand',
|
export const defaultLightTheme = yaakLight;
|
||||||
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'),
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
appHeader: {
|
|
||||||
background: new Color('#000000', 'dark'),
|
|
||||||
foreground: new Color('#ffffff', 'dark'),
|
|
||||||
foregroundSubtle: new Color('#ffff00', 'dark'),
|
|
||||||
foregroundSubtler: new Color('#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'),
|
|
||||||
},
|
|
||||||
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'),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
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'),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const yaakThemes = [
|
export const yaakThemes = [
|
||||||
hotdogStand,
|
|
||||||
...yaak,
|
...yaak,
|
||||||
...catppuccin,
|
...catppuccin,
|
||||||
...relaxing,
|
...relaxing,
|
||||||
...rosePine,
|
...rosePine,
|
||||||
...github,
|
...github,
|
||||||
...monokaiPro,
|
...monokaiPro,
|
||||||
|
...hotdogStand,
|
||||||
];
|
];
|
||||||
|
|
||||||
export const defaultDarkTheme = yaakDark;
|
|
||||||
export const defaultLightTheme = yaakLight;
|
|
||||||
|
|||||||
61
src-web/lib/theme/themes/hotdog-stand.ts
Normal file
61
src-web/lib/theme/themes/hotdog-stand.ts
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
import { Color } from '../color';
|
||||||
|
import type { YaakTheme } from '../window';
|
||||||
|
|
||||||
|
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'),
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
appHeader: {
|
||||||
|
background: new Color('#000000', 'dark'),
|
||||||
|
foreground: new Color('#ffffff', 'dark'),
|
||||||
|
foregroundSubtle: new Color('#ffff00', 'dark'),
|
||||||
|
foregroundSubtler: new Color('#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'),
|
||||||
|
},
|
||||||
|
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'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
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'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export const hotdogStand = [hotdogStandDefault];
|
||||||
@@ -54,8 +54,8 @@ export const yaakDark: YaakTheme = {
|
|||||||
primary: new Color('hsl(266,100%,79%)', 'dark').lower(0.1),
|
primary: new Color('hsl(266,100%,79%)', 'dark').lower(0.1),
|
||||||
secondary: new Color('hsl(245,23%,60%)', 'dark').lower(0.1),
|
secondary: new Color('hsl(245,23%,60%)', 'dark').lower(0.1),
|
||||||
info: new Color('hsl(206,100%,63%)', 'dark').lower(0.1),
|
info: new Color('hsl(206,100%,63%)', 'dark').lower(0.1),
|
||||||
success: new Color('hsl(150,99%,44%)', 'dark').lower(0.1),
|
success: new Color('hsl(150,99%,44%)', 'dark').lower(0.15),
|
||||||
notice: new Color('hsl(48,80%,63%)', 'dark').lower(0.1),
|
notice: new Color('hsl(48,80%,63%)', 'dark').lower(0.2),
|
||||||
warning: new Color('hsl(28,100%,61%)', 'dark').lower(0.1),
|
warning: new Color('hsl(28,100%,61%)', 'dark').lower(0.1),
|
||||||
danger: new Color('hsl(342,90%,68%)', 'dark').lower(0.1),
|
danger: new Color('hsl(342,90%,68%)', 'dark').lower(0.1),
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user