🎨

src/client/components/form/form.scss

@@ -4,7 +4,7 @@
 
 	&._formClickable {
 		&:hover {
-			background: var(--panelHighlight);
+			//background: var(--panelHighlight);
 		}
 	}
 }

src/client/themes/_dark.json5

@@ -14,6 +14,7 @@
 		accentLighten: ':lighten<10<@accent',
 		focus: ':alpha<0.3<@accent',
 		bg: '#000',
+		acrylicBg: ':alpha<0.5<@bg',
 		fg: '#c7d1d8',
 		fgHighlighted: ':lighten<3<@fg',
 		divider: 'rgba(255, 255, 255, 0.1)',

src/client/themes/_light.json5

@@ -14,6 +14,7 @@
 		accentLighten: ':lighten<10<@accent',
 		focus: ':alpha<0.3<@accent',
 		bg: '#fff',
+		acrylicBg: ':alpha<0.5<@bg',
 		fg: '#5c6a73',
 		fgHighlighted: ':darken<3<@fg',
 		divider: 'rgba(0, 0, 0, 0.1)',

src/client/ui/deck/column.vue

@@ -318,8 +318,9 @@ export default defineComponent({
 	}
 
 	&.naked {
-		//background: var(--deckAcrylicColumnBg);
-		background: transparent !important;
+		background: var(--acrylicBg) !important;
+		-webkit-backdrop-filter: blur(10px);
+		backdrop-filter: blur(10px);
 
 		> header {
 			background: transparent;