mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
replace themes scrollbar with neutral colors
This commit is contained in:
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
Reference in New Issue
Block a user