mirror of
https://github.com/unraid/api.git
synced 2025-12-31 21:49:57 -06:00
36c104915e
- Removed translation function calls from the UI components for reboot
type text, replacing them with direct references to the computed
properties.
- Enhanced ineligible update messages by integrating localization for
various conditions, ensuring clearer user feedback regarding update
eligibility.
- Added new localization strings for ineligible update scenarios in the
English locale file.
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
* **New Features**
* Added new localization keys for OS update eligibility, reboot labels,
changelog link, and expanded uptime/trial expiry messages.
* **Bug Fixes**
* Restored translated strings and added locale-aware release date
formatting for update/ineligible messaging and badges.
* **Theme & UI**
* Streamlined theme initialization and server-driven theme application;
removed legacy CSS-variable persistence and adjusted dark/banner
behavior.
* **Tests**
* Added i18n and date/locale formatting tests and improved
local-storage-like test mocks.
* **Chores**
* Removed an auto-registered global component and strengthened
script/theme initialization and CSS-variable validation.
<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
48 lines
1.0 KiB
CSS
48 lines
1.0 KiB
CSS
/**
|
|
* Tailwind v4 Theme Variants
|
|
* Defines theme-specific CSS variables that can be switched via classes
|
|
* These are applied dynamically based on the theme selected in GraphQL
|
|
*/
|
|
|
|
/* Default/White Theme */
|
|
.Theme--white {
|
|
--color-border: #383735;
|
|
--color-alpha: #ff8c2f;
|
|
--color-beta: #1c1b1b;
|
|
--color-gamma: #ffffff;
|
|
--color-gamma-opaque: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
/* Black Theme */
|
|
.Theme--black,
|
|
.Theme--black.dark {
|
|
--color-border: #e0e0e0;
|
|
--color-alpha: #ff8c2f;
|
|
--color-beta: #f2f2f2;
|
|
--color-gamma: #1c1b1b;
|
|
--color-gamma-opaque: rgba(28, 27, 27, 0.3);
|
|
}
|
|
|
|
/* Gray Theme */
|
|
.Theme--gray {
|
|
--color-border: #383735;
|
|
--color-alpha: #ff8c2f;
|
|
--color-beta: #383735;
|
|
--color-gamma: #ffffff;
|
|
--color-gamma-opaque: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
/* Azure Theme */
|
|
.Theme--azure {
|
|
--color-border: #5a8bb8;
|
|
--color-alpha: #ff8c2f;
|
|
--color-beta: #e7f2f8;
|
|
--color-gamma: #336699;
|
|
--color-gamma-opaque: rgba(51, 102, 153, 0.3);
|
|
}
|
|
|
|
/* Dark Mode Overrides */
|
|
.dark {
|
|
--color-border: #383735;
|
|
}
|