meow: blur slightly the column backgrounds, to make cats visible

arachnist · Sep 25, 2023 · 5ca1261 · 5ca1261
1 parent 9dd8177
commit 5ca1261
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss
@@ -153,6 +153,7 @@ $ui-header-height: 55px;
 
   > .scrollable {
     background: $ui-base-color;
+    backdrop-filter: blur(20px);
   }
 }
 

diff --git a/app/javascript/flavours/glitch/styles/variables.scss b/app/javascript/flavours/glitch/styles/variables.scss
@@ -17,7 +17,7 @@ $gold-star: #ca8f04 !default; // Dark Goldenrod
 $red-bookmark: $warning-red;
 
 // Values from the classic Mastodon UI
-$classic-base-color: #282c37; // Midnight Express
+$classic-base-color: rgba(40, 44, 55, 0.95); // Midnight Express + transparency for cats
 $classic-primary-color: #9baec8; // Echo Blue
 $classic-secondary-color: #d9e1e8; // Pattens Blue
 $classic-highlight-color: #6364ff; // Brand purple