Fix sticky scroll background on peekview

and improve readibility

CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog for Bearded Theme
 
+## 8.3.2 - 2023-07-28
+
+### Enhancements
+
+- Improve readibility or peekview
+
+### Fixes
+
+- Fix sticky scroll background on peekview (Thanks [aiday-mar](https://github.com/BeardedBear/bearded-theme/issues/127))
+
 ## 8.3.1 - 2023-07-26
 
 - Fix drop color on activity bar buttons (Thanks [Loskir](https://github.com/BeardedBear/bearded-theme/issues/125))

package.json

@@ -3,7 +3,7 @@
   "displayName": "Bearded Theme",
   "description": "The theme with a long beard.",
   "publisher": "BeardedBear",
-  "version": "8.3.1",
+  "version": "8.3.2",
   "type": "module",
   "engines": {
     "vscode": "^1.69.0"

src/ui.ts

@@ -211,6 +211,10 @@ export default function ui(
     }`,
     "editorLineNumber.activeForeground": theme.ui.defaultalt,
 
+    "editorStickyScrollHover.background": c(theme.ui.uibackground)
+      .lighten(0.06)
+      .toHex(),
+
     // dropdown
     "dropdown.background": theme.ui.uibackground,
     "dropdown.listBackground": theme.ui.uibackground,
@@ -327,20 +331,32 @@ export default function ui(
     "panelSectionHeader.foreground": theme.ui.default,
     "panelSectionHeader.border": theme.ui.uiborder,
 
-    // pickView
-    "peekView.border": theme.ui.primary,
-    "peekViewEditor.background": `${theme.ui.primaryalt}40`,
+    // Peekview
+    "peekViewEditor.background": c(theme.ui.uibackground).lighten(0.04).toHex(),
+    "peekViewEditorGutter.background": c(theme.ui.uibackground)
+      .lighten(0.04)
+      .toHex(),
     "peekViewEditor.matchHighlightBackground": `${theme.ui.primaryalt}40`,
-    "peekViewResult.background": `${theme.ui.primaryalt}40`,
+    "peekViewResult.background": c(theme.ui.uibackground)
+      .lighten(0.025)
+      .toHex(),
     "peekViewResult.fileForeground": theme.ui.default,
-    "peekViewResult.lineForeground": theme.ui.default,
-    "peekViewResult.matchHighlightBackground": theme.ui.primaryalt,
-    "peekViewResult.selectionBackground": theme.ui.primaryalt,
+    "peekViewResult.lineForeground": theme.ui.defaultMain,
+    "peekViewResult.matchHighlightBackground": c(theme.ui.primary)
+      .alpha(0.5)
+      .toHex(),
+    "peekViewEditor.matchHighlightBorder": transparent,
+    "peekViewResult.selectionBackground": c(theme.ui.primary)
+      .alpha(0.2)
+      .toHex(),
     "peekViewResult.selectionForeground": theme.ui.default,
-    "peekViewTitle.background": theme.ui.uiborder,
+    "peekViewTitle.background": c(theme.ui.uibackground).lighten(0.05).toHex(),
+    "peekView.border": theme.ui.uiborder,
     "peekViewTitleDescription.foreground": theme.ui.default,
     "peekViewTitleLabel.foreground": theme.ui.default,
-    "peekViewEditorGutter.background": `${theme.ui.primaryalt}40`,
+    "peekViewEditorStickyScroll.background": c(theme.ui.uibackground)
+      .lighten(0.04)
+      .toHex(),
     "editorMarkerNavigation.background": theme.ui.uibackgroundalt,
     "editorMarkerNavigationError.background": `${theme.levels.danger}90`,
     "editorMarkerNavigationWarning.background": `${theme.levels.warning}90`,

themes/ui-key-tester.json

@@ -727,7 +727,7 @@
     "inlineChatInput.border": "#ff0000",
     "inlineChatInput.focusBorder": "#ff0000",
     "inlineChatInput.placeholderForeground": "#ff0000",
-    "inlineChatrDiff.removed": "#ff0000"
+    "inlineChatrDiff.removed": "#ff0000",
   },
   "tokenColors": [
     {