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

48 lines
1.2 KiB
TypeScript

import type { Theme } from '@yaakapp/api';
export const pandaSyntax: Theme = {
id: 'panda',
label: 'Panda Syntax',
dark: true,
base: {
surface: 'hsl(225, 15%, 15%)',
surfaceHighlight: 'hsl(225, 12%, 20%)',
text: 'hsl(0, 0%, 90%)',
textSubtle: 'hsl(0, 0%, 65%)',
textSubtlest: 'hsl(0, 0%, 50%)',
primary: 'hsl(353, 95%, 70%)',
secondary: 'hsl(0, 0%, 65%)',
info: 'hsl(200, 85%, 65%)',
success: 'hsl(175, 90%, 65%)',
notice: 'hsl(40, 100%, 65%)',
warning: 'hsl(40, 100%, 65%)',
danger: 'hsl(0, 90%, 65%)',
},
components: {
dialog: {
surface: 'hsl(225, 15%, 12%)',
},
sidebar: {
surface: 'hsl(225, 14%, 13%)',
border: 'hsl(225, 12%, 18%)',
},
appHeader: {
surface: 'hsl(225, 15%, 11%)',
border: 'hsl(225, 12%, 16%)',
},
responsePane: {
surface: 'hsl(225, 14%, 13%)',
border: 'hsl(225, 12%, 18%)',
},
button: {
primary: 'hsl(353, 95%, 63%)',
secondary: 'hsl(0, 0%, 58%)',
info: 'hsl(200, 85%, 58%)',
success: 'hsl(175, 90%, 58%)',
notice: 'hsl(40, 100%, 58%)',
warning: 'hsl(40, 100%, 58%)',
danger: 'hsl(0, 90%, 58%)',
},
},
};