Update colors used for zed themes (#9544)

Official colors used is now publically available: https://github.com/zed-industries/zed/blob/main/assets/themes/one/one.json
Modified the theme to more accurately reflect the actual colors being used.

Co-authored-by: e4 <eric.correia@dronesense.com>
pull/9548/head
eh 10 months ago committed by GitHub
parent 0975d9c5e7
commit 1d87c6a999
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -4,22 +4,20 @@
"comment" = { fg = "light-gray", modifiers = ["italic"] } "comment" = { fg = "light-gray", modifiers = ["italic"] }
"constant" = { fg = "yellow" } "constant" = { fg = "yellow" }
"constant.numeric" = { fg = "orange" } "constant.numeric" = { fg = "orange" }
"constant.builtin" = { fg = "orange" } "constant.builtin" = { fg = "yellow" }
"constant.builtin.boolean" = { fg = "yellow" } "constant.builtin.boolean" = { fg = "yellow" }
"constant.character.escape" = { fg = "orange" } "constant.character.escape" = { fg = "yellow" }
"constructor" = { fg = "blue" } "constructor" = { fg = "blue" }
"function" = { fg = "blue" } "function" = { fg = "blue" }
"function.builtin" = { fg = "blue" } "function.builtin" = { fg = "blue" }
"function.macro" = { fg = "purple" } "function.method" = { fg = "blue" }
"function.macro" = { fg = "blue" }
"keyword" = { fg = "purple" } "keyword" = { fg = "purple" }
"keyword.control" = { fg = "purple" }
"keyword.control.import" = { fg = "purple" }
"keyword.directive" = { fg = "purple" }
"label" = { fg = "ui-text" } "label" = { fg = "ui-text" }
"namespace" = { fg = "ui-text" } "namespace" = { fg = "ui-text" }
"operator" = { fg = "ui-text" } "operator" = { fg = "ui-text" }
"keyword.operator" = { fg = "purple" } "puncuation" = { fg = "ui-text" }
"special" = { fg = "blue" } "special" = { fg = "ui-text" }
"string" = { fg = "green" } "string" = { fg = "green" }
"type" = { fg = "cyan" } "type" = { fg = "cyan" }
"variable.builtin" = { fg = "orange" } "variable.builtin" = { fg = "orange" }
@ -28,16 +26,16 @@
"markup.heading" = { fg = "red" } "markup.heading" = { fg = "red" }
"markup.raw.inline" = { fg = "green" } "markup.raw.inline" = { fg = "green" }
"markup.bold" = { fg = "orange", modifiers = ["bold"] } "markup.bold" = { fg = "yellow", modifiers = ["bold"] }
"markup.italic" = { fg = "purple", modifiers = ["italic"] } "markup.italic" = { fg = "purple", modifiers = ["italic"] }
"markup.strikethrough" = { modifiers = ["crossed_out"] } "markup.strikethrough" = { modifiers = ["crossed_out"] }
"markup.list" = { fg = "red" } "markup.list" = { fg = "red" }
"markup.quote" = { fg = "yellow" } "markup.quote" = { fg = "yellow" }
"markup.link.url" = { fg = "cyan", modifiers = ["underlined"]} "markup.link.url" = { fg = "cyan", modifiers = ["underlined"] }
"markup.link.text" = { fg = "purple" } "markup.link.text" = { fg = "purple" }
"diff.plus" = "green" "diff.plus" = "green"
"diff.delta" = "orange" "diff.delta" = "yellow"
"diff.minus" = "red" "diff.minus" = "red"
"diagnostic.info".underline = { color = "blue", style = "curl" } "diagnostic.info".underline = { color = "blue", style = "curl" }
@ -50,19 +48,21 @@
"error" = { fg = "red", modifiers = ["bold"] } "error" = { fg = "red", modifiers = ["bold"] }
"ui.background" = { bg = "ui-text-reversed" } "ui.background" = { bg = "ui-text-reversed" }
"ui.gutter" = { bg = "gray" }
"ui.virtual" = { fg = "faint-gray" } "ui.virtual" = { fg = "faint-gray" }
"ui.virtual.indent-guide" = { fg = "faint-gray" } "ui.virtual.indent-guidje" = { fg = "faint-gray" }
"ui.virtual.whitespace" = { fg = "light-gray" } "ui.virtual.whitespace" = { fg = "light-gray" }
"ui.virtual.ruler" = { bg = "gray" } "ui.virtual.ruler" = { bg = "gray" }
"ui.virtual.inlay-hint" = { fg = "light-gray" } "ui.virtual.inlay-hint" = { fg = "blue-gray", modifiers = ["bold"] }
"ui.cursor" = { fg = "white", modifiers = ["reversed"] } "ui.cursor" = { fg = "white", modifiers = ["reversed"] }
"ui.cursor.primary" = { fg = "white", modifiers = ["reversed"] } "ui.cursor.primary" = { fg = "white", modifiers = ["reversed"] }
"ui.cursor.match" = { fg = "blue", modifiers = ["underlined"]} "ui.cursor.match" = { fg = "blue", modifiers = ["underlined"] }
"ui.cursor.insert" = { fg = "dark-blue" }
"ui.selection" = { bg = "faint-gray" } "ui.selection" = { bg = "faint-gray" }
"ui.selection.primary" = { bg = "gray" } "ui.selection.primary" = { bg = "#293b5bff" }
"ui.cursorline.primary" = { bg = "light-black" } "ui.cursorline.primary" = { bg = "black" }
"ui.highlight" = { bg = "gray" } "ui.highlight" = { bg = "gray" }
"ui.highlight.frameline" = { bg = "#97202a" } "ui.highlight.frameline" = { bg = "#97202a" }
@ -70,14 +70,14 @@
"ui.linenr" = { fg = "linenr" } "ui.linenr" = { fg = "linenr" }
"ui.linenr.selected" = { fg = "ui-text" } "ui.linenr.selected" = { fg = "ui-text" }
"ui.statusline" = { fg = "white", bg = "light-black" } "ui.statusline" = { fg = "white", bg = "gray" }
"ui.statusline.inactive" = { fg = "light-gray", bg = "light-black" } "ui.statusline.inactive" = { fg = "light-gray", bg = "black" }
"ui.statusline.normal" = { fg = "light-black", bg = "blue" } "ui.statusline.normal" = { fg = "black", bg = "blue" }
"ui.statusline.insert" = { fg = "light-black", bg = "green" } "ui.statusline.insert" = { fg = "black", bg = "green" }
"ui.statusline.select" = { fg = "light-black", bg = "purple" } "ui.statusline.select" = { fg = "black", bg = "purple" }
"ui.text" = { fg = "ui-text" } "ui.text" = { fg = "ui-text" }
"ui.text.focus" = { fg = "white", bg = "light-black", modifiers = ["bold"] } "ui.text.focus" = { fg = "white", bg = "black", modifiers = ["bold"] }
"ui.help" = { fg = "white", bg = "gray" } "ui.help" = { fg = "white", bg = "gray" }
"ui.popup" = { bg = "gray" } "ui.popup" = { bg = "gray" }
@ -89,22 +89,21 @@
"ui.debug" = { fg = "red" } "ui.debug" = { fg = "red" }
[palette] [palette]
yellow = "#dfc184ff"
yellow = "#dac18c" orange = "#bf956aff"
blue = "#7ca8dd" blue = "#73ade9ff"
red = "#bd7476" blue-gray = "#5a6f89ff"
purple = "#9d74b9" red = "#d07277ff"
green = "#a0b783" purple = "#b477cfff"
orange = "#b4926e" green = "#a1c181ff"
cyan = "#7eb2be" cyan = "#6eb4bfff"
light-black = "#2e323a" gray = "#2f343ebf"
gray = "#363f4c" light-gray = "#5d636fff"
light-gray = "#5c606b"
faint-gray = "#3B4048" faint-gray = "#3B4048"
linenr = "#4B5263" linenr = "#5d636fff"
white = "#a8adb7" white = "#c8ccd4ff"
black = "#292c33" black = "#282c33ff"
# black and white are used for a lot of the UI text # black and white are used for a lot of the UI text
ui-text = "#a8adb7" #white ui-text = "#c8ccd4ff" #white
ui-text-reversed = "#292c33" #black ui-text-reversed = "#282c33ff" #black

@ -16,9 +16,13 @@ inherits = "zed_onedark"
"ui.cursor" = { fg = "dark-blue", modifiers = ["reversed"] } "ui.cursor" = { fg = "dark-blue", modifiers = ["reversed"] }
"ui.cursor.primary" = { fg = "dark-blue", modifiers = ["reversed"] } "ui.cursor.primary" = { fg = "dark-blue", modifiers = ["reversed"] }
"ui.cursor.insert" = { fg = "dark-blue" }
"ui.selection.primary" = { bg = "blue-gray" }
"ui.cursorline.primary" = { bg = "faint-gray" } "ui.cursorline.primary" = { bg = "faint-gray" }
"ui.virtual.inlay-hint" = { fg = "violet", modifiers = ["bold"] }
"ui.statusline" = { fg = "black", bg = "gray" } "ui.statusline" = { fg = "black", bg = "gray" }
"ui.statusline.inactive" = { fg = "white", bg = "light-black" } "ui.statusline.inactive" = { fg = "white", bg = "light-black" }
"ui.statusline.normal" = { fg = "white", bg = "blue" } "ui.statusline.normal" = { fg = "white", bg = "blue" }
@ -33,23 +37,26 @@ inherits = "zed_onedark"
[palette] [palette]
yellow = "#dac18c" yellow = "#dabb7e"
blue = "#5185b5" red = "#d36151ff"
red = "#bd7476" orange = "#d3604fff"
dark-blue = "#607bdb" blue = "#5b79e3ff"
orange = "#ca7667" dark-blue = "#4a62db"
purple = "#a160ac" purple = "#a449abff"
green = "#739d60" violet = "#9294beff"
gold = "#a8763c" green = "#649f57ff"
cyan = "#4b80b2" gold = "#ad6e25ff"
cyan = "#3882b7ff"
light-black = "#2e323a" light-black = "#2e323a"
gray = "#dcdcdd" # gray = "#dcdcdd"
gray = "#eaeaed"
dark-gray = "#ebebec" dark-gray = "#ebebec"
light-gray = "#a6a6aa" light-gray = "#a2a3a7ff"
blue-gray = "#d9dcea"
faint-gray = "#efefef" faint-gray = "#efefef"
linenr = "#4B5263" linenr = "#b0b1b3"
black = "#404248" black = "#383a41ff"
white = "#fafafa" white = "#fafafaff"
ui-text = "#404248" ui-text = "#383a41ff"
ui-text-reversed = "#fafafa" ui-text-reversed = "#fafafaff"

Loading…
Cancel
Save