Add ayu themes (#3184)

3 files changed, 231 insertions, 0 deletions

diff --git a/runtime/themes/ayu_dark.toml b/runtime/themes/ayu_dark.toml
new file mode 100644
index 00000000..2f5dd6f3
--- /dev/null
+++ b/runtime/themes/ayu_dark.toml
@@ -0,0 +1,77 @@
+# Author: André Sá <enkodr@outlook.com>
+# Based on the AYU theme colors from https://github.com/dempfi/ayu 
+
+# Syntax highlighting
+"type" = { fg = "blue" }
+"type.builtin" = { fg = "blue" }
+"constructor" = { fg = "green" }
+"constant" = { fg = "magenta" }
+"string" = { fg = "green" }
+"string.regexp" = { fg = "orange" }
+"string.special" = { fg = "yellow" }
+"comment" = { fg = "gray", modifiers = ["italic"] }
+"variable" = { fg = "foreground" }
+"variable.parameter" = { fg = "yellow" }
+"label" = { fg = "orange" }
+"punctuation" = { fg = "foreground" }
+"keyword" = { fg = "orange" }
+"keyword.control" = { fg = "yellow" }
+"keyword.directive" = { fg = "yellow" }
+"operator" = { fg = "orange" }
+"function" = { fg = "yellow", modifiers = ["bold"] }
+"tag" = { fg = "blue" }
+"namespace" = { fg = "blue" }
+"markup.heading" = { fg = "orange" }
+"markup.list" = { fg = "yellow" }
+"markup.raw.block" = { bg = "grey", fg = "orange" } 
+"markup.link.url" = { fg = "blue" }
+"markup.link.text" = { fg = "yellow" }
+"markup.link.label" = { fg = "green" }
+"markup.quote" = { fg = "yellow" }
+"diff.plus" = { fg = "green" }
+"diff.minus" = { fg = "red" }
+"diff.delta" = { fg = "green" }
+
+# Interface
+"ui.background"= { bg = "background" }
+"ui.cursor" = { bg = "yellow", fg = "dark_gray" }
+"ui.cursor.match" = { fg = "orange" }
+"ui.linenr" = { fg = "dark_gray" }
+"ui.linenr.selected" = { fg = "orange" }
+"ui.statusline" = { bg = "black" }
+"ui.popup" = { bg = "black" }
+"ui.window" = { fg = "dark_gray" }
+"ui.help" = { bg = "black" }
+"ui.text" = { fg = "foreground" }
+"ui.text.focus" = { bg = "dark_gray", fg = "foreground" }
+"ui.text.info" = { fg = "foreground" }
+"ui.virtual.whitespace" = { fg = "dark_gray" }
+"ui.virtual.ruler" = { bg = "black" }
+"ui.menu" = { bg = "black" }
+"ui.menu.selected" = { bg = "orange", fg = "background" }
+"ui.selection" = { bg = "dark_gray" }
+"warning" = { fg = "yellow" }
+"error" = { fg = "red", modifiers = ["bold"] }
+"info" = { fg = "blue", modifiers = ["bold"] }
+"hint" = { fg = "blue", modifiers = ["bold"] }
+"diagnostic"= { fg = "red", modifiers = ["underlined"] }
+"diagnostic.info"= { fg = "blue", modifiers = ["underlined"] }
+"diagnostic.warning"= { fg = "yellow", modifiers = ["underlined"] }
+"diagnostic.error"= { fg = "red", modifiers = ["underlined"] }
+
+"special" = { fg = "orange" }
+
+[palette]
+background = "#0f1419"
+foreground = "#bfbdb6"
+
+black = "#131721"
+blue = "#59c2ff"
+dark_gray = "#2d3640"
+cyan = "#73b8ff"
+gray = "#5c6773"
+green = "#aad94c"
+magenta = "#d2a6ff"
+orange = "#ff8f40"
+red = "#f07178"
+yellow = "#e6b450"
diff --git a/runtime/themes/ayu_light.toml b/runtime/themes/ayu_light.toml
new file mode 100644
index 00000000..feaff5be
--- /dev/null
+++ b/runtime/themes/ayu_light.toml
@@ -0,0 +1,77 @@
+# Author: André Sá <enkodr@outlook.com>
+# Based on the AYU theme colors from https://github.com/dempfi/ayu 
+
+# Syntax highlighting
+"type" = { fg = "blue" }
+"type.builtin" = { fg = "blue" }
+"constructor" = { fg = "green" }
+"constant" = { fg = "magenta" }
+"string" = { fg = "green" }
+"string.regexp" = { fg = "orange" }
+"string.special" = { fg = "yellow" }
+"comment" = { fg = "gray", modifiers = ["italic"] }
+"variable" = { fg = "foreground" }
+"variable.parameter" = { fg = "yellow" }
+"label" = { fg = "orange" }
+"punctuation" = { fg = "foreground" }
+"keyword" = { fg = "orange" }
+"keyword.control" = { fg = "yellow" }
+"keyword.directive" = { fg = "yellow" }
+"operator" = { fg = "orange" }
+"function" = { fg = "yellow", modifiers = ["bold"] }
+"tag" = { fg = "blue" }
+"namespace" = { fg = "blue" }
+"markup.heading" = { fg = "orange" }
+"markup.list" = { fg = "yellow" }
+"markup.raw.block" = { bg = "grey", fg = "orange" } 
+"markup.link.url" = { fg = "blue" }
+"markup.link.text" = { fg = "yellow" }
+"markup.link.label" = { fg = "green" }
+"markup.quote" = { fg = "yellow" }
+"diff.plus" = { fg = "green" }
+"diff.minus" = { fg = "red" }
+"diff.delta" = { fg = "green" }
+
+# Interface
+"ui.background"= { bg = "background" }
+"ui.cursor" = { bg = "yellow", fg = "dark_gray" }
+"ui.cursor.match" = { fg = "orange" }
+"ui.linenr" = { fg = "dark_gray" }
+"ui.linenr.selected" = { fg = "orange" }
+"ui.statusline" = { bg = "black" }
+"ui.popup" = { bg = "black" }
+"ui.window" = { fg = "dark_gray" }
+"ui.help" = { bg = "black" }
+"ui.text" = { fg = "foreground" }
+"ui.text.focus" = { bg = "dark_gray", fg = "foreground" }
+"ui.text.info" = { fg = "foreground" }
+"ui.virtual.whitespace" = { fg = "dark_gray" }
+"ui.virtual.ruler" = { bg = "black" }
+"ui.menu" = { bg = "black" }
+"ui.menu.selected" = { bg = "orange", fg = "background" }
+"ui.selection" = { bg = "dark_gray" }
+"warning" = { fg = "yellow" }
+"error" = { fg = "red", modifiers = ["bold"] }
+"info" = { fg = "blue", modifiers = ["bold"] }
+"hint" = { fg = "blue", modifiers = ["bold"] }
+"diagnostic"= { fg = "red", modifiers = ["underlined"] }
+"diagnostic.info"= { fg = "blue", modifiers = ["underlined"] }
+"diagnostic.warning"= { fg = "yellow", modifiers = ["underlined"] }
+"diagnostic.error"= { fg = "red", modifiers = ["underlined"] }
+
+"special" = { fg = "orange" }
+
+[palette]
+background = "#fcfcfc"
+foreground = "#5c6166"
+
+black = "#e7eaed"
+blue = "#399ee6"
+cyan = "#478acc"
+dark_gray = "#e7eaed"
+gray = "#787b8099"
+green = "#86b300"
+magenta = "#a37acc"
+orange = "#fa8d3e"
+red = "#f07171"
+yellow = "#ffaa33"
diff --git a/runtime/themes/ayu_mirage.toml b/runtime/themes/ayu_mirage.toml
new file mode 100644
index 00000000..b2567e65
--- /dev/null
+++ b/runtime/themes/ayu_mirage.toml
@@ -0,0 +1,77 @@
+# Author: André Sá <enkodr@outlook.com>
+# Based on the AYU theme colors from https://github.com/dempfi/ayu 
+
+# Syntax highlighting
+"type" = { fg = "blue" }
+"type.builtin" = { fg = "blue" }
+"constructor" = { fg = "green" }
+"constant" = { fg = "magenta" }
+"string" = { fg = "green" }
+"string.regexp" = { fg = "orange" }
+"string.special" = { fg = "yellow" }
+"comment" = { fg = "gray", modifiers = ["italic"] }
+"variable" = { fg = "foreground" }
+"variable.parameter" = { fg = "yellow" }
+"label" = { fg = "orange" }
+"punctuation" = { fg = "foreground" }
+"keyword" = { fg = "orange" }
+"keyword.control" = { fg = "yellow" }
+"keyword.directive" = { fg = "yellow" }
+"operator" = { fg = "orange" }
+"function" = { fg = "yellow", modifiers = ["bold"] }
+"tag" = { fg = "blue" }
+"namespace" = { fg = "blue" }
+"markup.heading" = { fg = "orange" }
+"markup.list" = { fg = "yellow" }
+"markup.raw.block" = { bg = "grey", fg = "orange" } 
+"markup.link.url" = { fg = "blue" }
+"markup.link.text" = { fg = "yellow" }
+"markup.link.label" = { fg = "green" }
+"markup.quote" = { fg = "yellow" }
+"diff.plus" = { fg = "green" }
+"diff.minus" = { fg = "red" }
+"diff.delta" = { fg = "green" }
+
+# Interface
+"ui.background"= { bg = "background" }
+"ui.cursor" = { bg = "yellow", fg = "dark_gray" }
+"ui.cursor.match" = { fg = "orange" }
+"ui.linenr" = { fg = "dark_gray" }
+"ui.linenr.selected" = { fg = "orange" }
+"ui.statusline" = { bg = "black" }
+"ui.popup" = { bg = "black" }
+"ui.window" = { fg = "dark_gray" }
+"ui.help" = { bg = "black" }
+"ui.text" = { fg = "foreground" }
+"ui.text.focus" = { bg = "dark_gray", fg = "foreground" }
+"ui.text.info" = { fg = "foreground" }
+"ui.virtual.whitespace" = { fg = "dark_gray" }
+"ui.virtual.ruler" = { bg = "black" }
+"ui.menu" = { bg = "black" }
+"ui.menu.selected" = { bg = "orange", fg = "background" }
+"ui.selection" = { bg = "dark_gray" }
+"warning" = { fg = "yellow" }
+"error" = { fg = "red", modifiers = ["bold"] }
+"info" = { fg = "blue", modifiers = ["bold"] }
+"hint" = { fg = "blue", modifiers = ["bold"] }
+"diagnostic"= { fg = "red", modifiers = ["underlined"] }
+"diagnostic.info"= { fg = "blue", modifiers = ["underlined"] }
+"diagnostic.warning"= { fg = "yellow", modifiers = ["underlined"] }
+"diagnostic.error"= { fg = "red", modifiers = ["underlined"] }
+
+"special" = { fg = "orange" }
+
+[palette]
+background = "#242936"
+foreground = "#cccac2"
+
+black = "#1a1f29"
+blue = "#73d0ff"
+dark_gray = "#8a919959"
+cyan = "#80bfff"
+gray = "#565b66"
+green = "#d5ff80"
+magenta = "#dfbfff"
+orange = "#ffad66"
+red = "#f28779"
+yellow = "#ffcc77"