Refine header gradient and sidebar alignment

This commit is contained in:
thePR0M3TH3AN committed 2025-10-19 00:18:13 -04:00
1 parent 6d66b1905c
commit bf107e2afc
3 files changed
+20 -11

No files matched your search

+14 -4
View File
@@ -17,13 +17,22 @@
--surface-overlay-strong: var(--color-overlay-strong);
--surface-overlay-darker: var(--color-overlay-darker);
--surface-overlay-black: var(--color-overlay-black);
--surface-overlay-banner: var(--surface-overlay-banner-bottom);
--surface-overlay-banner-bottom: var(--color-overlay-banner-bottom);
--surface-overlay-banner-transparent: var(--color-overlay-banner-transparent);
--surface-overlay-banner: var(--surface-base);
--surface-overlay-banner-bottom: color-mix(
in srgb,
var(--surface-overlay-banner) 96%,
transparent
);
--surface-overlay-banner-mid: color-mix(
in srgb,
var(--surface-overlay-banner) 72%,
transparent
);
--surface-overlay-banner-transparent: transparent;
--surface-overlay-banner-gradient: linear-gradient(
to bottom,
var(--surface-overlay-banner-bottom) 0%,
var(--surface-overlay-banner-transparent) 60%,
var(--surface-overlay-banner-mid) 55%,
var(--surface-overlay-banner-transparent) 100%
);
--surface-overlay-panel: var(--color-overlay-panel);
@@ -38,6 +47,7 @@
--blur-thumbnail-blur: 18px;
--modal-nav-backdrop-blur: 6px;
--app-header-centerline-offset: calc(var(--space-sm) + (var(--space-2xl-plus) / 2));
--border-default: var(--color-border);
--border-subtle: var(--color-border-subtle);
--border-strong: var(--color-border-translucent-stronger);