Files
yaak-mountain-loop/plugins/themes-yaak/src/themes/fleet.ts
2025-12-31 10:05:55 -08:00

174 lines
3.5 KiB
TypeScript

import type { Theme } from '@yaakapp/api';
export const fleetLight: Theme = {
id: 'fleet-light',
label: 'Fleet Light',
dark: false,
base: {
surface: '#FFFFFF',
surfaceHighlight: '#F8F8F9',
surfaceActive: '#EEEFF0',
border: '#18191B33',
text: '#090909',
textSubtle: '#6E747B',
textSubtlest: '#898E94',
primary: '#1D61BA',
secondary: '#6E747B',
info: '#4B8DEC',
success: '#169068',
notice: '#B07203',
warning: '#B07203',
danger: '#E1465E',
},
components: {
sidebar: {
surface: '#EEEFF0',
border: '#18191B33',
},
appHeader: {
surface: '#EEEFF0',
border: '#18191B33',
},
responsePane: {
surface: '#FFFFFF',
border: '#18191B33',
},
dialog: {
surface: '#FFFFFF',
border: '#18191B33',
},
button: {
surface: '#F8F8F9',
text: '#090909',
primary: '#2A7DEB',
secondary: '#6E747B',
info: '#4B8DEC',
success: '#169068',
notice: '#B07203',
warning: '#B07203',
danger: '#E1465E',
},
editor: {
primary: '#5511BF',
secondary: '#A31D8D',
info: '#14646E',
success: '#086E14',
notice: '#616605',
warning: '#747576',
danger: '#1749BD',
},
},
};
export const fleetDarkPurple: Theme = {
id: 'fleet-dark-purple',
label: 'Fleet Dark Purple',
dark: true,
base: {
surface: '#1C1827',
surfaceHighlight: '#262136',
surfaceActive: '#3E3852',
border: '#3E3852',
text: '#E0E1E4',
textSubtle: '#E0E1E480',
textSubtlest: '#E0E1E44D',
primary: '#B174D9',
secondary: '#E0E1E480',
info: '#4B8DEC',
success: '#169068',
notice: '#B07203',
warning: '#B07203',
danger: '#E1465E',
},
components: {
appHeader: {
surface: '#13101B',
border: '#3E3852',
},
responsePane: {
surface: '#1C1827',
border: '#3E3852',
},
dialog: {
surface: '#262136',
border: '#3E3852',
},
button: {
surface: '#262136',
text: '#E0E1E4',
primary: '#A660D4',
secondary: '#E0E1E480',
info: '#4B8DEC',
success: '#169068',
notice: '#B07203',
warning: '#B07203',
danger: '#E1465E',
},
editor: {
primary: '#C7A65D',
secondary: '#93A6F5',
info: '#E09B70',
success: '#62A362',
notice: '#85A658',
warning: '#7e7d86',
danger: '#4DACF0',
},
},
};
export const fleetDark: Theme = {
id: 'fleet-dark',
label: 'Fleet Dark',
dark: true,
base: {
surface: '#18191B',
surfaceHighlight: '#252629',
surfaceActive: '#3E4147',
border: '#3E4147',
text: '#E0E1E4',
textSubtle: '#898E94',
textSubtlest: '#646B71',
primary: '#4B8DEC',
secondary: '#898E94',
info: '#4B8DEC',
success: '#169068',
notice: '#B07203',
warning: '#B07203',
danger: '#E1465E',
},
components: {
appHeader: {
surface: '#090909',
border: '#3E4147',
},
responsePane: {
surface: '#18191B',
border: '#3E4147',
},
dialog: {
surface: '#252629',
border: '#3E4147',
},
button: {
surface: '#252629',
text: '#E0E1E4',
primary: '#2A7DEB',
secondary: '#898E94',
info: '#4B8DEC',
success: '#169068',
notice: '#B07203',
warning: '#B07203',
danger: '#E1465E',
},
editor: {
primary: '#EBC88D',
secondary: '#AF9CFF',
info: '#82D2CE',
success: '#A8C5A0',
notice: '#C7A65D',
warning: '#909194',
danger: '#87C3FF',
},
},
};