A modern, sleek Discord theme for Vencord and Equicord — built with cutting-edge CSS features and smooth animations.
Experience Discord with enhanced aesthetics, improved performance, and delightful micro-interactions.
- 🖤 Native-Inspired Design — Enhances Discord's built-in themes without breaking familiarity
- 🌟 Modern Glassmorphism — Subtle blur effects and translucent elements
- 🎨 Apple Emoji Support — Complete Apple emoji replacement for consistent visuals
- 🌈 Advanced Color System — Uses
color-mix()(OKLab) for refined tones
- 🚀 Hardware Accelerated — Uses CSS transforms and
will-changefor smooth animations - 🎪 Spring Physics — Natural, bouncy animations with cubic-bezier easing
- ♿ Accessibility First — Respects reduced motion preferences
- 🎵 Enhanced Spotify Player — Polished, panel-style player with responsive hover and a11y focus
- ⌨️ Compact Command Menu — Streamlined slash-command menu with smooth transitions
- 📌 Animated Unread Dots — Modern dot with hover scale and glow
- 🧭 Channel Hover Micro-Interactions — Subtle slide/scale for selected and hovered channels
- 🎭 Activity Status Coloring — Consistent, modernized status hues in member list
- 🔲 Accessible Focus Rings — Clear outlines for keyboard navigation
- 💬 Enhanced DM List — Modern styling for direct message sidebar
- 🔍 Improved Search UI — Glassmorphic search bar with smooth animations
- 🪟 Modal Animations — Smooth open/close with scale and blur effects
- 💭 Message Effects — Hover indicators and appearance animations
- ⌨️ Typing Animation — Bouncy dots with spring physics
- 🎙️ Voice UI Overhaul — Speaking indicators and connection cards
- 👤 Profile Popouts — Glassmorphic profile cards with animations
- 📜 Modern Scrollbars — Thin, themed scrollbars across the app
- 🔴 Status Glows — Animated status rings around avatars
- 🔘 Button Refinements — Gradient fills with hover lift effects
- 💡 Tooltip Upgrades — Blur backdrop and spring animations
- 😄 Emoji Picker — Hover zoom and category transitions
- 🧵 Thread Styling — Modern borders and hover effects
- ⌨️ Input Fields — Focus states with brand color accents
- Install Vencord if you haven't already
- Download
ZeroUI.cssfrom this repository - Place the file in your themes folder:
# Windows %AppData%\Vencord\themes\ # macOS ~/Library/Application Support/Vencord/themes/ # Linux ~/.config/Vencord/themes/
- Enable the theme in Settings → Vencord → Themes
- Install Equicord
- Download
ZeroUI.cssfrom this repository - Place the file in your themes folder:
# Windows %AppData%\Roaming\Equicord\themes\ # macOS ~/Library/Application Support/Equicord/themes/ # Linux ~/.config/Equicord/themes/
- Enable the theme in Settings → Equicord → Themes
You can also install directly via URL in your client's theme settings:
https://raw.githubusercontent.com/7xeh/ZeroUI/main/ZeroUI.css
- CSS Custom Properties — Organized design tokens for consistent theming
- Color System — Uses
color-mix()with OKLab for smooth blending
- CSS Containment — Optimized rendering with
contain: layout style paint - Hardware Acceleration —
transformandwill-changefor GPU rendering - Reduced Motion Support — Respects
prefers-reduced-motionfor accessibility
/* Unified timing system */
--animation-duration-fast: 0.15s;
--animation-duration-normal: 0.25s;
--animation-duration-slow: 0.4s;
/* Physics-based easing */
--animation-easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--animation-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);ZeroUI uses CSS custom properties that you can easily override:
:root {
/* Adjust animation speeds */
--animation-duration-normal: 0.3s;
/* Customize spacing */
--spacing-md: 1.2rem;
/* Modify border radius */
--radius-lg: 1rem;
/* Change unread dot size */
--unread-size: 0.6rem;
}- Settings Icons — Enhanced settings page with modern iconography
- Synced Game Recolor — Dynamic status colors based on activity
- Compact Command Menu — Streamlined command palette with transitions
- Apple Emoji Replace — Full Apple emoji spritesheet and category CSS imports (Apple variant currently used)
- 🛠️ Fix: Updated brittle selectors to handle Discord UI/classname changes
- ✨ New: Modal Animations
- Smooth open/close with scale, blur, and spring physics
- Enhanced close button rotation effect
- Glassmorphic modal backgrounds
- ✨ New: Message Hover Effects
- Left-side accent bar on hover
- Fade-in animation for new messages
- Enhanced mentioned/replying states
- ✨ New: Typing Indicator Animation
- Bouncy dot animation with spring physics
- Subtle gradient background
- ✨ New: Voice Channel UI Overhaul
- Speaking pulse animation on avatars
- Enhanced user tile hover effects
- Glassmorphic connection status cards
- ✨ New: Profile Popout Enhancements
- Glassmorphic backgrounds with blur
- Pop-in animation with spring easing
- Styled sections with hover effects
- ✨ New: Modern Scrollbars
- Thin, themed scrollbars (8px width)
- Hover brightness transition
- Firefox scrollbar support
- ✨ New: Avatar Status Ring Glows
- Color-matched glows for each status
- Streaming status pulse animation
- ✨ New: Enhanced Button Styles
- Gradient backgrounds with inner shadows
- Hover lift effect with increased shadow
- Danger button improvements
- ✨ New: DM List Styling
- Modern channel hover with slide effect
- Selected state with brand accent
- Improved section headers
- ✨ New: Search Bar UI
- Glassmorphic results dropdown
- Focus ring with brand color
- Result item slide animation
- ✨ New: Tooltip Enhancements
- Blur backdrop effect
- Spring scale-in animation
- Modern padding and borders
- ✨ New: Emoji Picker Improvements
- Hover zoom on individual emojis
- Category transition effects
- Open animation
- ✨ New: Thread Styling
- Modern borders and backgrounds
- Hover slide effect
- ✨ New: Input Field Focus States
- Brand color accent on focus
- Message input area styling
- ✨ New: Code Block Enhancements
- Modern font stack (JetBrains Mono)
- Inline code styling
- ✨ New: Loading Animations
- Skeleton shimmer effect
- Consistent spinner rotation
- ✨ New: Accessibility Improvements
- Enhanced focus-visible states
- High contrast mode support
- 🎨 Enhanced: Ping Badge with gradient and pulse
- 🎨 Enhanced: Timestamp hover opacity transition
- 🎨 Enhanced: Divider styling with pill content
- 🎨 Enhanced: User panel with modern button hover
- 🎨 Enhanced: Popout menus with glassmorphism
- 🐛 Minor bug fixes and improvements
- 🎨 Code cleanup and optimization
- ✨ New: Enhanced Server List Animations
- Server icon hover with glow and lift effect
- Active server indicator with pulse animation
- Smooth folder expand/collapse animations
- Spring-physics based micro-interactions
- ✨ New: Improved Message Reactions
- Scale and shadow effects on hover
- Smooth spring animations for better feel
- 🎨 Enhanced: Optimized Channel Animations
- CSS variable-based transform system for better performance
- Combined unread shift and hover shift animations
- More specific selectors to avoid video/stream conflicts
- 🎵 Refined: Spotify Player Integration
- Polished panel-style design matching Discord's native UI
- Improved accessibility focus states
- Better reduced motion support
- 🐛 Critical Fix: Resolved multi-screen share bug where only one video tile was visible
- Scoped
.title_c38106to prevent overlay in video/stream/voice contexts - Added aggressive position resets for video grid compatibility
- Enhanced selector specificity with
!importantflags for reliable overrides
- Scoped
- 🔧 Improved title bar styling scope to prevent conflicts with media components
- 🆕 Updated Apple Emoji system with full category imports
- 🆕 Improved hardware acceleration and animation system
- 🆕 More CSS custom properties for easier customization
- 🆕 Updated imports for Settings Icons and third-party modules
- 🎪 Physics-based animations with spring easing
- ♿ Enhanced accessibility with reduced motion support
- 🎨 Advanced color system with
color-mix() - 🚀 Performance optimizations with CSS containment
- 🐛 Bug fixes and stability improvements
- 🎨 Visual refinements and polish
We welcome contributions! Here's how you can help:
- 🐛 Report Bugs — Open an issue with detailed reproduction steps
- 💡 Suggest Features — Share your ideas for improvements
- 🔧 Submit PRs — Fork, modify, and submit pull requests
- 📖 Improve Docs — Help make our documentation better
git clone https://github.com/7xeh/ZeroUI.git
cd ZeroUI
# Make your changes to ZeroUI.css
# Test in Discord with live reloadCore Contributors:
- 7xeh — Lead Developer & Designer
Special Thanks:
- mwittrien — BetterDiscord plugin inspiration
- KrstlSkll69 — Game status recoloring
- acheronx0577 — Command menu improvements
Community:
- All beta testers and feedback providers
- Discord theme development community
MIT License
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software.
- 🐛 Issues: GitHub Issues
- 💬 Discussions: GitHub Discussions
- 📧 Contact: Open an issue for direct support
Made with ❤️ for the Discord community
⭐ Star this repo if you find it useful! ⭐