[PR #4842] [CLOSED] Css vars integration #12673

Closed
opened 2026-04-10 21:36:23 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/4842
Author: @dnlklmn
Created: 4/18/2025
Status: Closed

Base: masterHead: css-vars-integration


📝 Commits (10+)

📊 Changes

63 files changed (+568 additions, -195 deletions)

View changed files

📝 packages/component-library/src/Button.tsx (+27 -14)
📝 packages/component-library/src/Menu.tsx (+15 -5)
📝 packages/component-library/src/Select.tsx (+4 -1)
packages/component-library/src/icons/v2/ArrowButtonSingleLeft1.tsx (+18 -0)
packages/component-library/src/icons/v2/arrow-button-single-left-1.svg (+1 -0)
📝 packages/component-library/src/icons/v2/index.ts (+1 -0)
📝 packages/component-library/src/styles.ts (+4 -4)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/src/components/FinancesApp.tsx (+1 -0)

...and 43 more files

📄 Description


category: Enhancements
authors: [dnlklmn]

Implementing design tokens using CSS variables.


🔄 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/4842 **Author:** [@dnlklmn](https://github.com/dnlklmn) **Created:** 4/18/2025 **Status:** ❌ Closed **Base:** `master` ← **Head:** `css-vars-integration` --- ### 📝 Commits (10+) - [`c13ad80`](https://github.com/actualbudget/actual/commit/c13ad80e59d617901d78dbafaaef53a1385b0fa6) Add stylesheets - [`bd82525`](https://github.com/actualbudget/actual/commit/bd82525e3c2291f3253660a06c1c979befc439f3) Button styles - [`1f39c29`](https://github.com/actualbudget/actual/commit/1f39c2971f640d9362be8326f3c0d665e65a483e) CSS vars theme switch - [`67b1428`](https://github.com/actualbudget/actual/commit/67b14286951695c96f81b64d61c1108d9bb4bdf1) Settings page styles - [`3cf2cac`](https://github.com/actualbudget/actual/commit/3cf2caccbdf915d408138e0e18d87b679afa9a77) Select dropdown styles - [`6cac151`](https://github.com/actualbudget/actual/commit/6cac151efb042b3e76a5cf3895133b7e14c4a813) Checkbox styles - [`aaf9bf9`](https://github.com/actualbudget/actual/commit/aaf9bf94a05b13073fb42d3a1849b73950dca4c6) Sidebar styles - [`8d4c45d`](https://github.com/actualbudget/actual/commit/8d4c45de5ab864cb6cd38882f17b729f2e684e49) Titlebar styles - [`992a54a`](https://github.com/actualbudget/actual/commit/992a54abef877fad2dd9d8811e6c171b51fc9b81) Add bareAlwaysDark button variant - [`40ac1bb`](https://github.com/actualbudget/actual/commit/40ac1bb294a2f80f25f0631f03984385c4c8c041) Budget summary styles ### 📊 Changes **63 files changed** (+568 additions, -195 deletions) <details> <summary>View changed files</summary> 📝 `packages/component-library/src/Button.tsx` (+27 -14) 📝 `packages/component-library/src/Menu.tsx` (+15 -5) 📝 `packages/component-library/src/Select.tsx` (+4 -1) ➕ `packages/component-library/src/icons/v2/ArrowButtonSingleLeft1.tsx` (+18 -0) ➕ `packages/component-library/src/icons/v2/arrow-button-single-left-1.svg` (+1 -0) 📝 `packages/component-library/src/icons/v2/index.ts` (+1 -0) 📝 `packages/component-library/src/styles.ts` (+4 -4) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.test.ts-snapshots/Budget-transfer-funds-to-another-category-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/src/components/FinancesApp.tsx` (+1 -0) _...and 43 more files_ </details> ### 📄 Description --- category: Enhancements authors: [dnlklmn] --- Implementing design tokens using CSS variables. --- <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-04-10 21:36:23 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#12673