diff --git a/src/shared/themes/ayu-dark/ayu-dark.ts b/src/shared/themes/ayu-dark/ayu-dark.ts
index 7b5a4bc2a..2613ab9c7 100644
--- a/src/shared/themes/ayu-dark/ayu-dark.ts
+++ b/src/shared/themes/ayu-dark/ayu-dark.ts
@@ -6,8 +6,8 @@ export const ayuDark: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(31 36 48 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(31 36 48 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(115, 192, 203, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(115, 192, 203, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(31, 36, 48)',
diff --git a/src/shared/themes/ayu-light/ayu-light.ts b/src/shared/themes/ayu-light/ayu-light.ts
index 701b501f9..f3280589c 100644
--- a/src/shared/themes/ayu-light/ayu-light.ts
+++ b/src/shared/themes/ayu-light/ayu-light.ts
@@ -6,8 +6,8 @@ export const ayuLight: AppThemeConfiguration = {
             'linear-gradient(rgb(253 253 253 / 50%) 0%, rgb(253 253 253 / 80%)), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgba(253, 253, 253, 5%) 0%, var(--theme-colors-background)), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(55, 118, 171, 30%)',
-        'scrollbar-handle-hover-background': 'rgba(55, 118, 171, 60%)',
+        'scrollbar-handle-background': 'rgba(140, 140, 140, 30%)',
+        'scrollbar-handle-hover-background': 'rgba(140, 140, 140, 60%)',
     },
     colors: {
         background: 'rgb(253, 253, 253)',
diff --git a/src/shared/themes/catppuccin-latte/catppuccin-latte.ts b/src/shared/themes/catppuccin-latte/catppuccin-latte.ts
index 1ed89ae21..35b2561a9 100644
--- a/src/shared/themes/catppuccin-latte/catppuccin-latte.ts
+++ b/src/shared/themes/catppuccin-latte/catppuccin-latte.ts
@@ -6,8 +6,8 @@ export const catppuccinLatte: AppThemeConfiguration = {
             'linear-gradient(rgb(239 241 245 / 50%) 0%, rgb(239 241 245 / 80%)), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgba(239, 241, 245, 5%) 0%, var(--theme-colors-background)), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(30, 102, 245, 30%)',
-        'scrollbar-handle-hover-background': 'rgba(30, 102, 245, 60%)',
+        'scrollbar-handle-background': 'rgba(140, 140, 140, 30%)',
+        'scrollbar-handle-hover-background': 'rgba(140, 140, 140, 60%)',
     },
     colors: {
         background: 'rgb(239, 241, 245)',
diff --git a/src/shared/themes/catppuccin-mocha/catppuccin-mocha.ts b/src/shared/themes/catppuccin-mocha/catppuccin-mocha.ts
index f59db1da8..e8d23920f 100644
--- a/src/shared/themes/catppuccin-mocha/catppuccin-mocha.ts
+++ b/src/shared/themes/catppuccin-mocha/catppuccin-mocha.ts
@@ -6,8 +6,8 @@ export const catppuccinMocha: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(24 24 37 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(24 24 37 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(137, 180, 250, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(137, 180, 250, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(24, 24, 37)',
diff --git a/src/shared/themes/dracula/dracula.ts b/src/shared/themes/dracula/dracula.ts
index 18b98db48..8ac46c8d6 100644
--- a/src/shared/themes/dracula/dracula.ts
+++ b/src/shared/themes/dracula/dracula.ts
@@ -6,8 +6,8 @@ export const dracula: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(40 42 54 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(40 42 54 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(189, 147, 249, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(189, 147, 249, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(40, 42, 54)',
diff --git a/src/shared/themes/github-dark/github-dark.ts b/src/shared/themes/github-dark/github-dark.ts
index 5d02c3095..f63aa2afb 100644
--- a/src/shared/themes/github-dark/github-dark.ts
+++ b/src/shared/themes/github-dark/github-dark.ts
@@ -6,8 +6,8 @@ export const githubDark: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(13 17 23 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(13 17 23 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(88, 166, 255, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(88, 166, 255, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(13, 17, 23)',
diff --git a/src/shared/themes/github-light/github-light.ts b/src/shared/themes/github-light/github-light.ts
index da8deb281..bd486e385 100644
--- a/src/shared/themes/github-light/github-light.ts
+++ b/src/shared/themes/github-light/github-light.ts
@@ -6,8 +6,8 @@ export const githubLight: AppThemeConfiguration = {
             'linear-gradient(rgb(255 255 255 / 50%) 0%, rgb(255 255 255 / 80%)), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgba(255, 255, 255, 5%) 0%, var(--theme-colors-background)), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(9, 105, 218, 30%)',
-        'scrollbar-handle-hover-background': 'rgba(9, 105, 218, 60%)',
+        'scrollbar-handle-background': 'rgba(140, 140, 140, 30%)',
+        'scrollbar-handle-hover-background': 'rgba(140, 140, 140, 60%)',
     },
     colors: {
         background: 'rgb(255, 255, 255)',
diff --git a/src/shared/themes/gruvbox-dark/gruvbox-dark.ts b/src/shared/themes/gruvbox-dark/gruvbox-dark.ts
index e341cb7e5..0533bc068 100644
--- a/src/shared/themes/gruvbox-dark/gruvbox-dark.ts
+++ b/src/shared/themes/gruvbox-dark/gruvbox-dark.ts
@@ -6,8 +6,8 @@ export const gruvboxDark: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(40 40 40 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(40 40 40 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(184, 187, 38, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(184, 187, 38, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(40, 40, 40)',
diff --git a/src/shared/themes/gruvbox-light/gruvbox-light.ts b/src/shared/themes/gruvbox-light/gruvbox-light.ts
index f922533cd..c66bb0750 100644
--- a/src/shared/themes/gruvbox-light/gruvbox-light.ts
+++ b/src/shared/themes/gruvbox-light/gruvbox-light.ts
@@ -6,8 +6,8 @@ export const gruvboxLight: AppThemeConfiguration = {
             'linear-gradient(rgb(251 241 199 / 50%) 0%, rgb(251 241 199 / 80%)), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgba(251, 241, 199, 5%) 0%, var(--theme-colors-background)), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(121, 116, 14, 30%)',
-        'scrollbar-handle-hover-background': 'rgba(121, 116, 14, 60%)',
+        'scrollbar-handle-background': 'rgba(140, 140, 140, 30%)',
+        'scrollbar-handle-hover-background': 'rgba(140, 140, 140, 60%)',
     },
     colors: {
         background: 'rgb(251, 241, 199)',
diff --git a/src/shared/themes/material-dark/material-dark.ts b/src/shared/themes/material-dark/material-dark.ts
index 5c7804dae..45e7f5c11 100644
--- a/src/shared/themes/material-dark/material-dark.ts
+++ b/src/shared/themes/material-dark/material-dark.ts
@@ -6,8 +6,8 @@ export const materialDark: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(33 33 33 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(33 33 33 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(33, 150, 243, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(33, 150, 243, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(33, 33, 33)',
diff --git a/src/shared/themes/material-light/material-light.ts b/src/shared/themes/material-light/material-light.ts
index 449c2f3d7..b5302311c 100644
--- a/src/shared/themes/material-light/material-light.ts
+++ b/src/shared/themes/material-light/material-light.ts
@@ -6,8 +6,8 @@ export const materialLight: AppThemeConfiguration = {
             'linear-gradient(rgb(250 250 250 / 50%) 0%, rgb(250 250 250 / 80%)), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgba(250, 250, 250, 5%) 0%, var(--theme-colors-background)), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(33, 150, 243, 30%)',
-        'scrollbar-handle-hover-background': 'rgba(33, 150, 243, 60%)',
+        'scrollbar-handle-background': 'rgba(140, 140, 140, 30%)',
+        'scrollbar-handle-hover-background': 'rgba(140, 140, 140, 60%)',
     },
     colors: {
         background: 'rgb(250, 250, 250)',
diff --git a/src/shared/themes/monokai/monokai.ts b/src/shared/themes/monokai/monokai.ts
index a6be009c5..5ecc079a6 100644
--- a/src/shared/themes/monokai/monokai.ts
+++ b/src/shared/themes/monokai/monokai.ts
@@ -6,8 +6,8 @@ export const monokai: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(39 40 34 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(39 40 34 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(174, 129, 255, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(174, 129, 255, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(39, 40, 34)',
diff --git a/src/shared/themes/night-owl/night-owl.ts b/src/shared/themes/night-owl/night-owl.ts
index 643fa1de0..edd62fac5 100644
--- a/src/shared/themes/night-owl/night-owl.ts
+++ b/src/shared/themes/night-owl/night-owl.ts
@@ -6,8 +6,8 @@ export const nightOwl: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(1 22 39 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(1 22 39 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(130, 170, 255, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(130, 170, 255, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(1, 22, 39)',
diff --git a/src/shared/themes/nord/nord.ts b/src/shared/themes/nord/nord.ts
index a75baef6a..a268f9626 100644
--- a/src/shared/themes/nord/nord.ts
+++ b/src/shared/themes/nord/nord.ts
@@ -6,8 +6,8 @@ export const nord: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(46 52 64 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(46 52 64 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(136, 192, 208, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(136, 192, 208, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(46, 52, 64)',
diff --git a/src/shared/themes/one-dark/one-dark.ts b/src/shared/themes/one-dark/one-dark.ts
index 72233e32f..f1b4286bc 100644
--- a/src/shared/themes/one-dark/one-dark.ts
+++ b/src/shared/themes/one-dark/one-dark.ts
@@ -6,8 +6,8 @@ export const oneDark: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(40 44 52 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(40 44 52 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(97, 175, 239, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(97, 175, 239, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(40, 44, 52)',
diff --git a/src/shared/themes/shades-of-purple/shades-of-purple.ts b/src/shared/themes/shades-of-purple/shades-of-purple.ts
index 74a342bde..77e95562e 100644
--- a/src/shared/themes/shades-of-purple/shades-of-purple.ts
+++ b/src/shared/themes/shades-of-purple/shades-of-purple.ts
@@ -6,8 +6,8 @@ export const shadesOfPurple: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(45 43 85 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(45 43 85 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(167, 129, 255, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(167, 129, 255, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(45, 43, 85)',
diff --git a/src/shared/themes/solarized-dark/solarized-dark.ts b/src/shared/themes/solarized-dark/solarized-dark.ts
index 08f61cd0c..c476ef1b1 100644
--- a/src/shared/themes/solarized-dark/solarized-dark.ts
+++ b/src/shared/themes/solarized-dark/solarized-dark.ts
@@ -6,8 +6,8 @@ export const solarizedDark: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(0 43 54 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(0 43 54 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(38, 139, 210, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(38, 139, 210, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(0, 43, 54)',
diff --git a/src/shared/themes/solarized-light/solarized-light.ts b/src/shared/themes/solarized-light/solarized-light.ts
index 54deef521..20d0cf4c4 100644
--- a/src/shared/themes/solarized-light/solarized-light.ts
+++ b/src/shared/themes/solarized-light/solarized-light.ts
@@ -6,8 +6,8 @@ export const solarizedLight: AppThemeConfiguration = {
             'linear-gradient(rgb(253 246 227 / 50%) 0%, rgb(253 246 227 / 80%)), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgba(253, 246, 227, 5%) 0%, var(--theme-colors-background)), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(38, 139, 210, 30%)',
-        'scrollbar-handle-hover-background': 'rgba(38, 139, 210, 60%)',
+        'scrollbar-handle-background': 'rgba(140, 140, 140, 30%)',
+        'scrollbar-handle-hover-background': 'rgba(140, 140, 140, 60%)',
     },
     colors: {
         background: 'rgb(253, 246, 227)',
diff --git a/src/shared/themes/tokyo-night/tokyo-night.ts b/src/shared/themes/tokyo-night/tokyo-night.ts
index 346feb0fc..3e2a8b1fd 100644
--- a/src/shared/themes/tokyo-night/tokyo-night.ts
+++ b/src/shared/themes/tokyo-night/tokyo-night.ts
@@ -6,8 +6,8 @@ export const tokyoNight: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(26 27 38 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(26 27 38 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(125, 207, 255, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(125, 207, 255, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(26, 27, 38)',
diff --git a/src/shared/themes/vscode-dark-plus/vscode-dark-plus.ts b/src/shared/themes/vscode-dark-plus/vscode-dark-plus.ts
index ae1dcd784..7aeeb6452 100644
--- a/src/shared/themes/vscode-dark-plus/vscode-dark-plus.ts
+++ b/src/shared/themes/vscode-dark-plus/vscode-dark-plus.ts
@@ -6,8 +6,8 @@ export const vscodeDarkPlus: AppThemeConfiguration = {
             'linear-gradient(transparent 0%, rgb(30 30 30 / 85%) 100%), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgb(30 30 30 / 5%) 0%, var(--theme-colors-background) 100%), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(0, 122, 204, 20%)',
-        'scrollbar-handle-hover-background': 'rgba(0, 122, 204, 40%)',
+        'scrollbar-handle-background': 'rgba(160, 160, 160, 20%)',
+        'scrollbar-handle-hover-background': 'rgba(160, 160, 160, 40%)',
     },
     colors: {
         background: 'rgb(30, 30, 30)',
diff --git a/src/shared/themes/vscode-light-plus/vscode-light-plus.ts b/src/shared/themes/vscode-light-plus/vscode-light-plus.ts
index 39a513fd9..4dd362952 100644
--- a/src/shared/themes/vscode-light-plus/vscode-light-plus.ts
+++ b/src/shared/themes/vscode-light-plus/vscode-light-plus.ts
@@ -6,8 +6,8 @@ export const vscodeLightPlus: AppThemeConfiguration = {
             'linear-gradient(rgb(255 255 255 / 50%) 0%, rgb(255 255 255 / 80%)), var(--theme-background-noise)',
         'overlay-subheader':
             'linear-gradient(180deg, rgba(255, 255, 255, 5%) 0%, var(--theme-colors-background)), var(--theme-background-noise)',
-        'scrollbar-handle-background': 'rgba(0, 122, 204, 30%)',
-        'scrollbar-handle-hover-background': 'rgba(0, 122, 204, 60%)',
+        'scrollbar-handle-background': 'rgba(140, 140, 140, 30%)',
+        'scrollbar-handle-hover-background': 'rgba(140, 140, 140, 60%)',
     },
     colors: {
         background: 'rgb(255, 255, 255)',