Finalize Glossy theme, closes #491 (#525)

* Initial glassy theme progress

* Add fallback to slider thumb box shadow

* Remove redundant `wa-dark` styles and refactor shadows

* Rename to 'Glossy' since it fits the vibe better

Author: lindsaym-fa

docs/docs/experimental/themer.md

@@ -506,7 +506,7 @@ hasOutline: false
       <wa-option data-alpha="remove" value="playful">Playful</wa-option>
       <wa-option data-alpha="remove" value="brutalist">Brutalist</wa-option>
       <wa-option data-alpha="remove" value="tailspin">Tailspin</wa-option>
-      <wa-option data-alpha="remove" value="glassy">Glassy</wa-option>
+      <wa-option data-alpha="remove" value="glossy">Glossy</wa-option>
       <wa-option data-alpha="remove" value="active">Active</wa-option>
       <wa-option value="classic">Classic</wa-option>
     </wa-select>
@@ -886,7 +886,7 @@ hasOutline: false
       case 'active':
         colorPalette = 'rudimentary';
         break;
-      case 'glassy':
+      case 'glossy':
         colorPalette = 'elegant';
         break;
       case 'premium':
@@ -1049,7 +1049,7 @@ hasOutline: false
       case 'brutalist':
       case 'classic':
       case 'awesome':
-      case 'glassy':
+      case 'glossy':
       case 'active':
         assetFolder = themeSelect.value;
         break;
@@ -1259,7 +1259,7 @@ hasOutline: false
       case 'tailspin':
         presetLogoIcons = ['wind', 'feather', 'lemon', 'wind-turbine'];
         break;
-      case 'glassy':
+      case 'glossy':
         presetLogoIcons = ['raindrops', 'citrus-slice', 'lighthouse', 'kiwi-bird'];
         break;
       case 'active':

docs/docs/resources/changelog.md

@@ -17,6 +17,7 @@ During the alpha period, things might break! We take breaking changes very serio
 
 - Added `.wa-callout` utility class
 - Added new themes:
+  - Glossy
   - Premium
 
 ## 3.0.0-alpha.8

docs/docs/themes/glassy.md

@@ -0,0 +1,7 @@
+---
+title: Glossy
+description: Bustling with plenty of luster and shine.
+isPro: true
+tags: pro
+defaultPalette: elegant
+---

docs/docs/themes/glossy.md

@@ -96,7 +96,7 @@ input[type='range'] {
     border-radius: 50%;
     background-color: var(--thumb-color);
     box-shadow:
-      var(--thumb-shadow),
+      var(--thumb-shadow, 0 0 transparent),
       0 0 0 var(--thumb-gap) var(--wa-color-surface-default);
     transition-property: background-color, border-color, box-shadow, color;
     transition-duration: var(--wa-transition-normal);