Joren/qbz
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add fullscreen permissions and lighten immersive UI

Browse Source 
- Add core:window:allow-set-fullscreen permission
- Add core:window:allow-is-fullscreen permission
- Lighten all buttons and tabs by ~20%
- Reduce background darkness from 0.6 to 0.5
- Increase border visibility
This commit is contained in:
vicrodh committed 2026-02-01 07:28:03 -06:00
1 parent e1cd13bd19
commit 9502ca9013
3 files changed
+27 -25
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src-tauri/capabilities/default.json
+2
View File
@@ -22,6 +22,8 @@
"core:window:allow-set-min-size",
"core:window:allow-set-decorations",
"core:window:allow-set-resizable",
"core:window:allow-set-fullscreen",
"core:window:allow-is-fullscreen",
"core:window:allow-inner-size",
"core:window:allow-inner-position",
"core:window:allow-set-position",
src/lib/components/immersive/ImmersiveHeader.svelte
+17 -17
View File
@@ -196,8 +196,8 @@
align-items: center;
gap: 2px;
padding: 4px;
background: rgba(0, 0, 0, 0.6);
border: 1px solid var(--alpha-10, rgba(255, 255, 255, 0.1));
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 10px;
}
@@ -210,19 +210,19 @@
background: none;
border: none;
border-radius: 8px;
color: var(--alpha-50, rgba(255, 255, 255, 0.5));
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
transition: all 150ms ease;
}
.mode-btn:hover {
color: var(--alpha-80, rgba(255, 255, 255, 0.8));
background: var(--alpha-10, rgba(255, 255, 255, 0.1));
color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.12);
}
.mode-btn.active {
color: var(--text-primary, white);
background: var(--alpha-15, rgba(255, 255, 255, 0.15));
background: rgba(255, 255, 255, 0.2);
}
.tabs-placeholder {
@@ -234,8 +234,8 @@
align-items: center;
gap: 4px;
padding: 4px;
background: rgba(0, 0, 0, 0.6);
border: 1px solid var(--alpha-10, rgba(255, 255, 255, 0.1));
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 12px;
}
@@ -247,7 +247,7 @@
background: none;
border: none;
border-radius: 8px;
color: var(--alpha-60, rgba(255, 255, 255, 0.6));
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
font-weight: 500;
cursor: pointer;
@@ -255,13 +255,13 @@
}
.tab:hover {
color: var(--alpha-90, rgba(255, 255, 255, 0.9));
background: var(--alpha-10, rgba(255, 255, 255, 0.1));
color: rgba(255, 255, 255, 0.95);
background: rgba(255, 255, 255, 0.12);
}
.tab.active {
color: var(--text-primary, white);
background: var(--alpha-15, rgba(255, 255, 255, 0.15));
background: rgba(255, 255, 255, 0.2);
}
.header-actions {
@@ -277,8 +277,8 @@
position: relative;
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.6);
border: 1px solid var(--alpha-10, rgba(255, 255, 255, 0.1));
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 20px;
padding: 4px;
overflow: hidden;
@@ -300,13 +300,13 @@
}
.window-trigger:hover {
background: var(--alpha-10, rgba(255, 255, 255, 0.1));
background: rgba(255, 255, 255, 0.12);
}
.window-icon {
width: 18px;
height: 18px;
filter: invert(1) opacity(0.7);
filter: invert(1) opacity(0.85);
transition: filter 150ms ease;
}
@@ -339,7 +339,7 @@
background: none;
border: none;
border-radius: 50%;
color: var(--alpha-70, rgba(255, 255, 255, 0.7));
color: rgba(255, 255, 255, 0.85);
cursor: pointer;
transition: all 150ms ease;
flex-shrink: 0;
src/lib/components/immersive/PlayerControlsCompact.svelte
+8 -8
View File
@@ -278,10 +278,10 @@
}
.player-bar {
background: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
border: 1px solid rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px;
padding: 12px 24px;
min-width: 700px;
@@ -325,7 +325,7 @@
.time-text {
font-size: 11px;
color: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.75);
font-variant-numeric: tabular-nums;
min-width: 36px;
}
@@ -343,14 +343,14 @@
background: none;
border: none;
border-radius: 50%;
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
transition: all 150ms ease;
position: relative;
}
.control-btn:disabled {
opacity: 0.3;
opacity: 0.4;
cursor: default;
}
@@ -359,19 +359,19 @@
}
.control-btn.active {
background: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.25);
color: white;
}
.control-btn.nav {
width: 28px;
height: 28px;
background: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.15);
color: white;
}
.control-btn.nav:not(:disabled):hover {
background: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.25);
}
.control-btn.play-btn {