From 842518ccb7e76e2c569db72ff79968ca80882bc0 Mon Sep 17 00:00:00 2001 From: eh Date: Thu, 22 Jun 2023 17:48:02 -0400 Subject: [PATCH] Theme: port of Zed's OneDark and OneLight themes (#7250) --- runtime/themes/zed_onedark.toml | 110 +++++++++++++++++++++++++++++++ runtime/themes/zed_onelight.toml | 55 ++++++++++++++++ 2 files changed, 165 insertions(+) create mode 100644 runtime/themes/zed_onedark.toml create mode 100644 runtime/themes/zed_onelight.toml diff --git a/runtime/themes/zed_onedark.toml b/runtime/themes/zed_onedark.toml new file mode 100644 index 000000000..5fda576f3 --- /dev/null +++ b/runtime/themes/zed_onedark.toml @@ -0,0 +1,110 @@ +# Author : Eric Correia + +"attribute" = { fg = "yellow" } +"comment" = { fg = "light-gray", modifiers = ["italic"] } +"constant" = { fg = "yellow" } +"constant.numeric" = { fg = "orange" } +"constant.builtin" = { fg = "orange" } +"constant.builtin.boolean" = { fg = "yellow" } +"constant.character.escape" = { fg = "orange" } +"constructor" = { fg = "blue" } +"function" = { fg = "blue" } +"function.builtin" = { fg = "blue" } +"function.macro" = { fg = "purple" } +"keyword" = { fg = "purple" } +"keyword.control" = { fg = "purple" } +"keyword.control.import" = { fg = "purple" } +"keyword.directive" = { fg = "purple" } +"label" = { fg = "ui-text" } +"namespace" = { fg = "ui-text" } +"operator" = { fg = "ui-text" } +"keyword.operator" = { fg = "purple" } +"special" = { fg = "blue" } +"string" = { fg = "green" } +"type" = { fg = "cyan" } +"variable.builtin" = { fg = "orange" } +"variable.parameter" = { fg = "ui-text" } +"variable.other.member" = { fg = "red" } + +"markup.heading" = { fg = "red" } +"markup.raw.inline" = { fg = "green" } +"markup.bold" = { fg = "orange", modifiers = ["bold"] } +"markup.italic" = { fg = "purple", modifiers = ["italic"] } +"markup.strikethrough" = { modifiers = ["crossed_out"] } +"markup.list" = { fg = "red" } +"markup.quote" = { fg = "yellow" } +"markup.link.url" = { fg = "cyan", modifiers = ["underlined"]} +"markup.link.text" = { fg = "purple" } + +"diff.plus" = "green" +"diff.delta" = "orange" +"diff.minus" = "red" + +"diagnostic.info".underline = { color = "blue", style = "curl" } +"diagnostic.hint".underline = { color = "green", style = "curl" } +"diagnostic.warning".underline = { color = "yellow", style = "curl" } +"diagnostic.error".underline = { color = "red", style = "curl" } +"info" = { fg = "blue", modifiers = ["bold"] } +"hint" = { fg = "green", modifiers = ["bold"] } +"warning" = { fg = "yellow", modifiers = ["bold"] } +"error" = { fg = "red", modifiers = ["bold"] } + +"ui.background" = { bg = "ui-text-reversed" } +"ui.virtual" = { fg = "faint-gray" } +"ui.virtual.indent-guide" = { fg = "faint-gray" } +"ui.virtual.whitespace" = { fg = "light-gray" } +"ui.virtual.ruler" = { bg = "gray" } +"ui.virtual.inlay-hint" = { fg = "light-gray" } + +"ui.cursor" = { fg = "white", modifiers = ["reversed"] } +"ui.cursor.primary" = { fg = "white", modifiers = ["reversed"] } +"ui.cursor.match" = { fg = "blue", modifiers = ["underlined"]} + +"ui.selection" = { bg = "faint-gray" } +"ui.selection.primary" = { bg = "gray" } +"ui.cursorline.primary" = { bg = "light-black" } + +"ui.highlight" = { bg = "gray" } +"ui.highlight.frameline" = { bg = "#97202a" } + +"ui.linenr" = { fg = "linenr" } +"ui.linenr.selected" = { fg = "ui-text" } + +"ui.statusline" = { fg = "white", bg = "light-black" } +"ui.statusline.inactive" = { fg = "light-gray", bg = "light-black" } +"ui.statusline.normal" = { fg = "light-black", bg = "blue" } +"ui.statusline.insert" = { fg = "light-black", bg = "green" } +"ui.statusline.select" = { fg = "light-black", bg = "purple" } + +"ui.text" = { fg = "ui-text" } +"ui.text.focus" = { fg = "white", bg = "light-black", modifiers = ["bold"] } + +"ui.help" = { fg = "white", bg = "gray" } +"ui.popup" = { bg = "gray" } +"ui.window" = { fg = "gray" } +"ui.menu" = { fg = "ui-text", bg = "gray" } +"ui.menu.selected" = { fg = "ui-text-reversed", bg = "blue" } +"ui.menu.scroll" = { fg = "ui-text", bg = "light-gray" } + +"ui.debug" = { fg = "red" } + +[palette] + +yellow = "#dac18c" +blue = "#7ca8dd" +red = "#bd7476" +purple = "#9d74b9" +green = "#a0b783" +orange = "#b4926e" +cyan = "#7eb2be" +light-black = "#2e323a" +gray = "#363f4c" +light-gray = "#5c606b" +faint-gray = "#3B4048" +linenr = "#4B5263" + +white = "#a8adb7" +black = "#292c33" +# black and white are used for a lot of the UI text +ui-text = "#a8adb7" #white +ui-text-reversed = "#292c33" #black diff --git a/runtime/themes/zed_onelight.toml b/runtime/themes/zed_onelight.toml new file mode 100644 index 000000000..2b54cd5be --- /dev/null +++ b/runtime/themes/zed_onelight.toml @@ -0,0 +1,55 @@ +# Author : Eric Correia + +inherits = "zed_onedark" + +"attribute" = { fg = "green" } +"constant" = { fg = "green" } +"constant.numeric" = { fg = "gold" } +"constant.builtin" = { fg = "gold" } +"constant.builtin.boolean" = { fg = "green" } +"variable.builtin" = { fg = "gold" } +"variable.other.member" = { fg = "orange" } + +"markup.heading" = { fg = "orange" } +"markup.list" = { fg = "orange" } +"markup.quote" = { fg = "green" } + +"ui.cursor" = { fg = "dark-blue", modifiers = ["reversed"] } +"ui.cursor.primary" = { fg = "dark-blue", modifiers = ["reversed"] } + +"ui.cursorline.primary" = { bg = "faint-gray" } + +"ui.statusline" = { fg = "black", bg = "gray" } +"ui.statusline.inactive" = { fg = "white", bg = "light-black" } +"ui.statusline.normal" = { fg = "white", bg = "blue" } +"ui.statusline.insert" = { fg = "white", bg = "green" } +"ui.statusline.select" = { fg = "white", bg = "purple" } + +"ui.text.focus" = { fg = "ui-text", bg = "gray", modifiers = ["bold"] } + +"ui.help" = { fg = "black", bg = "dark-gray" } +"ui.popup" = { bg = "dark-gray" } +"ui.window" = { fg = "dark-gray" } + +[palette] + +yellow = "#dac18c" +blue = "#5185b5" +red = "#bd7476" +dark-blue = "#607bdb" +orange = "#ca7667" +purple = "#a160ac" +green = "#739d60" +gold = "#a8763c" +cyan = "#4b80b2" +light-black = "#2e323a" +gray = "#dcdcdd" +dark-gray = "#ebebec" +light-gray = "#a6a6aa" +faint-gray = "#efefef" +linenr = "#4B5263" + +black = "#404248" +white = "#fafafa" +ui-text = "#404248" +ui-text-reversed = "#fafafa"