add-theme

What problem does it solve?

Add theme support to a ResearchMate component, including glass, bubble, and minimalist styles, and enable dark mode by introducing a centralized CSS variable system and updating index.css.

Core Features & Use Cases

• Theme support for components in three visual styles (glass, bubble, minimalist) with dark mode variants.
• CSS variable integration: standardizes colors, surfaces, typography via a consistent set of --ui-* variables in index.css.
• Use case: when updating a component to support theming or adding a new theme, ensure consistent styling across light and dark contexts.

Quick Start

Implement glass, bubble, and minimalist themes with dark mode by updating CSS variables in index.css and applying backdrop-filter for glass surfaces.