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

40 lines
1015 B
TypeScript

import type { Theme } from '@yaakapp/api';
export const materialDarker: Theme = {
id: 'material-darker',
label: 'Material Darker',
dark: true,
base: {
surface: 'hsl(0, 0%, 13%)',
surfaceHighlight: 'hsl(0, 0%, 18%)',
text: 'hsl(0, 0%, 93%)',
textSubtle: 'hsl(0, 0%, 65%)',
textSubtlest: 'hsl(0, 0%, 50%)',
primary: 'hsl(262, 100%, 75%)',
secondary: 'hsl(0, 0%, 60%)',
info: 'hsl(224, 100%, 75%)',
success: 'hsl(84, 60%, 73%)',
notice: 'hsl(43, 100%, 70%)',
warning: 'hsl(14, 85%, 70%)',
danger: 'hsl(1, 77%, 59%)',
},
components: {
sidebar: {
surface: 'hsl(0, 0%, 11%)',
border: 'hsl(0, 0%, 16%)',
},
appHeader: {
surface: 'hsl(0, 0%, 9%)',
border: 'hsl(0, 0%, 14%)',
},
button: {
primary: 'hsl(262, 100%, 68%)',
info: 'hsl(224, 100%, 68%)',
success: 'hsl(84, 60%, 66%)',
notice: 'hsl(43, 100%, 63%)',
warning: 'hsl(14, 85%, 63%)',
danger: 'hsl(1, 77%, 52%)',
},
},
};