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
3 changed files with 5 additions and 5 deletions
Showing only changes of commit 47cfb2bcaa - Show all commits

View File

@ -218,18 +218,18 @@ body.is-scrolled
@include media-breakpoint-down(md) @include media-breakpoint-down(md)
padding-top: 0.5 * $spacer padding-top: 0.5 * $spacer
padding-bottom: 0.5 * $spacer padding-bottom: 0.5 * $spacer
border-bottom: var(--border-width) solid rgba(black, .05) border-bottom: var(--border-width) solid var(--border-color)
.row-rulers-lg .row-rulers-lg
@include media-breakpoint-up(lg) @include media-breakpoint-up(lg)
border-top: var(--border-width) solid rgba(black, .05) border-top: var(--border-width) solid var(--border-color)
+padding(3, y) +padding(3, y)
.col-rulers .col-rulers
+padding(3, x) +padding(3, x)
@include media-breakpoint-up(lg) @include media-breakpoint-up(lg)
border-left: var(--border-width) solid rgba(black, .05) border-left: var(--border-width) solid var(--border-color)
.col-time .col-time
@include media-breakpoint-up(lg) @include media-breakpoint-up(lg)

View File

@ -3,7 +3,7 @@
| {% block head_extra %} | {% block head_extra %}
style. style.
:root { :root {
--bg-color-container: hsla(0, 0%, 100%, 0.9); --bg-color-container: var(--box-bg-color);
--bg-stripes-color-1: #5F1BED; --bg-stripes-color-1: #5F1BED;
--bg-stripes-color-2: #84BBDC; --bg-stripes-color-2: #84BBDC;
--bg-stripes-width: 75px; --bg-stripes-width: 75px;

View File

@ -3,7 +3,7 @@
| {% block head_extra %} | {% block head_extra %}
style. style.
:root { :root {
--bg-color-container: hsla(0, 0%, 100%, 0.9); --bg-color-container: var(--box-bg-color);
--bg-color: #5F1BED; --bg-color: #5F1BED;
--bg-dots-color: #EFAA2A; --bg-dots-color: #EFAA2A;
--bg-dots-width: 300px; --bg-dots-width: 300px;