starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-23 17:18:32 +02: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

33
src-web/lib/theme/themes/dracula.ts
View File

@@ -1,30 +1,27 @@
import { Color } from '../color';
import type { YaakTheme } from '../window';
import { YaakColor } from '../yaakColor';
const draculaDefault: YaakTheme = {
id: 'dracula',
name: 'Dracula',
background: new Color('#282A36', 'dark'),
backgroundHighlight: new Color('#343746', 'dark'),
backgroundHighlightSecondary: new Color('#424450', 'dark'),
foreground: new Color('#F8F8F2', 'dark'),
foregroundSubtle: new Color('hsl(232,14%,65%)', 'dark'),
foregroundSubtler: new Color('hsl(232,14%,50%)', 'dark'),
colors: {
primary: new Color('#BD93F9', 'dark'),
secondary: new Color('#6272A4', 'dark'),
info: new Color('#8BE9FD', 'dark'),
success: new Color('#50FA7B', 'dark'),
notice: new Color('#F1FA8C', 'dark'),
warning: new Color('#FFB86C', 'dark'),
danger: new Color('#FF5555', 'dark'),
},
surface: new YaakColor('#282A36', 'dark'),
surfaceHighlight: new YaakColor('#343746', 'dark'),
text: new YaakColor('#F8F8F2', 'dark'),
textSubtle: new YaakColor('hsl(232,14%,65%)', 'dark'),
textSubtlest: new YaakColor('hsl(232,14%,50%)', 'dark'),
primary: new YaakColor('#BD93F9', 'dark'),
secondary: new YaakColor('#6272A4', 'dark'),
info: new YaakColor('#8BE9FD', 'dark'),
success: new YaakColor('#50FA7B', 'dark'),
notice: new YaakColor('#F1FA8C', 'dark'),
warning: new YaakColor('#FFB86C', 'dark'),
danger: new YaakColor('#FF5555', 'dark'),
components: {
sidebar: {
background: new Color('hsl(230,15%,24%)', 'dark'),
backdrop: new YaakColor('hsl(230,15%,24%)', 'dark'),
},
appHeader: {
background: new Color('#21222C', 'dark'),
backdrop: new YaakColor('#21222C', 'dark'),
},
},
};