mjasin/Nexus.Reader
1
0
Fork 0
Code Issues 9 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

[UI/UX] Unify Nexus Neon Design System across all dashboard modules and gamify Concepts Map #55

New Issue
Closed
opened 2026-05-26 15:07:00 +00:00 by Antigravity · 0 comments
Antigravity commented 2026-05-26 15:07:00 +00:00
Collaborator
Copy Link
Copy Source

Task: Unify Nexus Reader UI/UX, Eliminate Style Drift, and Resolve Scoped CSS Violations

Context

Execute a rigorous architectural cleanup and visual unification of the NexusReader SaaS platform based on the latest Style & UX Audit. You must eliminate all inline <style> tags from .razor views, resolve accidental brand splitting (Indigo vs. Cyan vs. Neon Green), and enforce strict compliance with global design tokens across all dashboard modules.

Goals

  1. Global Token & Button Stabilization (app.css):
    • Incorporate core design tokens for buttons and glass-panels inside the global app.css to act as the single source of truth.
  2. Interactive Concepts Dashboard Gamification:
    • Implement the interactive skill-tree concepts map UI with high-fidelity popovers, node indicators, and secure TenantId isolation filters.
  3. Scoped CSS Compliance:
    • Migrate local styles to companion .razor.css files, completely removing inline <style> overrides.
  4. Eliminate Brand Splitting:
    • Harmonize conversational flows and page profiles away from custom gradients in favor of cohesive neon emerald green theme accents and clean glass panels.
# Task: Unify Nexus Reader UI/UX, Eliminate Style Drift, and Resolve Scoped CSS Violations ## Context Execute a rigorous architectural cleanup and visual unification of the NexusReader SaaS platform based on the latest Style & UX Audit. You must eliminate all inline `<style>` tags from `.razor` views, resolve accidental brand splitting (Indigo vs. Cyan vs. Neon Green), and enforce strict compliance with global design tokens across all dashboard modules. ## Goals 1. **Global Token & Button Stabilization (`app.css`):** - Incorporate core design tokens for buttons and glass-panels inside the global `app.css` to act as the single source of truth. 2. **Interactive Concepts Dashboard Gamification:** - Implement the interactive skill-tree concepts map UI with high-fidelity popovers, node indicators, and secure `TenantId` isolation filters. 3. **Scoped CSS Compliance:** - Migrate local styles to companion `.razor.css` files, completely removing inline `<style>` overrides. 4. **Eliminate Brand Splitting:** - Harmonize conversational flows and page profiles away from custom gradients in favor of cohesive neon emerald green theme accents and clean glass panels.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Antigravity M.Wojtaszek mjasin (Marek Jaisński)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#55
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?