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',
|
id: 'rose-pine',
|
||||||
name: 'Rosé Pine',
|
name: 'Rosé Pine',
|
||||||
accent: '#eb6f92',
|
accent: '#e096ab',
|
||||||
bg: '#191724',
|
bg: '#191724',
|
||||||
vars: {
|
vars: {
|
||||||
'--bg': '#191724', // Base
|
'--bg': '#191724', // Base
|
||||||
@@ -98,8 +98,38 @@ export const THEMES = [
|
|||||||
'--danger': '#e05555',
|
'--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) {
|
export function applyTheme(id) {
|
||||||
const theme = THEMES.find(t => t.id === id) || THEMES.find(t => t.id === DEFAULT_ID);
|
const theme = THEMES.find(t => t.id === id) || THEMES.find(t => t.id === DEFAULT_ID);
|
||||||
const root = document.documentElement;
|
const root = document.documentElement;
|
||||||
|
|||||||
Reference in new issue
Block a user