[PR #6496] [WIP] UI Refresh: Accent Colors & Visual Refinements #6565

Closed
opened 2026-02-28 21:30:05 -06:00 by GiteaMirror · 0 comments
Owner

Original Pull Request: https://github.com/actualbudget/actual/pull/6496

State: closed
Merged: No


🎨 Accent Color Customization

  • 8 accent color presets: Purple, Blue, Teal, Green, Orange, Red, Pink, Coral
  • Accent colors dynamically update throughout the UI: buttons, selections, highlights, sidebar
  • Sidebar background subtly tints based on selected accent using CSS color-mix()
  • Persists across sessions via global preferences

🌙 New Theme: Nordic Noir

  • A new dark theme option with cooler tones

💅 Visual Refinements

  • Modernized component styling (buttons, inputs, cards, modals)
  • Improved typography and spacing consistency
  • Refined sidebar appearance with cleaner item styling
  • Updated color palette for better contrast and accessibility
image

Summary by CodeRabbit

  • New Features

    • Accent color customization with multiple palettes and a swatch picker in Settings
    • New "Nordic Noir" dark theme and improved theme controls (auto/manual, dark tracking)
  • Style

    • Enhanced button hover animation (subtle lift) and broader transition smoothing
    • Refined cards, modals, inputs (borders, shadows, radii, disabled opacity)
    • Typography and global font updates for improved spacing and numeric rendering
    • Sidebar and table interaction polish (hover/active transitions, spacing adjustments)

✏️ Tip: You can customize this high-level summary in your review settings.

**Original Pull Request:** https://github.com/actualbudget/actual/pull/6496 **State:** closed **Merged:** No --- 🎨 Accent Color Customization - 8 accent color presets: Purple, Blue, Teal, Green, Orange, Red, Pink, Coral - Accent colors dynamically update throughout the UI: buttons, selections, highlights, sidebar - Sidebar background subtly tints based on selected accent using CSS color-mix() - Persists across sessions via global preferences 🌙 New Theme: Nordic Noir - A new dark theme option with cooler tones 💅 Visual Refinements - Modernized component styling (buttons, inputs, cards, modals) - Improved typography and spacing consistency - Refined sidebar appearance with cleaner item styling - Updated color palette for better contrast and accessibility - <img width="1229" height="665" alt="image" src="https://github.com/user-attachments/assets/bd8d3baf-a789-40c8-8a33-3e94b9d76823" /> <!-- Thank you for submitting a pull request! Make sure to follow the instructions to write release notes for your PR — it should only take a minute or two: https://github.com/actualbudget/docs#writing-good-release-notes. Try running yarn generate:release-notes *before* pushing your PR for an interactive experience. --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Accent color customization with multiple palettes and a swatch picker in Settings * New "Nordic Noir" dark theme and improved theme controls (auto/manual, dark tracking) * **Style** * Enhanced button hover animation (subtle lift) and broader transition smoothing * Refined cards, modals, inputs (borders, shadows, radii, disabled opacity) * Typography and global font updates for improved spacing and numeric rendering * Sidebar and table interaction polish (hover/active transitions, spacing adjustments) <sub>✏️ Tip: You can customize this high-level summary in your review settings.</sub> <!-- end of auto-generated comment: release notes by coderabbit.ai -->
GiteaMirror added the pull-request label 2026-02-28 21:30:05 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#6565