mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-01-12 05:15:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Update Diff Modified Color (#2526)

Browse source 
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.
This commit is contained in:
Nate Butler 2023-05-24 23:50:37 -04:00 committed by GitHub
parent 3f79b0c7cc
commit 793486b2e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
styles/src/styleTree/editor.ts
View file

@ -3,7 +3,7 @@ import { ColorScheme, Layer, StyleSets } from "../themes/common/colorScheme"
import { background, border, borderColor, foreground, text } from "./components" import { background, border, borderColor, foreground, text } from "./components"
import hoverPopover from "./hoverPopover" import hoverPopover from "./hoverPopover"
import { SyntaxHighlightStyle, buildSyntax } from "../themes/common/syntax" import { buildSyntax } from "../themes/common/syntax"
export default function editor(colorScheme: ColorScheme) { export default function editor(colorScheme: ColorScheme) {
const { isLight } = colorScheme const { isLight } = colorScheme
@ -103,7 +103,7 @@ export default function editor(colorScheme: ColorScheme) {
? colorScheme.ramps.red(0.5).hex() ? colorScheme.ramps.red(0.5).hex()
: colorScheme.ramps.red(0.4).hex(), : colorScheme.ramps.red(0.4).hex(),
modified: isLight modified: isLight
? colorScheme.ramps.yellow(0.3).hex() ? colorScheme.ramps.yellow(0.5).hex()
: colorScheme.ramps.yellow(0.5).hex(), : colorScheme.ramps.yellow(0.5).hex(),
inserted: isLight inserted: isLight
? colorScheme.ramps.green(0.4).hex() ? colorScheme.ramps.green(0.4).hex()
@ -244,12 +244,12 @@ export default function editor(colorScheme: ColorScheme) {
thumb: { thumb: {
background: withOpacity(background(layer, "inverted"), 0.3), background: withOpacity(background(layer, "inverted"), 0.3),
border: { border: {
width: 1, width: 1,
color: borderColor(layer, "variant"), color: borderColor(layer, "variant"),
top: false, top: false,
right: true, right: true,
left: true, left: true,
bottom: false, bottom: false,
} }
}, },
git: { git: {