starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-23 09:08: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 a0950ce5b8
commit b5242b9a3f
79 changed files with 1113 additions and 1004 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src-web/lib/theme/themes/moonlight.ts
View File

@@ -1,5 +1,5 @@
import { Color } from '../color';
import type { YaakTheme } from '../window';
import { YaakColor } from '../yaakColor';
export const colors = {
lightRed: '#ff98a4',
@@ -40,25 +40,23 @@ export const colors = {
const moonlightDefault: YaakTheme = {
id: 'moonlight',
name: 'Moonlight',
background: new Color('#222436', 'dark'),
foreground: new Color('#d5def8', 'dark'),
foregroundSubtle: new Color('#828bb8', 'dark'),
foregroundSubtler: new Color('hsl(232,26%,43%)', 'dark'),
colors: {
primary: new Color(colors.purple, 'dark'),
secondary: new Color(colors.desaturatedGray, 'dark'),
info: new Color(colors.blue, 'dark'),
success: new Color(colors.teal, 'dark'),
notice: new Color(colors.yellow, 'dark'),
warning: new Color(colors.orange, 'dark'),
danger: new Color(colors.red, 'dark'),
},
surface: new YaakColor('#222436', 'dark'),
text: new YaakColor('#d5def8', 'dark'),
textSubtle: new YaakColor('#828bb8', 'dark'),
textSubtlest: new YaakColor('hsl(232,26%,43%)', 'dark'),
primary: new YaakColor(colors.purple, 'dark'),
secondary: new YaakColor(colors.desaturatedGray, 'dark'),
info: new YaakColor(colors.blue, 'dark'),
success: new YaakColor(colors.teal, 'dark'),
notice: new YaakColor(colors.yellow, 'dark'),
warning: new YaakColor(colors.orange, 'dark'),
danger: new YaakColor(colors.red, 'dark'),
components: {
appHeader: {
background: new Color(colors.gray3, 'dark'),
surface: new YaakColor(colors.gray3, 'dark'),
},
sidebar: {
background: new Color(colors.gray3, 'dark'),
surface: new YaakColor(colors.gray3, 'dark'),
},
},
};