From beeb8de6da328dfcb26d4876bcd37989c090d919 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 20 Dec 2020 17:19:18 +0900
Subject: [PATCH] :art:
---
src/client/components/form/form.scss | 2 +-
src/client/themes/_dark.json5 | 1 +
src/client/themes/_light.json5 | 1 +
src/client/ui/deck/column.vue | 5 +++--
4 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/src/client/components/form/form.scss b/src/client/components/form/form.scss
index b6747bf738..c7f4373544 100644
--- a/src/client/components/form/form.scss
+++ b/src/client/components/form/form.scss
@@ -4,7 +4,7 @@
&._formClickable {
&:hover {
- background: var(--panelHighlight);
+ //background: var(--panelHighlight);
}
}
}
diff --git a/src/client/themes/_dark.json5 b/src/client/themes/_dark.json5
index cdeeb12e76..889436f03b 100644
--- a/src/client/themes/_dark.json5
+++ b/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)',
diff --git a/src/client/themes/_light.json5 b/src/client/themes/_light.json5
index e4d18d6cec..2f059f0094 100644
--- a/src/client/themes/_light.json5
+++ b/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)',
diff --git a/src/client/ui/deck/column.vue b/src/client/ui/deck/column.vue
index d6432cf314..b1b38199b6 100644
--- a/src/client/ui/deck/column.vue
+++ b/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;