From 793486b2e8eb1578ee253c9a3e6c75511e55c020 Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Wed, 24 May 2023 23:50:37 -0400 Subject: [PATCH] Update Diff Modified Color (#2526) For some reason the yellow I used for the modified color in light themes was really light . Release Notes: * Improved the contrast of diff modified color in the editor in light themes. --- styles/src/styleTree/editor.ts | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/styles/src/styleTree/editor.ts b/styles/src/styleTree/editor.ts index deeff855ff..fa0aec2012 100644 --- a/styles/src/styleTree/editor.ts +++ b/styles/src/styleTree/editor.ts @@ -3,7 +3,7 @@ import { ColorScheme, Layer, StyleSets } from "../themes/common/colorScheme" import { background, border, borderColor, foreground, text } from "./components" import hoverPopover from "./hoverPopover" -import { SyntaxHighlightStyle, buildSyntax } from "../themes/common/syntax" +import { buildSyntax } from "../themes/common/syntax" export default function editor(colorScheme: ColorScheme) { const { isLight } = colorScheme @@ -103,7 +103,7 @@ export default function editor(colorScheme: ColorScheme) { ? colorScheme.ramps.red(0.5).hex() : colorScheme.ramps.red(0.4).hex(), modified: isLight - ? colorScheme.ramps.yellow(0.3).hex() + ? colorScheme.ramps.yellow(0.5).hex() : colorScheme.ramps.yellow(0.5).hex(), inserted: isLight ? colorScheme.ramps.green(0.4).hex() @@ -244,12 +244,12 @@ export default function editor(colorScheme: ColorScheme) { thumb: { background: withOpacity(background(layer, "inverted"), 0.3), border: { - width: 1, - color: borderColor(layer, "variant"), - top: false, - right: true, - left: true, - bottom: false, + width: 1, + color: borderColor(layer, "variant"), + top: false, + right: true, + left: true, + bottom: false, } }, git: {