Refine editor styles

- Update active line backgrounds and line numbers
- Add a higher contrast border between the dock and panes
This commit is contained in:
Nate Butler 2022-10-27 14:59:50 -04:00
parent eaebec88c0
commit 92886236a2
2 changed files with 7 additions and 7 deletions

View file

@ -137,7 +137,7 @@ export default function editor(colorScheme: ColorScheme) {
return { return {
textColor: syntax.primary.color, textColor: syntax.primary.color,
background: background(layer), background: background(layer),
activeLineBackground: background(layer, "on"), activeLineBackground: withOpacity(background(layer, "on"), 0.75),
highlightedLineBackground: background(layer, "on"), highlightedLineBackground: background(layer, "on"),
codeActions: { codeActions: {
indicator: foreground(layer, "variant"), indicator: foreground(layer, "variant"),
@ -162,7 +162,7 @@ export default function editor(colorScheme: ColorScheme) {
errorColor: background(layer, "negative"), errorColor: background(layer, "negative"),
gutterBackground: background(layer), gutterBackground: background(layer),
gutterPaddingFactor: 3.5, gutterPaddingFactor: 3.5,
lineNumber: foreground(layer, "disabled"), lineNumber: withOpacity(foreground(layer), 0.35),
lineNumberActive: foreground(layer), lineNumberActive: foreground(layer),
renameFade: 0.6, renameFade: 0.6,
unnecessaryCodeFade: 0.5, unnecessaryCodeFade: 0.5,
@ -261,17 +261,17 @@ export default function editor(colorScheme: ColorScheme) {
}, },
}, },
scrollbar: { scrollbar: {
width: 12, width: 8,
minHeightFactor: 1.0, minHeightFactor: 1.0,
track: { track: {
border: border(layer, "variant", { left: true }), border: border(layer, "variant", { left: true }),
}, },
thumb: { thumb: {
background: withOpacity(borderColor(layer, "variant"), 0.5), background: withOpacity(background(layer, "inverted"), 0.4),
border: { border: {
width: 1, width: 1,
color: withOpacity(borderColor(layer, 'variant'), 0.5), color: borderColor(layer, 'variant'),
} },
} }
}, },
compositionMark: { compositionMark: {

View file

@ -219,7 +219,7 @@ export default function workspace(colorScheme: ColorScheme) {
initialSizeBottom: 480, initialSizeBottom: 480,
wash_color: withOpacity(background(colorScheme.highest), 0.5), wash_color: withOpacity(background(colorScheme.highest), 0.5),
panel: { panel: {
border: border(colorScheme.highest), border: border(colorScheme.middle),
}, },
maximized: { maximized: {
margin: 32, margin: 32,