Added a toggle in Style Settings to make blurred elements use an opaq…

…ue background instead #30
damiankorcz · Jan 30, 2022 · 2abcdea · 2abcdea
1 parent 5ec9443
commit 2abcdea
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/obsidian.css b/obsidian.css
diff --git a/src/scss/Info/styleSettingsConfig.scss b/src/scss/Info/styleSettingsConfig.scss
@@ -6157,6 +6157,12 @@ settings:
         level: 1
         collapsed: true
     -
+        id: pt-remove-blur
+        title: Remove Blurred Background Effect
+        description: Remove the blur background in all elements that use it by making them opaque.
+        default: false
+        type: class-toggle
+    - 
         id: accent-colors-styles
         title: Accent Colors and Styles
         description: Adjust the Accent Color and Styles used throughout the UI.

diff --git a/src/scss/Variables/colorVariables.scss b/src/scss/Variables/colorVariables.scss
@@ -136,6 +136,11 @@
 	--h5-border-color-custom-lt: hsl(0, 0%, 20%);
 	--h6-border-color-custom-lt: hsl(0, 0%, 20%);
 }
+
+.theme-light.pt-remove-blur {
+	--background-secondary-blur: hsl(220, 13%, 95%, 1);
+}
+
 /* #endregion */
 
 /* #region  [Variables] Dark Theme */
@@ -292,4 +297,8 @@
 	--h5-border-color-custom-dt: hsla(0, 0%, 20%, 1);
 	--h6-border-color-custom-dt: hsla(0, 0%, 20%, 1);
 }
+
+.theme-dark.pt-remove-blur {
+	--background-secondary-blur: hsla(0, 0%, 15%, 1);
+}
 /* #endregion */