Skip to content

Modern theme#131

Draft
danielchalmers wants to merge 5 commits into
masterfrom
modern-theme
Draft

Modern theme#131
danielchalmers wants to merge 5 commits into
masterfrom
modern-theme

Conversation

@danielchalmers
Copy link
Copy Markdown
Owner

@danielchalmers danielchalmers commented May 17, 2026

Before

image image

After

tbd

**`Themes/ModernTheme.xaml`** *(new file, merged via App.xaml)*
- **ContextMenu** — white background, subtle `#D8DEE9` border, system drop shadow, `Segoe UI 13`
- **MenuItem** — full `ControlTemplate`: rounded hover tiles (`#EFF6FF`), blue text on hover (`#1D4ED8`), SVG checkmark for checkable items (stay on top), graceful disabled state (`#94A3B8`)
- **Separator** — slim 1 px `#E8ECF0` line with breathing room

**SettingsWindow.xaml** — full style overhaul:
- **Sidebar** — deep navy `#111B2E` with a dark border; app title in crisp `#E2E8F0`, version in muted `#4B6080`
- **Sidebar nav buttons** — transparent base, rounded 8 px hover tile `#1E2D45`, custom `ControlTemplate` so system colours don't bleed through
- **Sidebar tool buttons** — subtle navy `#192540` fill, hover lightens, disabled dims cleanly
- **Content area** — `#F2F5F9` background so white cards visually float
- **CardGroupBox** — proper card with 10 px rounded corners, `#F7F9FC` header strip separated by a 1 px rule, body padding 16 px
- **TextBox** — 6 px corners, blue focus ring (`#3B82F6`), light blue focus background
- **Button** — 6 px corners, hover/press states, disabled dimming
- **Typography** — labels `#1E293B`, descriptions `#64748B`, slider values `#64748B`, hyperlinks `#2563EB`
- **Spacing** — content padding increased to 20 px all sides, bottom padding added so last card isn't clipped

**MainWindow.xaml / App.xaml** — `UseLayoutRounding="True"` and `FontFamily="Segoe UI"` wired in; `ModernTheme.xaml` merged at application level so the context menu picks it up globally.
\
> I like it but let's go in a direction that fits closer to the modern Windows 11 fluent design for 2026 since this is a Windows app
@github-actions github-actions Bot added the enhancement New feature or request label May 17, 2026
@danielchalmers
Copy link
Copy Markdown
Owner Author

0b5920c

image image

@danielchalmers
Copy link
Copy Markdown
Owner Author

d483c30

image image

This reverts commit 0b5920c.
> refine our theme visuals including the settings window and context menus. create a clean coherent modern design that fits with Windows 11 fluent design visuals. Do not overextend and apply overly-heavy styles or regress support for older versions of Windows.
@danielchalmers
Copy link
Copy Markdown
Owner Author

ce7a0d5

image image

@danielchalmers danielchalmers marked this pull request as draft May 18, 2026 01:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant