zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(skin): standardize backdrop-filter and fix minimal root sizing (#895)

Browse Source 
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sam Potts
2026-03-12 07:49:10 +11:00
committed by GitHub
co-authored by Claude Opus 4.6
parent 6fcb8eb989
commit 464d5e5fa2
11 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skins/src/default/css/audio.css
+1 -1
View File
@@ -22,7 +22,7 @@
--media-surface-inner-border-color: oklch(1 0 0 / 0.1);
--media-surface-outer-border-color: oklch(0 0 0 / 0.05);
--media-surface-shadow-color: oklch(0 0 0 / 0.15);
--media-surface-backdrop-filter: blur(8px) brightness(0.98) saturate(1.2);
--media-surface-backdrop-filter: blur(16px) saturate(1.5);
@media (prefers-color-scheme: dark) {
--media-border-color: oklch(1 0 0 / 0.1);
packages/skins/src/default/css/components/overlay.css
+2 -2
View File
@@ -7,7 +7,7 @@
inset: 0;
border-radius: inherit;
background-image: linear-gradient(to top, oklch(0 0 0 / 0.5), oklch(0 0 0 / 0.3), oklch(0 0 0 / 0));
backdrop-filter: blur(0) saturate(1.2) brightness(0.9);
backdrop-filter: blur(0) saturate(1.5);
opacity: 0;
transition-property: opacity, backdrop-filter;
transition-duration: 300ms;
@@ -28,5 +28,5 @@
}
.media-default-skin .media-error[data-open] ~ .media-overlay {
backdrop-filter: blur(8px) saturate(1.2) brightness(0.9);
backdrop-filter: blur(16px) saturate(1.5);
}
packages/skins/src/default/css/video.css
+1 -1
View File
@@ -26,7 +26,7 @@
--media-surface-inner-border-color: oklch(1 0 0 / 0.05);
--media-surface-outer-border-color: oklch(0 0 0 / 0.1);
--media-surface-shadow-color: oklch(0 0 0 / 0.15);
--media-surface-backdrop-filter: blur(64px) brightness(0.9) saturate(1.5);
--media-surface-backdrop-filter: blur(16px) saturate(1.5);
@media (prefers-color-scheme: dark) {
--media-border-color: oklch(1 0 0 / 0.1);
packages/skins/src/default/tailwind/components/overlay.ts
+2 -2
View File
@@ -7,7 +7,7 @@ export const overlay = cn(
// Default: hidden
'opacity-0',
'bg-linear-to-t from-black/50 via-black/30 to-transparent',
'backdrop-blur-none backdrop-saturate-120 backdrop-brightness-90',
'backdrop-blur-none backdrop-saturate-150',
// Transitions
'transition-[opacity,backdrop-filter] ease-out',
'duration-300 delay-500',
@@ -19,7 +19,7 @@ export const overlay = cn(
'peer-data-open/error:opacity-100',
'peer-data-open/error:duration-150',
'peer-data-open/error:delay-0',
'peer-data-open/error:backdrop-blur',
'peer-data-open/error:backdrop-blur-lg',
// Reduced motion
'motion-reduce:duration-100'
);
packages/skins/src/default/tailwind/video.tailwind.ts
+1 -1
View File
@@ -59,7 +59,7 @@ export const root = (isShadowDOM: boolean) =>
export const surface = cn(
baseSurface,
'bg-white/10',
'backdrop-brightness-90 backdrop-saturate-150 backdrop-blur-3xl',
'backdrop-saturate-150 backdrop-blur-lg',
// Border and shadow
'ring-white/5 shadow-black/10',
// Border to enhance contrast on lighter videos