From 6562da51e06f0df970a50b2a555b960933203f06 Mon Sep 17 00:00:00 2001 From: Hakadao Date: Thu, 14 Mar 2024 00:16:13 -0300 Subject: [PATCH 1/4] fix: correct frosted glass disablement not working in several cases and adjust opacity --- src/contentScripts/views/App.vue | 2 ++ src/styles/variables.scss | 49 +++++++++++++++----------------- 2 files changed, 25 insertions(+), 26 deletions(-) diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue index 394bb48c..061cbdec 100644 --- a/src/contentScripts/views/App.vue +++ b/src/contentScripts/views/App.vue @@ -269,6 +269,8 @@ function handleDisableFrostedGlass() { bewlyElement.classList.add('disable-frosted-glass') document.documentElement.classList.add('disable-frosted-glass') + + settings.value.reduceFrostedGlassBlur = false } else { if (bewlyElement) diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 962d8a55..425d6ad3 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -63,16 +63,16 @@ --bew-success-color-80: rgba(110 231 183 / 0.8); --bew-success-color-90: rgba(110 231 183 / 0.9); - --bew-warning-color: rgb(217 178 22); - --bew-warning-color-10: rgba(217 178 22 / 0.1); - --bew-warning-color-20: rgba(217 178 22 / 0.2); - --bew-warning-color-30: rgba(217 178 22 / 0.3); - --bew-warning-color-40: rgba(217 178 22 / 0.4); - --bew-warning-color-50: rgba(217 178 22 / 0.5); - --bew-warning-color-60: rgba(217 178 22 / 0.6); - --bew-warning-color-70: rgba(217 178 22 / 0.7); - --bew-warning-color-80: rgba(217 178 22 / 0.8); - --bew-warning-color-90: rgba(217 178 22 / 0.9); + --bew-warning-color: rgb(243 199 27); + --bew-warning-color-10: rgba(243 199 27 / 0.1); + --bew-warning-color-20: rgba(243 199 27 / 0.2); + --bew-warning-color-30: rgba(243 199 27 / 0.3); + --bew-warning-color-40: rgba(243 199 27 / 0.4); + --bew-warning-color-50: rgba(243 199 27 / 0.5); + --bew-warning-color-60: rgba(243 199 27 / 0.6); + --bew-warning-color-70: rgba(243 199 27 / 0.7); + --bew-warning-color-80: rgba(243 199 27 / 0.8); + --bew-warning-color-90: rgba(243 199 27 / 0.9); --bew-error-color: rgb(219 65 108); --bew-error-color-10: rgba(219 65 108 / 0.1); @@ -102,7 +102,6 @@ 220 14% 96% / var(--bew-homepage-bg-mask-opacity) ); - // Decrease the opacity in light mode to ensure the text can be seen clearly --bew-content-opacity: 0.8; // #region content colors, used to buttons, cards, popover and so on @@ -138,19 +137,6 @@ --bew-page-max-width: 2280px; } -:host(.disable-frosted-glass), -:root.disable-frosted-glass { - --bew-content-opacity: 1; - --bew-filter-glass-1: none; - --bew-filter-glass-2: none; -} - -:host(.reduce-frosted-glass-blur), -:root.reduce-frosted-glass-blur { - --bew-filter-glass-1: blur(10px) saturate(180%); - --bew-filter-glass-2: blur(20px) saturate(180%); -} - :host(.dark), :root.dark { // dark mode @@ -183,8 +169,6 @@ --bew-homepage-bg: hsl(230 12% 6%); --bew-homepage-bg-mask: hsl(230 12% 6% / var(--bew-homepage-bg-mask-opacity)); - --bew-content-opacity: 0.6; - --bew-content-1: hsl(230 12% 12% / var(--bew-content-opacity)); --bew-content-1-hover: hsl(230 12% 28% / var(--bew-content-opacity)); --bew-content-2: hsl(230 12% 20% / var(--bew-content-opacity)); @@ -213,6 +197,19 @@ --bew-border-color: rgb(131 131 145 / 26%); } +:host(.disable-frosted-glass), +:root.disable-frosted-glass { + --bew-content-opacity: 1; + --bew-filter-glass-1: none; + --bew-filter-glass-2: none; +} + +:host(.reduce-frosted-glass-blur), +:root.reduce-frosted-glass-blur { + --bew-filter-glass-1: blur(10px) saturate(180%); + --bew-filter-glass-2: blur(20px) saturate(180%); +} + :root.bewly-design { --brand_pink: var(--bew-theme-color); --brand_pink_thin: var(--bew-theme-color-20); From cac5c987b9c821c7894da73144e60d9f5054c7b2 Mon Sep 17 00:00:00 2001 From: Hakadao Date: Thu, 14 Mar 2024 00:46:05 -0300 Subject: [PATCH 2/4] style(Dock): adjust dock styles --- src/components/Dock/Dock.vue | 27 ++++++++++++++------------- 1 file changed, 14 insertions(+), 13 deletions(-) diff --git a/src/components/Dock/Dock.vue b/src/components/Dock/Dock.vue index e64a34a7..1af16cc9 100644 --- a/src/components/Dock/Dock.vue +++ b/src/components/Dock/Dock.vue @@ -190,7 +190,7 @@ function toggleDockHide(hide: boolean) {