mirror of
https://github.com/BorysLevytskyi/BitwiseCmd.git
synced 2025-12-10 06:52:05 +01:00
c4877ac376
* Introduce bladerunner theme * Light neon glow * Fix build error * Different logo font and glow * Neon glow on hover * Make the theme to be easter egg * Toggle lights via header * Minor fixes * Fix lint errors
1.2 KiB
1.2 KiB
Agent Guidelines for This Repository
Scope
- These instructions apply to the entire repository.
Theme Styling Policy
- Centralize all theme-related CSS (e.g.,
.light,.dark,.midnight,.bladerunner, and future themes) insrc/index.cssonly. - Do NOT place theme-specific rules in component-scoped stylesheets (e.g., files under
src/shell/components/*.css). Component CSS must remain theme-agnostic. - If a component needs theme-dependent styling, add/adjust the selectors in
src/index.cssthat target the component’s markup (e.g.,.app-root.<theme> .component-selector { ... }). - Prefer grouping theme rules together by theme block in
src/index.cssfor readability and consistency.
Layout Rules
- Global layout modifiers that affect multiple views (e.g., centered vs. stretched layout) should also live in
src/index.css.
Examples
- Good:
src/index.css—.bladerunner .top-links button { color: #ff7fb0 } - Avoid:
src/shell/components/TopLinks.css—.bladerunner .top-links button { ... }
Testing
- After changing theme styles, verify all themes (Light/Dark/Midnight/Bladerunner) render legibly and that component CSS contains no theme-specific selectors.