UI: Implement Web Assets' theme system, and add 'dark' theme #103972

Merged
Márton Lente merged 23 commits from ui/theme-system into main 2024-09-30 15:03:39 +02:00

23 Commits

Author SHA1 Message Date
a0ad3c0982 Merge branch 'main' into ui/theme-system 2024-09-30 14:57:31 +02:00
766b9d99c7 UI: Remove style event favourited selector specificity
Remove favourited event style selector's attribute specificity to let style
prevail without page reload, when marking an item as favourited.
Part of #103972
2024-09-30 14:53:18 +02:00
42cf6d703a UI: Implement web-assets dev-util js init-theme to prevent flickering
Implement Web Assets utility JavaScript snippet init-theme introduced in
v2.0.0-alpha.42 to initialize the theme system before page load and prevent
flickering.
Part of #103972
2024-09-27 15:25:43 +02:00
2c727af59e Chore: Update web-assets to v2.0.0-alpha.42
See the release notes for details.
Part of #103972
2024-09-27 15:10:10 +02:00
7bac1d5191 UI: Add style horizontal schedule event favourited styles
Add styles to make favourited events colour contrast stronger in horizontal
schedule layout.
Part of #103972
2024-09-26 19:00:51 +02:00
4088f32c86 UI: Improve style schedule event items colour contrast in theme dark
Increase schedule event items' colour contrasts in theme dark, and make
background colours lighter on hover instead of darker to follow existing hover
behaviour better.
Part of #103972
2024-09-26 16:51:43 +02:00
956b2eaae2 UI: Add style override form-control disabled and readonly
Part of #103972
2024-09-26 16:44:37 +02:00
f35c192eea Fix: Event detail location colour contrast issues in theme dark
Part of #103972
2024-09-26 16:31:22 +02:00
b34d3f5357 UI: Make style schedule toggle sockets colours theme agnostic
Part of #103972
2024-09-26 16:22:49 +02:00
9a06ed64ce Fix: Update web-assets to v2.0.0-alpha.41
Fixes theme system JS and theme toggle button issues as reported in the pull
request description. See the PR for details.
Part of #103972
2024-09-26 15:08:52 +02:00
69b230eaa7 Cleanup: Remove redundant style override list-group-item
Remove redundant style override after component nav-pills has been implemented
on main.
Part of #103972
2024-09-26 13:05:30 +02:00
492423e787 Cleanup: Remove redundant comment
Part of #103972
2024-09-26 13:02:21 +02:00
c693b29389 Merge branch 'main' into ui/theme-system 2024-09-26 13:00:15 +02:00
c342615ef8 Chore: Add style partial schedule comment theme-system mixins 2024-09-26 11:13:53 +02:00
d86608d174 Merge branch 'main' into ui/theme-system 2024-09-26 11:09:05 +02:00
eb964dd0ff UI: Add style override list-group-item bg colour
Add list-group-item background-colour  style override for theme system
compatibility.
2024-09-26 11:07:47 +02:00
a55f2d57e1 UI: Add style partial schedule mixins for theme system
Add schedule style mixins to introduce dynamic contrast for dark and light
themes by adjusting location colour luminance values based on active theme.
2024-09-25 17:04:34 +02:00
b8d61e7066 Merge branch 'main' into ui/theme-system 2024-09-24 16:56:28 +02:00
22c47ffaf6 UI: Improve style variable box-bg-color-hover contrast 2024-09-24 16:15:50 +02:00
cfd832b503 UI: Add component event box colour styles for theme system
Make component event box colours work with dark and light themes, by removing
explicit colour settings and adding backdrop-filter rules.
2024-09-24 16:10:00 +02:00
47cfb2bcaa UI: Change colours static to dynamic
Change static colours to dynamic colour variables to enable the theme system
base.
2024-09-24 14:47:12 +02:00
5b902e4822 Fix: Variables colour theme specificity 2024-09-24 14:32:36 +02:00
7dda5bce56 Feat: Init web-assets v2 theme system
Initialize Web Assets v2 theme systems scripts and styles, and set theme
defaults.
2024-09-24 12:55:15 +02:00