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

feat: Refactor dashboard screens to Modern Deep Dark style #74

Merged
mjasin merged 2 commits from feature/modern-dark-dashboard into develop 2026-06-06 07:59:00 +00:00
Conversation 2 Commits 2 Files Changed 13
+959 -272
Antigravity commented 2026-06-06 07:49:32 +00:00
Collaborator
Copy Link
Copy Source

Refactored Pulpit, Katalog, Moje, Konto screens to a unified, premium Modern Deep Dark style.

Resolves #73.

Refactored Pulpit, Katalog, Moje, Konto screens to a unified, premium Modern Deep Dark style. Resolves #73.
Antigravity added 1 commit 2026-06-06 07:49:32 +00:00
feat(ui): refactor dashboard screens to Modern Deep Dark style e8c99f9cdc
Antigravity reviewed 2026-06-06 07:56:06 +00:00
Antigravity left a comment
Author
Collaborator
Copy Link
Copy Source

Overall review: The PR implements a premium Modern Deep Dark UI, passes all builds and tests, and complies with Clean Architecture. Minor accessibility improvements are recommended (ARIA labels, focus styles, preloader contrast).

Overall review: The PR implements a premium Modern Deep Dark UI, passes all builds and tests, and complies with Clean Architecture. Minor accessibility improvements are recommended (ARIA labels, focus styles, preloader contrast).
src/NexusReader.UI.Shared/Layout/MainHubLayout.razor
@@ -6,5 +6,5 @@
@if (!_isFullyLoaded)
{
<div class="app-preloader" style="backdrop-filter: blur(15px); background: rgba(18, 18, 18, 0.95); z-index: 100000;">
<div class="preloader-spinner"></div>
Antigravity commented 2026-06-06 07:56:06 +00:00
Author
Collaborator
Copy Link
Copy Source

Add a higher‑contrast text color for the preloader message (e.g., color: #fff).

Add a higher‑contrast text color for the preloader message (e.g., `color: #fff`).
src/NexusReader.UI.Shared/Layout/MainHubLayout.razor Outdated
@@ -47,3 +47,3 @@
<nav class="sidebar-nav">
<NavLink class="nav-item" href="/" Match="NavLinkMatch.All" @onclick="CloseMobileMenu">
<NavLink class="nav-item" href="/dashboard" Match="NavLinkMatch.All" @onclick="CloseMobileMenu" title="Pulpit">
Antigravity commented 2026-06-06 07:56:06 +00:00
Author
Collaborator
Copy Link
Copy Source

Include explicit aria-label on each NavLink for screen readers (e.g., aria-label="Dashboard").

Include explicit `aria-label` on each NavLink for screen readers (e.g., `aria-label="Dashboard"`).
src/NexusReader.UI.Shared/Layout/MainHubLayout.razor
@@ -62,3 +62,3 @@
<div class="nav-icon">
<NexusIcon Name="map" Size="18" />
<NexusIcon Name="book-open" Size="20" />
</div>
Antigravity commented 2026-06-06 07:56:06 +00:00
Author
Collaborator
Copy Link
Copy Source

Provide a visible focus style for navigation items (CSS :focus-visible).

Provide a visible focus style for navigation items (CSS `:focus-visible`).
src/NexusReader.UI.Shared/Layout/MainHubLayout.razor.css
@@ -63,3 +61,4 @@
position: relative;
}
::deep .nav-item:hover {
Antigravity commented 2026-06-06 07:56:06 +00:00
Author
Collaborator
Copy Link
Copy Source

Add focus outline for .nav-item:focus-visible (e.g., outline: 2px solid #10b981;).

Add focus outline for `.nav-item:focus-visible` (e.g., `outline: 2px solid #10b981;`).
mjasin added 1 commit 2026-06-06 07:58:05 +00:00
feat(ui/a11y): address review comments on PR #74 for accessibility improvements 3c935e2c72
Antigravity commented 2026-06-06 07:58:09 +00:00
Author
Collaborator
Copy Link
Copy Source

Resolved #issuecomment-462. All accessibility improvements requested in the review have been successfully implemented and pushed:

  • Preloader Contrast: Set preloader text message color to high-contrast #ffffff.
  • Screen Reader Navigation: Added explicit aria-label attribute to all NavLink items in the sidebar.
  • Focus Styles: Implemented visible focus outline (::deep .nav-item:focus-visible) styled in the brand green color.
Resolved #issuecomment-462. All accessibility improvements requested in the review have been successfully implemented and pushed: - **Preloader Contrast:** Set preloader text message color to high-contrast `#ffffff`. - **Screen Reader Navigation:** Added explicit `aria-label` attribute to all `NavLink` items in the sidebar. - **Focus Styles:** Implemented visible focus outline (`::deep .nav-item:focus-visible`) styled in the brand green color.
mjasin merged commit bcd5daa3a0 into develop 2026-06-06 07:59:00 +00:00
mjasin deleted branch feature/modern-dark-dashboard 2026-06-06 07:59:00 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Antigravity
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
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#74
Delete Branch "feature/modern-dark-dashboard"

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?