diff --git a/src/themes.js b/src/themes.js index c09c90f..df2dfa3 100644 --- a/src/themes.js +++ b/src/themes.js @@ -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;