v1.8.0 - Changed font styling for

loading state in webview.

CHANGELOG.md

@@ -5,11 +5,17 @@ All notable changes to this project are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.8.0] - 2023-11-21
+
+### Changed
+
+- Changed font styling for loading state in webview. I overdid it with gradient and shadows!
+
 ## [1.7.0] - 2023-11-21
 
 ### Changed
 
-- Changed loading animation to use a custom on-brand animation. 🌈
+- Changed loading animation to use a custom on-brand animation.
 - Changed a few styles for loading state.
 
 ## [1.6.0] - 2023-11-18

package.json

@@ -7,7 +7,7 @@
   },
   "description": "View and edit all your snippets in one purty place. Yee-haw!",
   "icon": "img/logo.webp",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "engines": {
     "vscode": "^1.4.0",
     "node": ">=12.0.0"

src/view/styles.css

@@ -115,31 +115,10 @@ body {
 }
 
 .loading p {
-  --color1: hsl(280, 100%, 50%);
-  --color2: hsl(280, 100%, 20%);
-
-  font-size: 1.75rem;
-
-  -webkit-background-clip: text;
-  background-image: repeating-linear-gradient(
-    0deg,
-    var(--color1),
-    var(--color1) 25%,
-    var(--color2) 25%,
-    var(--color2) 50%
-  );
-  background-position: center;
   font-size: 2rem;
-  font-weight: 900;
   font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
-
-  color: transparent;
-  filter: drop-shadow(0 8px 10px white) drop-shadow(8px 0 10px white)
-    drop-shadow(-8px 0 10px white) drop-shadow(0 -8px 10px white)
-    drop-shadow(0 10px 2px pink) drop-shadow(0 -10px 2px pink);
+  font-style: italic;
   text-align: center;
-  margin: 1rem;
-  padding: 2rem;
 }
 
 video {