0.8.8

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## [0.8.8]
+- 43d8c20: feat: set settings selected background to transparent; merge titlebarFix and titlebarOpacity
+- e16a651: feat: light mode uses white dimmed color
+- a2aee9d: feat: allow users to register their own effect
+- cc0b025: feat: add notificationCenterHeader and notification
+- 9aecc1a: fix: deprecate `effect.enabled`
+
 ## [0.8.7]
 - de0c5f3: feat: add saturate to filter
 - f306186: feat: reveal effect now applies to more elements; add flip effect

inject/config.json

@@ -41,34 +41,38 @@
     "menu": "var(--fgt-animation-curve) fgtDropdown",
     "dialog": "var(--fgt-animation-curve) fgtZoomIn",
     "dropdown": "var(--fgt-animation-curve) fgtDropdown",
-    "hover": "",
-    "notificationCenter": "var(--fgt-animation-curve) fgtFlyout"
+    "hover": "var(--fgt-animation-curve) fgtDropdown",
+    "notificationCenter": "var(--fgt-animation-curve) fgtFlyout, fgt-flipEffect",
+    "notificationCenterHeader": "fgt-revealEffect",
+    "notification": "",
+    "menuItem": "fgt-revealEffect, fgt-flipEffect",
+    "button": "fgt-revealEffect, fgt-flipEffect",
+    "tab": "fgt-revealEffect, fgt-flipEffect",
+    "listItem": "fgt-revealEffect, fgt-flipEffect",
+    "statusbarItem": "fgt-revealEffect, fgt-flipEffect",
+    "activitybarItem": "fgt-revealEffect, fgt-flipEffect",
+    "commandCenter": "fgt-revealEffect",
+    "titlebarButton": "fgt-flipEffect",
+    "settingsTreeItem": "fgt-revealEffect"
   },
   "effect": {
-    "enabled": {
-      "menuItem": "fgt-revealEffect",
-      "button": "fgt-revealEffect, fgt-flipEffect",
-      "tab": "fgt-revealEffect",
-      "listItem": "fgt-revealEffect",
-      "statusbarItem": "fgt-revealEffect",
-      "activitybarItem": "fgt-revealEffect",
-      "commandCenter": "fgt-revealEffect",
-      "titlebarButton": "fgt-flipEffect"
-    },
     "revealEffect": {
       "lightColor": "var(--fgt-revealEffect-lightColor)",
       "gradientSize": "100%",
       "clickEffect": {
         "size": 40,
-        "speed": 0.8
+        "speed": 0.8,
+        "duration": 300
       },
       "focusBackground": {
         "color": "var(--fgt-revealEffect-lightColor)"
       }
     },
     "flipEffect": {
       "degree": 10,
-      "transition": "var(--fgt-animation-curve)"
+      "transition": "var(--fgt-animation-curve)",
+      "perspective": "60cm",
+      "translateZ": 3
     },
     "disableMenuFocusBackground": true,
     "disableForDisabledItem": false
@@ -82,9 +86,7 @@
     "enabled": false,
     "url": "C:/Windows/Web/Wallpaper/Windows/img0.jpg",
     "filter": "saturate(var(--fgt-saturate)) url(#fgt-mica) var(--fgt-mica-brightness)",
-    "titlebarFix": true,
-    "titlebarOpacity": 0.8,
-    "listBackgroundFix": true,
+    "titlebarFix": 0.8,
     "editorBackgroundFix": true
   },
   "miscellaneous": {

inject/vscode-frosted-glass-theme.css

@@ -8,17 +8,6 @@
   }
 }
 
-/* Always `rgba(0, 0, 0, 0.3)`
-https://github.com/microsoft/vscode/blob/4b78857fd9c934cab979171380573452ffdc612e/src/vs/base/browser/ui/dialog/dialog.css#L20 */
-@keyframes fgtFadeIn {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: rgba(0, 0, 0, 0.3);
-  }
-}
-
 @keyframes fgtDropdown {
   from {
     transform: translateY(-100%);
@@ -115,6 +104,24 @@ https://github.com/microsoft/vscode/blob/4b78857fd9c934cab979171380573452ffdc612
 }
 
 /* Custom Dialog Box */
+[role="application"] {
+  --fgt-dimmed-background: rgba(255, 255, 255, 0.3);
+}
+
+[role="application"].vs-dark,
+[role="application"].hc-black {
+  --fgt-dimmed-background: rgba(0, 0, 0, 0.3);
+}
+
+@keyframes fgtFadeIn {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--fgt-dimmed-background);
+  }
+}
+
 .dimmed {
   animation: 300ms linear 0s 1 forwards fgtFadeIn;
 }