lashman/tutorialvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

remove controls container, bump surface contrast

Browse Source
This commit is contained in:
lashman
2026-02-19 16:54:12 +02:00
parent e0faae61e8
commit ac07f69ace
2 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/main.css
View File

@@ -12,13 +12,13 @@
--textMuted:rgba(160,174,204,.72);
--textDim:rgba(158,174,208,.68);
/* Surfaces - cool-tinted, subtle fills */
--surface-0:rgba(140,165,220,.02);
--surface:rgba(140,165,220,.03);
--surface-2:rgba(140,165,220,.045);
--surface-3:rgba(140,165,220,.065);
--surface-4:rgba(140,165,220,.085);
--surfaceHover:rgba(140,165,220,.055);
--surfaceActive:rgba(140,165,220,.07);
--surface-0:rgba(140,165,220,.04);
--surface:rgba(140,165,220,.06);
--surface-2:rgba(140,165,220,.09);
--surface-3:rgba(140,165,220,.12);
--surface-4:rgba(140,165,220,.15);
--surfaceHover:rgba(140,165,220,.10);
--surfaceActive:rgba(140,165,220,.13);
/* Shadows - minimal */
--shadow:0 8px 24px rgba(0,0,0,.25);
--shadow2:0 4px 12px rgba(0,0,0,.15);

7
src/styles/player.css
View File

@@ -76,15 +76,12 @@ video::cue{
.controlsStrip{
display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;
padding:5px 6px;
border-radius:var(--r);
border:none;
background:var(--surface);
transition:background .2s ease;
background:transparent;
}
.controlsStrip:hover{background:rgba(140,165,220,.04);}
.controlsStrip::after{display:none;}
.stripDivider{width:1px; height:22px; background:rgba(140,160,210,.06); flex:0 0 auto; transition:background .2s ease, height .2s ease;}
.controlsStrip:hover .stripDivider{background:rgba(140,160,210,.09); height:24px;}
.controlsStrip:hover .stripDivider{height:24px;}
.group{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.controlsStrip .iconBtn{box-shadow:none;}
.controlsStrip .miniCtl{box-shadow:none;}