Skip to content

fix: UI uniformity audit — toggles, hovers, colors, tokens#538

Merged
laurentiu021 merged 1 commit into
mainfrom
fix/ui-uniformity-audit
May 26, 2026
Merged

fix: UI uniformity audit — toggles, hovers, colors, tokens#538
laurentiu021 merged 1 commit into
mainfrom
fix/ui-uniformity-audit

Conversation

@laurentiu021

@laurentiu021 laurentiu021 commented May 26, 2026

Copy link
Copy Markdown
Owner

Summary

Full UI consistency pass based on design audit:

  • 15 CheckBoxes → ToggleSwitch (Performance 5, Logs 5, Ping, ProcessManager, DeepCleanup)
  • Hover fixed to #186366F1 on LogsView, DiskAnalyzer, NetworkRepair (3 cards), DuplicateFile
  • Dashboard green (#238636) replaced with PrimaryButton + Accent borders
  • PingView target cards: green tint → purple tint
  • ~30 hardcoded hex → StaticResource (Danger, Success, Warning, Info, Accent)

Test plan

  • All ToggleSwitches render correctly (purple on, gray off)
  • Hover on DataGrid rows, ListView items, cards = purple tint everywhere
  • Dashboard Tune-Up button is purple, not green
  • Ping target cards have purple tint, not green
  • No remaining green on interactive elements
  • Build + tests pass

Summary by CodeRabbit

  • Style

    • Updated application-wide color theming with consistent purple accents and themed color resources across Dashboard, Performance, Network, and system management views.
    • Replaced checkbox controls with toggle switches for improved UI consistency.
    • Refined hover states and visual styling for interactive elements.
  • Documentation

    • Updated CHANGELOG with UI consistency and theming improvements.

Review Change Stack

- Replace 15 remaining CheckBoxes with ToggleSwitch (Performance, Logs,
  Ping, ProcessManager, DeepCleanup)
- Fix hover to #186366F1 everywhere (LogsView, DiskAnalyzer,
  NetworkRepair, DuplicateFile)
- Dashboard: green button → PrimaryButton, green borders → Accent
- PingView: green tint → purple tint on target cards
- Replace ~30 hardcoded hex colors with StaticResource tokens
  (Danger, Success, Warning, Info, Accent)
@coderabbitai

coderabbitai Bot commented May 26, 2026

Copy link
Copy Markdown

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: ec083c3b-5c42-4b5b-b61d-7d29fd4faa1b

📥 Commits

Reviewing files that changed from the base of the PR and between 2fa94a7 and 8406ab2.

📒 Files selected for processing (14)
  • CHANGELOG.md
  • SysManager/SysManager/Views/BatteryHealthView.xaml
  • SysManager/SysManager/Views/CleanupView.xaml
  • SysManager/SysManager/Views/DashboardView.xaml
  • SysManager/SysManager/Views/DiskAnalyzerView.xaml
  • SysManager/SysManager/Views/DnsHostsView.xaml
  • SysManager/SysManager/Views/DuplicateFileView.xaml
  • SysManager/SysManager/Views/LogsView.xaml
  • SysManager/SysManager/Views/NetworkRepairView.xaml
  • SysManager/SysManager/Views/PerformanceView.xaml
  • SysManager/SysManager/Views/PingView.xaml
  • SysManager/SysManager/Views/ProcessManagerView.xaml
  • SysManager/SysManager/Views/SpeedTestView.xaml
  • SysManager/SysManager/Views/SystemHealthView.xaml
📜 Recent review details
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Build & unit tests
  • GitHub Check: Analyze (csharp)
🔇 Additional comments (30)
CHANGELOG.md (1)

9-20: LGTM!

SysManager/SysManager/Views/BatteryHealthView.xaml (1)

100-100: LGTM!

SysManager/SysManager/Views/CleanupView.xaml (3)

72-72: LGTM!


102-103: LGTM!


121-122: LGTM!

SysManager/SysManager/Views/DashboardView.xaml (3)

71-80: LGTM!


169-179: LGTM!


182-317: LGTM!

SysManager/SysManager/Views/DnsHostsView.xaml (1)

66-68: LGTM!

SysManager/SysManager/Views/PerformanceView.xaml (10)

75-81: LGTM!


114-117: LGTM!


129-132: LGTM!


142-145: LGTM!


171-174: LGTM!


194-197: LGTM!


200-203: LGTM!


231-232: LGTM!


249-251: LGTM!


252-254: LGTM!

SysManager/SysManager/Views/ProcessManagerView.xaml (2)

42-46: LGTM!


176-180: LGTM!

SysManager/SysManager/Views/SpeedTestView.xaml (2)

48-53: LGTM!


73-78: LGTM!

SysManager/SysManager/Views/SystemHealthView.xaml (1)

253-279: LGTM!

SysManager/SysManager/Views/LogsView.xaml (1)

158-178: LGTM!

SysManager/SysManager/Views/PingView.xaml (1)

112-120: LGTM!

SysManager/SysManager/Views/DiskAnalyzerView.xaml (1)

88-88: LGTM!

SysManager/SysManager/Views/DuplicateFileView.xaml (1)

69-73: LGTM!

SysManager/SysManager/Views/NetworkRepairView.xaml (2)

67-115: LGTM!


135-135: LGTM!


📝 Walkthrough

Walkthrough

This PR systematically standardizes UI theming and controls across the SystemManager application by migrating hardcoded color values to StaticResource theme tokens, replacing CheckBox controls with ToggleButton controls, and consolidating interactive state styling to enforce visual consistency throughout the interface.

Changes

UI Theme and Control Standardization

Layer / File(s) Summary
Changelog documentation
CHANGELOG.md
Documents UI uniformity fixes including checkbox-to-toggle replacements, color tint normalization, Dashboard button restyling, and hardcoded color migrations across multiple views.
Color theme resource migrations
SysManager/SysManager/Views/BatteryHealthView.xaml, CleanupView.xaml, DashboardView.xaml, DnsHostsView.xaml, PerformanceView.xaml, ProcessManagerView.xaml, SpeedTestView.xaml, SystemHealthView.xaml
Replaces hardcoded hex color values with theme-based StaticResource tokens (Danger, Success, Info, Accent, Warning) across status indicators, warning/success messages, metric displays, and button colors.
CheckBox to ToggleButton control migrations
SysManager/SysManager/Views/LogsView.xaml, PerformanceView.xaml, PingView.xaml, ProcessManagerView.xaml
Converts CheckBox controls to ToggleButton controls (styled as ToggleSwitch) across severity filters and performance settings while preserving all existing bindings and layout structure.
Button styling and interactive state updates
SysManager/SysManager/Views/DashboardView.xaml, DiskAnalyzerView.xaml, DuplicateFileView.xaml, NetworkRepairView.xaml, LogsView.xaml
Updates Dashboard Quick Tune-Up button to use shared PrimaryButton style, standardizes hover-state backgrounds to consistent purple tint, adjusts card border brushes, and removes hover styling from DataGrid rows.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

  • laurentiu021/SystemManager#525: Both PRs migrate UI controls and colors to a redesigned theme system with purple accents and StaticResource-based styling, directly continuing the PR #525 UI redesign work.
  • laurentiu021/SystemManager#506: Overlapping XAML view changes in CleanupView.xaml, NetworkRepairView.xaml, PerformanceView.xaml, and SystemHealthView.xaml where both PRs update status banners and indicator styling.
  • laurentiu021/SystemManager#264: Both PRs touch the Dashboard Quick Tune-Up UI in DashboardView.xaml, with this PR restyling the button and progress/result borders while the retrieved PR introduced the Quick Tune-Up wizard feature.

Poem

🎨 Colors once hardcoded, now dance as theme,

Checkboxes transform to toggles supreme,

Purple accents gleam, consistent and bright,

Each view rejoices in UI delight! ✨

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately summarizes the main changes: UI uniformity fixes including toggle replacements, hover color standardization, hardcoded color replacements with tokens, all clearly reflecting the PR's primary objectives.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/ui-uniformity-audit

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant