github-starred/actual
2
0
Fork 0
mirror of https://github.com/actualbudget/actual.git synced 2026-05-07 20:38:54 -05:00
Code Issues 1.6k Packages Projects Releases 55 Wiki Activity

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

New Issue
Closed
opened 2026-05-07 02:13:48 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-05-07 02:13:48 -05:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6496
Author: @3upworks
Created: 12/27/2025
Status: ❌ Closed

Base: master ← Head: redesign

📝 Commits (2)

  • a6181d2 UI Refresh: Accent Colors & Visual Refinements
  • 533d7d7 fix: blue color scale duplicate 800/900 values

📊 Changes

20 files changed (+1061 additions, -205 deletions)

View changed files

📝 demo.png (+0 -0)
📝 packages/component-library/src/Button.tsx (+3 -1)
📝 packages/component-library/src/Card.tsx (+3 -3)
📝 packages/component-library/src/Input.tsx (+6 -2)
📝 packages/component-library/src/styles.ts (+7 -2)
📝 packages/desktop-client/src/components/common/Modal.tsx (+4 -3)
📝 packages/desktop-client/src/components/settings/Themes.tsx (+56 -0)
📝 packages/desktop-client/src/components/sidebar/Account.tsx (+15 -7)
📝 packages/desktop-client/src/components/sidebar/BudgetName.tsx (+21 -10)
📝 packages/desktop-client/src/components/sidebar/Item.tsx (+31 -9)
📝 packages/desktop-client/src/components/table.tsx (+1 -0)
📝 packages/desktop-client/src/fonts.scss (+76 -0)
➕ packages/desktop-client/src/style/accentColors.ts (+315 -0)
📝 packages/desktop-client/src/style/index.ts (+2 -0)
📝 packages/desktop-client/src/style/palette.ts (+34 -0)
📝 packages/desktop-client/src/style/theme.tsx (+42 -4)
📝 packages/desktop-client/src/style/themes/dark.ts (+183 -163)
➕ packages/desktop-client/src/style/themes/nordic.ts (+242 -0)
📝 packages/loot-core/src/server/preferences/app.ts (+16 -0)
📝 packages/loot-core/src/types/prefs.ts (+4 -1)

📄 Description

🎨 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.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/6496 **Author:** [@3upworks](https://github.com/3upworks) **Created:** 12/27/2025 **Status:** ❌ Closed **Base:** `master` ← **Head:** `redesign` --- ### 📝 Commits (2) - [`a6181d2`](https://github.com/actualbudget/actual/commit/a6181d2154b3f200ddcfa78a6a3dbd6ce5368fa8) UI Refresh: Accent Colors & Visual Refinements - [`533d7d7`](https://github.com/actualbudget/actual/commit/533d7d78d29302530287fe7815b6f34e9426fe40) fix: blue color scale duplicate 800/900 values ### 📊 Changes **20 files changed** (+1061 additions, -205 deletions) <details> <summary>View changed files</summary> 📝 `demo.png` (+0 -0) 📝 `packages/component-library/src/Button.tsx` (+3 -1) 📝 `packages/component-library/src/Card.tsx` (+3 -3) 📝 `packages/component-library/src/Input.tsx` (+6 -2) 📝 `packages/component-library/src/styles.ts` (+7 -2) 📝 `packages/desktop-client/src/components/common/Modal.tsx` (+4 -3) 📝 `packages/desktop-client/src/components/settings/Themes.tsx` (+56 -0) 📝 `packages/desktop-client/src/components/sidebar/Account.tsx` (+15 -7) 📝 `packages/desktop-client/src/components/sidebar/BudgetName.tsx` (+21 -10) 📝 `packages/desktop-client/src/components/sidebar/Item.tsx` (+31 -9) 📝 `packages/desktop-client/src/components/table.tsx` (+1 -0) 📝 `packages/desktop-client/src/fonts.scss` (+76 -0) ➕ `packages/desktop-client/src/style/accentColors.ts` (+315 -0) 📝 `packages/desktop-client/src/style/index.ts` (+2 -0) 📝 `packages/desktop-client/src/style/palette.ts` (+34 -0) 📝 `packages/desktop-client/src/style/theme.tsx` (+42 -4) 📝 `packages/desktop-client/src/style/themes/dark.ts` (+183 -163) ➕ `packages/desktop-client/src/style/themes/nordic.ts` (+242 -0) 📝 `packages/loot-core/src/server/preferences/app.ts` (+16 -0) 📝 `packages/loot-core/src/types/prefs.ts` (+4 -1) </details> ### 📄 Description 🎨 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 --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-07 02:13:49 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
AI generated
API
bank sync
budgeting
bug
can’t replicate
dependencies
docker
documentation
electron
experimental feature
feature
feedback
goal templates
good first issue
help wanted
importers
maintenance
needs info
needs testing
needs triage
needs votes
openid
payees
pull-request
Mirrored from GitHub Pull Request
 regression
reports
responsive
rules
schedules
server
✨ merged
split transactions
tech debt
theme
transaction import
transaction reconciliation
transactions
translations
upstream
user interface
✅ approved
wontfix
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#60219
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?