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

198
src-web/lib/theme/themes/catppuccin.ts
View File

@@ -1,32 +1,28 @@
import { Color } from '../color';
import { YaakColor } from '../yaakColor';
import type { YaakTheme } from '../window';
export const catppuccinLatte: YaakTheme = {
name: 'Catppuccin Latte',
id: 'catppuccin-latte',
background: new Color('#eff1f5', 'light'),
foreground: new Color('#4c4f69', 'dark'),
foregroundSubtle: new Color('#6c6f85', 'light'),
foregroundSubtler: new Color('#8c8fa1', 'light'),
colors: {
primary: new Color('#8839ef', 'light'),
secondary: new Color('#6c6f85', 'light'),
info: new Color('#7287fd', 'light'),
success: new Color('#179299', 'light'),
notice: new Color('#df8e1d', 'light'),
warning: new Color('#fe640b', 'light'),
danger: new Color('#e64553', 'light'),
},
surface: new YaakColor('#eff1f5', 'light'),
text: new YaakColor('#4c4f69', 'dark'),
textSubtle: new YaakColor('#6c6f85', 'light'),
textSubtlest: new YaakColor('#8c8fa1', 'light'),
primary: new YaakColor('#8839ef', 'light'),
secondary: new YaakColor('#6c6f85', 'light'),
info: new YaakColor('#7287fd', 'light'),
success: new YaakColor('#179299', 'light'),
notice: new YaakColor('#df8e1d', 'light'),
warning: new YaakColor('#fe640b', 'light'),
danger: new YaakColor('#e64553', 'light'),
components: {
sidebar: {
background: new Color('#e6e9ef', 'light'),
backgroundHighlight: new Color('#e6e9ef', 'light').lift(0.05),
foregroundSubtler: new Color('#7287fd', 'light'),
surface: new YaakColor('#e6e9ef', 'light'),
border: new YaakColor('#e6e9ef', 'light').lift(0.05),
},
appHeader: {
background: new Color('#dce0e8', 'light'),
backgroundHighlight: new Color('#e6e9ef', 'light').lift(0.05),
foregroundSubtler: new Color('#7287fd', 'light'),
surface: new YaakColor('#dce0e8', 'light'),
border: new YaakColor('#e6e9ef', 'light').lift(0.05),
},
},
};
@@ -34,45 +30,41 @@ export const catppuccinLatte: YaakTheme = {
export const catppuccinMacchiato: YaakTheme = {
name: 'Catppuccin Macchiato',
id: 'catppuccin-macchiato',
background: new Color('#1e2030', 'dark'),
foreground: new Color('#cad3f5', 'dark'),
foregroundSubtle: new Color('#a5adcb', 'dark'),
foregroundSubtler: new Color('#8087a2', 'dark'),
colors: {
primary: new Color('#c6a0f6', 'dark'),
secondary: new Color('#b8c0e0', 'dark'),
info: new Color('#8aadf4', 'dark'),
success: new Color('#a6da95', 'dark'),
notice: new Color('#eed49f', 'dark'),
warning: new Color('#f5a97f', 'dark'),
danger: new Color('#ed8796', 'dark'),
},
surface: new YaakColor('#1e2030', 'dark'),
text: new YaakColor('#cad3f5', 'dark'),
textSubtle: new YaakColor('#a5adcb', 'dark'),
textSubtlest: new YaakColor('#8087a2', 'dark'),
primary: new YaakColor('#c6a0f6', 'dark'),
secondary: new YaakColor('#b8c0e0', 'dark'),
info: new YaakColor('#8aadf4', 'dark'),
success: new YaakColor('#a6da95', 'dark'),
notice: new YaakColor('#eed49f', 'dark'),
warning: new YaakColor('#f5a97f', 'dark'),
danger: new YaakColor('#ed8796', 'dark'),
components: {
dialog: {
background: new Color('#181825', 'dark'),
surface: new YaakColor('#181825', 'dark'),
},
sidebar: {
background: new Color('#24273a', 'dark'),
backgroundHighlight: new Color('#24273a', 'dark').lift(0.05),
surface: new YaakColor('#24273a', 'dark'),
border: new YaakColor('#24273a', 'dark').lift(0.05),
},
appHeader: {
background: new Color('#181926', 'dark'),
backgroundHighlight: new Color('#181926', 'dark').lift(0.1),
surface: new YaakColor('#181926', 'dark'),
border: new YaakColor('#181926', 'dark').lift(0.1),
},
responsePane: {
background: new Color('#24273a', 'dark'),
backgroundHighlight: new Color('#24273a', 'dark').lift(0.05),
surface: new YaakColor('#24273a', 'dark'),
border: new YaakColor('#24273a', 'dark').lift(0.05),
},
button: {
colors: {
primary: new Color('#c6a0f6', 'dark').lower(0.1),
secondary: new Color('#b8c0e0', 'dark').lower(0.1),
info: new Color('#8aadf4', 'dark').lower(0.1),
success: new Color('#a6da95', 'dark').lower(0.1),
notice: new Color('#eed49f', 'dark').lower(0.1),
warning: new Color('#f5a97f', 'dark').lower(0.1),
danger: new Color('#ed8796', 'dark').lower(0.1),
},
primary: new YaakColor('#c6a0f6', 'dark').lower(0.1),
secondary: new YaakColor('#b8c0e0', 'dark').lower(0.1),
info: new YaakColor('#8aadf4', 'dark').lower(0.1),
success: new YaakColor('#a6da95', 'dark').lower(0.1),
notice: new YaakColor('#eed49f', 'dark').lower(0.1),
warning: new YaakColor('#f5a97f', 'dark').lower(0.1),
danger: new YaakColor('#ed8796', 'dark').lower(0.1),
},
},
};
@@ -80,45 +72,41 @@ export const catppuccinMacchiato: YaakTheme = {
export const catppuccinFrappe: YaakTheme = {
name: 'Catppuccin Frappé',
id: 'catppuccin-frappe',
background: new Color('#292c3c', 'dark'),
foreground: new Color('#c6d0f5', 'dark'),
foregroundSubtle: new Color('#a5adce', 'dark'),
foregroundSubtler: new Color('#838ba7', 'dark'),
colors: {
primary: new Color('#ca9ee6', 'dark'),
secondary: new Color('#b8c0e0', 'dark'),
info: new Color('#8caaee', 'dark'),
success: new Color('#a6d189', 'dark'),
notice: new Color('#e5c890', 'dark'),
warning: new Color('#ef9f76', 'dark'),
danger: new Color('#e78284', 'dark'),
},
surface: new YaakColor('#292c3c', 'dark'),
text: new YaakColor('#c6d0f5', 'dark'),
textSubtle: new YaakColor('#a5adce', 'dark'),
textSubtlest: new YaakColor('#838ba7', 'dark'),
primary: new YaakColor('#ca9ee6', 'dark'),
secondary: new YaakColor('#b8c0e0', 'dark'),
info: new YaakColor('#8caaee', 'dark'),
success: new YaakColor('#a6d189', 'dark'),
notice: new YaakColor('#e5c890', 'dark'),
warning: new YaakColor('#ef9f76', 'dark'),
danger: new YaakColor('#e78284', 'dark'),
components: {
dialog: {
background: new Color('#181825', 'dark'),
surface: new YaakColor('#181825', 'dark'),
},
sidebar: {
background: new Color('#303446', 'dark'),
backgroundHighlight: new Color('#303446', 'dark').lift(0.05),
surface: new YaakColor('#303446', 'dark'),
border: new YaakColor('#303446', 'dark').lift(0.05),
},
appHeader: {
background: new Color('#232634', 'dark'),
backgroundHighlight: new Color('#232634', 'dark').lift(0.1),
surface: new YaakColor('#232634', 'dark'),
border: new YaakColor('#232634', 'dark').lift(0.1),
},
responsePane: {
background: new Color('#303446', 'dark'),
backgroundHighlight: new Color('#303446', 'dark').lift(0.05),
surface: new YaakColor('#303446', 'dark'),
border: new YaakColor('#303446', 'dark').lift(0.05),
},
button: {
colors: {
primary: new Color('#ca9ee6', 'dark').lower(0.1),
secondary: new Color('#b8c0e0', 'dark').lower(0.1),
info: new Color('#8caaee', 'dark').lower(0.1),
success: new Color('#a6d189', 'dark').lower(0.1),
notice: new Color('#e5c890', 'dark').lower(0.1),
warning: new Color('#ef9f76', 'dark').lower(0.1),
danger: new Color('#e78284', 'dark').lower(0.1),
},
primary: new YaakColor('#ca9ee6', 'dark').lower(0.1),
secondary: new YaakColor('#b8c0e0', 'dark').lower(0.1),
info: new YaakColor('#8caaee', 'dark').lower(0.1),
success: new YaakColor('#a6d189', 'dark').lower(0.1),
notice: new YaakColor('#e5c890', 'dark').lower(0.1),
warning: new YaakColor('#ef9f76', 'dark').lower(0.1),
danger: new YaakColor('#e78284', 'dark').lower(0.1),
},
},
};
@@ -126,45 +114,41 @@ export const catppuccinFrappe: YaakTheme = {
const catppuccinMocha: YaakTheme = {
name: 'Catppuccin Mocha',
id: 'catppuccin-mocha',
background: new Color('#181825', 'dark'),
foreground: new Color('#cdd6f4', 'dark'),
foregroundSubtle: new Color('#a6adc8', 'dark'),
foregroundSubtler: new Color('#7f849c', 'dark'),
colors: {
primary: new Color('#c6a0f6', 'dark'),
secondary: new Color('#bac2de', 'dark'),
info: new Color('#89b4fa', 'dark'),
success: new Color('#a6e3a1', 'dark'),
notice: new Color('#f9e2af', 'dark'),
warning: new Color('#fab387', 'dark'),
danger: new Color('#f38ba8', 'dark'),
},
surface: new YaakColor('#181825', 'dark'),
text: new YaakColor('#cdd6f4', 'dark'),
textSubtle: new YaakColor('#a6adc8', 'dark'),
textSubtlest: new YaakColor('#7f849c', 'dark'),
primary: new YaakColor('#c6a0f6', 'dark'),
secondary: new YaakColor('#bac2de', 'dark'),
info: new YaakColor('#89b4fa', 'dark'),
success: new YaakColor('#a6e3a1', 'dark'),
notice: new YaakColor('#f9e2af', 'dark'),
warning: new YaakColor('#fab387', 'dark'),
danger: new YaakColor('#f38ba8', 'dark'),
components: {
dialog: {
background: new Color('#181825', 'dark'),
surface: new YaakColor('#181825', 'dark'),
},
sidebar: {
background: new Color('#1e1e2e', 'dark'),
backgroundHighlight: new Color('#1e1e2e', 'dark').lift(0.05),
surface: new YaakColor('#1e1e2e', 'dark'),
border: new YaakColor('#1e1e2e', 'dark').lift(0.05),
},
appHeader: {
background: new Color('#11111b', 'dark'),
backgroundHighlight: new Color('#11111b', 'dark').lift(0.1),
surface: new YaakColor('#11111b', 'dark'),
border: new YaakColor('#11111b', 'dark').lift(0.1),
},
responsePane: {
background: new Color('#1e1e2e', 'dark'),
backgroundHighlight: new Color('#1e1e2e', 'dark').lift(0.05),
surface: new YaakColor('#1e1e2e', 'dark'),
border: new YaakColor('#1e1e2e', 'dark').lift(0.05),
},
button: {
colors: {
primary: new Color('#cba6f7', 'dark').lower(0.2).desaturate(0.2),
secondary: new Color('#bac2de', 'dark').lower(0.2).desaturate(0.2),
info: new Color('#89b4fa', 'dark').lower(0.2).desaturate(0.2),
success: new Color('#a6e3a1', 'dark').lower(0.2).desaturate(0.2),
notice: new Color('#f9e2af', 'dark').lower(0.2).desaturate(0.2),
warning: new Color('#fab387', 'dark').lower(0.2).desaturate(0.2),
danger: new Color('#f38ba8', 'dark').lower(0.2).desaturate(0.2),
},
primary: new YaakColor('#cba6f7', 'dark').lower(0.2).desaturate(0.2),
secondary: new YaakColor('#bac2de', 'dark').lower(0.2).desaturate(0.2),
info: new YaakColor('#89b4fa', 'dark').lower(0.2).desaturate(0.2),
success: new YaakColor('#a6e3a1', 'dark').lower(0.2).desaturate(0.2),
notice: new YaakColor('#f9e2af', 'dark').lower(0.2).desaturate(0.2),
warning: new YaakColor('#fab387', 'dark').lower(0.2).desaturate(0.2),
danger: new YaakColor('#f38ba8', 'dark').lower(0.2).desaturate(0.2),
},
},
};