Tweak scrollbar styling

This commit is contained in:
Max Brunsfeld 2022-10-10 17:54:40 -07:00
parent 7b084199be
commit b229bc69b9
2 changed files with 7 additions and 3 deletions

View file

@ -172,7 +172,7 @@ export default function editor(theme: Theme) {
},
},
scrollbar: {
width: 12,
width: 14,
track: {
border: {
left: true,
@ -181,7 +181,11 @@ export default function editor(theme: Theme) {
},
},
thumb: {
background: borderColor(theme, "secondary"),
background: withOpacity(borderColor(theme, "secondary"), 0.5),
border: {
width: 1,
color: withOpacity(borderColor(theme, 'muted'), 0.5),
}
}
},
compositionMark: {

View file

@ -123,7 +123,7 @@ export function createTheme(
const borderColor = {
primary: sample(ramps.neutral, isLight ? 1.5 : 0),
secondary: sample(ramps.neutral, isLight ? 1.25 : 1),
muted: sample(ramps.neutral, isLight ? 1 : 3),
muted: sample(ramps.neutral, isLight ? 1.25 : 3),
active: sample(ramps.neutral, isLight ? 4 : 3),
onMedia: withOpacity(darkest, 0.1),
ok: sample(ramps.green, 0.3),