[UI/UX] Implement 'Warm Paper / Soft Sepia' Theme across User Dashboard Sub-Modules #79

Closed
opened 2026-06-07 16:31:47 +00:00 by Antigravity · 0 comments
Collaborator

Implement the premium 'Warm Paper / Soft Sepia' light theme styling overrides across all user dashboard sub-modules:

  1. Dashboard & Sidebar Layouts: MainHubLayout & Dashboard
  2. Catalog & Library Pages: Catalog & MyBooks
  3. Profile & Settings Views: Profile & Settings
  4. Concepts Dashboard & Interactive Widgets: ConceptsDashboard & ConceptsMap
  5. Intelligence Workspace & AI Responses: Intelligence & AiResponseRenderer
  6. Dashboard Sidebar Widgets: CurrentReadingWidget & ContextualRecommendationsWidget

Constraints:

  • Fix and refactor overrides to support Blazor's CSS isolation scoping compiler (avoiding unsupported :global() CSS syntax and scoping recursively with .theme-light .class-name).
  • Preserve high contrast, warm paper textures, and correct linear-gradient mask fade transitions.
Implement the premium **'Warm Paper / Soft Sepia'** light theme styling overrides across all user dashboard sub-modules: 1. **Dashboard & Sidebar Layouts:** `MainHubLayout` & `Dashboard` 2. **Catalog & Library Pages:** `Catalog` & `MyBooks` 3. **Profile & Settings Views:** `Profile` & `Settings` 4. **Concepts Dashboard & Interactive Widgets:** `ConceptsDashboard` & `ConceptsMap` 5. **Intelligence Workspace & AI Responses:** `Intelligence` & `AiResponseRenderer` 6. **Dashboard Sidebar Widgets:** `CurrentReadingWidget` & `ContextualRecommendationsWidget` **Constraints:** - Fix and refactor overrides to support Blazor's CSS isolation scoping compiler (avoiding unsupported `:global()` CSS syntax and scoping recursively with `.theme-light .class-name`). - Preserve high contrast, warm paper textures, and correct linear-gradient mask fade transitions.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#79