feat(theme): add jade-green theme
This commit is contained in:
1 parent
3988d18182
commit
dcb685bc4d
1 file changed
+31
-1
+31
-1
@@ -53,7 +53,7 @@ export const THEMES = [
|
||||
{
|
||||
id: 'rose-pine',
|
||||
name: 'Rosé Pine',
|
||||
accent: '#eb6f92',
|
||||
accent: '#e096ab',
|
||||
bg: '#191724',
|
||||
vars: {
|
||||
'--bg': '#191724', // Base
|
||||
@@ -98,8 +98,38 @@ export const THEMES = [
|
||||
'--danger': '#e05555',
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'jade-green',
|
||||
name: 'Jade Green',
|
||||
accent: '#2ecc71',
|
||||
bg: '#07100c',
|
||||
vars: {
|
||||
'--bg': '#07100c', // Deep green-black
|
||||
'--bg2': '#0c1813', // Slightly lighter
|
||||
'--bg3': '#11211a', // Layered depth
|
||||
'--surface': '#162a21', // Soft surface
|
||||
'--surface2': '#1e3a2d', // Elevated surface
|
||||
'--border': 'rgba(255,255,255,0.06)',
|
||||
'--border2': 'rgba(255,255,255,0.12)',
|
||||
|
||||
'--accent': '#2ecc71', // Jade
|
||||
'--accent2': '#55e68f', // Lighter jade
|
||||
'--accent-dark':'#1f9e55', // Deep jade
|
||||
'--accent-dim': 'rgba(46,204,113,0.15)',
|
||||
'--accent-glow':'rgba(46,204,113,0.32)',
|
||||
|
||||
'--text': '#e8fff1', // Soft mint-white
|
||||
'--text2': '#8fbfa4', // Muted jade-gray
|
||||
'--text3': '#557a63', // Dimmed green-gray
|
||||
|
||||
'--danger': '#e05555',
|
||||
},
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
|
||||
|
||||
export function applyTheme(id) {
|
||||
const theme = THEMES.find(t => t.id === id) || THEMES.find(t => t.id === DEFAULT_ID);
|
||||
const root = document.documentElement;
|
||||
|
||||
Reference in new issue
Block a user