Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/layout: add dark theme skeleton gradient

Browse source
This commit is contained in:
wukko 2024-07-21 17:06:47 +06:00
parent 238cd22c8d
commit 88fa780f6d
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
web/src/routes/+layout.svelte
View file

@ -107,6 +107,7 @@
--switcher-padding: var(--sidebar-inner-padding); --switcher-padding: var(--sidebar-inner-padding);
/* used for fading the tab bar on scroll */
--sidebar-mobile-gradient: linear-gradient( --sidebar-mobile-gradient: linear-gradient(
90deg, 90deg,
rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 0%,
@ -165,6 +166,13 @@
rgba(16, 16, 16, 0) 96%, rgba(16, 16, 16, 0) 96%,
rgba(16, 16, 16, 0.9) 100% rgba(16, 16, 16, 0.9) 100%
); );
--skeleton-gradient: linear-gradient(
90deg,
var(--button),
var(--button-hover),
var(--button)
);
} }
:global([data-theme="light"] [data-reduce-transparency="true"]) { :global([data-theme="light"] [data-reduce-transparency="true"]) {