Flora

A Discord theme by Lexius — forest green glass, soft animations, zero :has() lag.

Features

• Sage Green Accent (HSL: 145, 45%, 52%) — buttons, links, highlights, mentions
• Forest Glass Panels — deep green translucent surfaces with targeted 2px blur
• Meadow Wallpaper — custom background
• Smooth Animations — message fade-in, hover lifts, avatar scale (GPU-only: opacity + transform)
• Performance First — zero :has() selectors, no glow box-shadows, no brightness filters

Installation

Vencord

1. Settings → Themes → Online Themes
2. Paste:

https://raw.githubusercontent.com/Lexius-CoS/flora/main/flora.theme.css

3. Save

BetterDiscord

1. Download flora.theme.css
2. Place in your themes folder
3. Enable in Settings → Themes

Customization

:root {
    /* Wallpaper */
    --app-bg: url(your-image-url);

    /* Accent (HSL) */
    --accent-hue: 145;
    --accent-saturation: 45%;
    --accent-lightness: 52%;

    /* Panel transparency */
    --main-content-opacity: 0.4;  /* Chat */
    --sidebar-opacity: 0.55;      /* Sidebar */

    /* Blur intensity */
    --app-blur: 2px;
}

Performance Design

Flora is built for smooth 60fps scrolling in busy channels:

Problem	Solution
:has() selectors (35+ in Anicord)	Zero :has() — all selectors are direct attribute/class matches
Glow box-shadow on hover	Removed entirely
filter: brightness() chains	Removed
text-shadow glow	Removed
Heavy box-shadow transitions	Replaced with transform/opacity only (GPU-accelerated)
backdrop-filter: blur(5px) everywhere	Targeted 2px blur on sidebar/chat/members only

Credits

• Base: Translucence by CapnKitten
• Theme: Flora by Lexius-CoS

License

MIT