Skip to content

Glass - Dark Theme#656

Merged
Rigidity merged 1 commit into
xch-dev:mainfrom
Koba42Corp:glass_theme
Sep 13, 2025
Merged

Glass - Dark Theme#656
Rigidity merged 1 commit into
xch-dev:mainfrom
Koba42Corp:glass_theme

Conversation

@Koba42Corp

Copy link
Copy Markdown
Contributor

🎨 Add Glass Dark Theme

Overview

This PR introduces a new Glass Dark theme that provides a modern, translucent glass aesthetic with cyan/teal accent colors and sophisticated backdrop blur effects.

✨ Features

�� Visual Design

  • Glass morphism aesthetic with semi-transparent backgrounds and backdrop blur effects
  • Cyan/teal color palette (rgba(0,255,255,0.75)) for primary elements and accents
  • Custom background image (background.jpg) for enhanced visual depth
  • Rounded button style with smooth transitions and hover effects

🔧 Theme Configuration

  • Complete color system with 36+ color definitions including:
    • Semi-transparent backgrounds with various opacity levels
    • Cyan-based primary and accent colors
    • Proper contrast ratios for accessibility
  • Comprehensive button variants (default, outline, destructive, ghost, link)
  • Table styling with glass effects and hover states
  • Dialog components with backdrop blur and glass borders
  • Switch components with theme-consistent colors

🎯 Technical Details

  • Inherits from dark theme for consistent base styling
  • Backdrop filter support with both standard and webkit prefixes
  • Custom shadows with multiple layers for depth
  • Responsive design with proper hover and active states
  • Schema version 1 compliance

📁 Files Added

  • src/themes/glass-dark/theme.json - Complete theme configuration (221 lines)
  • src/themes/glass-dark/background.jpg - Custom background image

�� Color Palette

  • Primary: rgba(0,255,255,0.75) - Bright cyan
  • Secondary: rgba(202,255,250,0.8) - Light cyan
  • Background: rgba(0, 0, 0, 0.85) - Semi-transparent black
  • Accent: rgba(210,255,255,0.35) - Soft cyan
  • Destructive: rgba(255,69,58,0.80) - Red with transparency

🔍 Testing

  • Theme loads correctly in theme selector
  • All button variants display with proper styling
  • Hover and active states work as expected
  • Background image displays properly
  • Backdrop blur effects render correctly
  • Table components use theme colors
  • Dialog overlays have proper glass effect

�� Screenshots

[Add screenshots of the theme in action showing buttons, tables, and overall UI]

�� Usage

The theme will be automatically available in the theme selector once merged. Users can select "Glass Dark" from the theme picker to apply this glass morphism aesthetic.


Type: Feature
Breaking Changes: None
Dependencies: None

@Rigidity Rigidity merged commit 724d565 into xch-dev:main Sep 13, 2025
0 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants