Merge pull request #27 from chambored/flexoki

Flexoki light and dark themes

6 files changed, 124 insertions, 3 deletions

diff --git a/README.md b/README.md
index 5f6fd6f..8252818 100644
--- a/README.md
+++ b/README.md
@@ -6,9 +6,9 @@ Color themes for the [Lite XL text editor](https://github.com/lite-xl/lite-xl),
 
 To install a color scheme, drop the `.lua` file directly into:
 
-*   Linux `~/.config/lite-xl/colors/`
-*   MacOS `~/.config/lite-xl/colors/`
-*   Windows `C:\Users\(username)\.config\lite-xl\colors\`
+* Linux `~/.config/lite-xl/colors/`
+* MacOS `~/.config/lite-xl/colors/`
+* Windows `C:\Users\(username)\.config\lite-xl\colors\`
 
 Then, add a call to `core.reload_module` to your user module (the gear in the bottom left corner). As an example, if you installed the `github_dark.lua` file into your colors folder, you'd load it with:
 
diff --git a/colors/flexoki_dark.lua b/colors/flexoki_dark.lua
new file mode 100644
index 0000000..ad9b1bb
--- /dev/null
+++ b/colors/flexoki_dark.lua
@@ -0,0 +1,31 @@
+-- Flexoki dark theme by Steph Ango (kepano), https://stephango.com/flexoki
+-- Ported by chambored, https://github.com/chambored
+
+local style = require "core.style"
+local common = require "core.common"
+
+style.background = { common.color "#100F0F" }
+style.background2 = { common.color "#1C1B1A" }
+style.background3 = { common.color "#282726" }
+style.text = { common.color "#CECDC3" }
+style.caret = { common.color "#CECDC3" }
+style.accent = { common.color "#205EA6" }  -- blue
+style.dim = { common.color "#CECDC3" }
+style.divider = { common.color "#403E3C" }  -- ui-3
+style.selection = { common.color "#343331" }  -- ui-2
+style.line_number = { common.color "#6F6E69" }
+style.line_number2 = { common.color "#100F0F" }  -- black
+style.line_highlight = { common.color "#575653" }  -- tx-3
+style.scrollbar = { common.color "#DAD8CE" }  -- tx-1
+style.scrollbar2 = { common.color "#878580" }  -- tx-2
+
+style.syntax["normal"] = { common.color "#282726" }  -- ui
+style.syntax["symbol"] = { common.color "#5E409D" }  -- purple
+style.syntax["comment"] = { common.color "#6F6E69" }  -- tx-2
+style.syntax["keyword"] = { common.color "#AF3029" }  -- red
+style.syntax["keyword2"] = { common.color "#205EA6" }  -- blue
+style.syntax["number"] = { common.color "#66800B" }  -- green
+style.syntax["literal"] = { common.color "#AD8301" }  -- yellow
+style.syntax["string"] = { common.color "#BC5215" }  -- orange
+style.syntax["operator"] = { common.color "#66800B" }  -- green
+style.syntax["function"] = { common.color "#24837B" }  -- cyan
diff --git a/colors/flexoki_light.lua b/colors/flexoki_light.lua
new file mode 100644
index 0000000..3cbfaf8
--- /dev/null
+++ b/colors/flexoki_light.lua
@@ -0,0 +1,32 @@
+-- Flexoki light theme by Steph Ango (kepano), https://stephango.com/flexoki
+-- Ported by chambored, https://github.com/chambored
+
+local style = require "core.style"
+local common = require "core.common"
+
+style.background = { common.color "#FFFCF0" }
+style.background2 = { common.color "#F2F0E5" }
+style.background3 = { common.color "#E6E4D9" }
+style.text = { common.color "#1C1B1A" }
+style.caret = { common.color "#1C1B1A" }
+style.accent = { common.color "#4385BE" }  -- blue
+style.dim = { common.color "#1C1B1A" }
+style.divider = { common.color "#CECDC3" }  -- ui-3
+style.selection = { common.color "#DAD8CE" }  -- ui-2
+style.line_number = { common.color "#6F6E69" }  -- tx-2
+style.line_number2 = { common.color "#FFFCF0" }  -- paper
+style.line_highlight = { common.color "#B7B5AC" }  -- tx-3
+style.scrollbar = { common.color "#E6E4D9" }  -- ui
+style.scrollbar2 = { common.color "#B7B5AC" }  -- tx-3
+
+style.syntax["normal"] = { common.color "#E6E4D9" }  -- ui
+style.syntax["symbol"] = { common.color "#8B7EC8" }  -- purple
+style.syntax["comment"] = { common.color "#6F6E69" }  -- tx-2
+style.syntax["keyword"] = { common.color "#D14D41" }  -- red
+style.syntax["keyword2"] = { common.color "#4385BE" }  -- blue
+style.syntax["number"] = { common.color "#879A39" }  -- green
+style.syntax["literal"] = { common.color "#D0A215" }  -- yellow
+style.syntax["string"] = { common.color "#DA702C" }  -- orange
+style.syntax["operator"] = { common.color "#879A39" }  -- green
+style.syntax["function"] = { common.color "#3AA99F" }  -- cyan
+
diff --git a/manifest.json b/manifest.json
index 049745d..2e313da 100644
--- a/manifest.json
+++ b/manifest.json
@@ -113,6 +113,28 @@
          "version" : "0.1"
       },
       {
+         "id" : "flexoki_dark",
+         "mod_version" : "3.0.0",
+         "name" : "flexoki_dark",
+         "path" : "colors/flexoki_dark.lua",
+         "tags" : [
+            "dark"
+         ],
+         "type" : "color",
+         "version" : "0.1"
+      },
+      {
+         "id" : "flexoki_light",
+         "mod_version" : "3.0.0",
+         "name" : "flexoki_light",
+         "path" : "colors/flexoki_light.lua",
+         "tags" : [
+            "light"
+         ],
+	 "type" : "color",
+         "version" : "0.1"
+      },
+      {
          "id" : "github",
          "mod_version" : "3.0.0",
          "name" : "github",
diff --git a/previews/flexoki_dark.svg b/previews/flexoki_dark.svg
new file mode 100644
index 0000000..b26e680
--- /dev/null
+++ b/previews/flexoki_dark.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="16" shape-rendering="crispEdges"> 
+<rect x="0" width="11.764705882353" height="16" fill="rgb(16, 15, 15)"></rect> 
+<rect x="11.764705882353" width="11.764705882353" height="16" fill="rgb(28, 27, 26)"></rect> 
+<rect x="23.529411764706" width="11.764705882353" height="16" fill="rgb(40, 39, 38)"></rect> 
+<rect x="35.294117647059" width="11.764705882353" height="16" fill="rgb(52, 51, 49)"></rect> 
+<rect x="47.058823529412" width="11.764705882353" height="16" fill="rgb(64, 62, 60)"></rect> 
+<rect x="58.823529411765" width="11.764705882353" height="16" fill="rgb(102, 128, 11)"></rect> 
+<rect x="70.588235294118" width="11.764705882353" height="16" fill="rgb(87, 86, 83)"></rect> 
+<rect x="82.352941176471" width="11.764705882353" height="16" fill="rgb(175, 48, 41)"></rect> 
+<rect x="94.117647058824" width="11.764705882353" height="16" fill="rgb(36, 131, 123)"></rect> 
+<rect x="105.88235294118" width="11.764705882353" height="16" fill="rgb(188, 82, 21)"></rect> 
+<rect x="117.64705882353" width="11.764705882353" height="16" fill="rgb(32, 94, 166)"></rect> 
+<rect x="129.41176470588" width="11.764705882353" height="16" fill="rgb(173, 131, 1)"></rect> 
+<rect x="141.17647058824" width="11.764705882353" height="16" fill="rgb(94, 64, 157)"></rect> 
+<rect x="152.94117647059" width="11.764705882353" height="16" fill="rgb(111, 110, 105)"></rect> 
+<rect x="164.70588235294" width="11.764705882353" height="16" fill="rgb(135, 133, 128)"></rect> 
+<rect x="176.47058823529" width="11.764705882353" height="16" fill="rgb(206, 205, 195)"></rect> 
+<rect x="188.23529411765" width="11.764705882353" height="16" fill="rgb(218, 216, 206)"></rect> 
+</svg>
\ No newline at end of file
diff --git a/previews/flexoki_light.svg b/previews/flexoki_light.svg
new file mode 100644
index 0000000..7c532be
--- /dev/null
+++ b/previews/flexoki_light.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="16" shape-rendering="crispEdges"> 
+<rect x="0" width="13.333333333333" height="16" fill="rgb(28, 27, 26)"></rect> 
+<rect x="13.333333333333" width="13.333333333333" height="16" fill="rgb(111, 110, 105)"></rect> 
+<rect x="26.666666666667" width="13.333333333333" height="16" fill="rgb(135, 154, 57)"></rect> 
+<rect x="40" width="13.333333333333" height="16" fill="rgb(209, 77, 65)"></rect> 
+<rect x="53.333333333333" width="13.333333333333" height="16" fill="rgb(218, 112, 44)"></rect> 
+<rect x="66.666666666667" width="13.333333333333" height="16" fill="rgb(58, 169, 159)"></rect> 
+<rect x="80" width="13.333333333333" height="16" fill="rgb(67, 133, 190)"></rect> 
+<rect x="93.333333333333" width="13.333333333333" height="16" fill="rgb(208, 162, 21)"></rect> 
+<rect x="106.66666666667" width="13.333333333333" height="16" fill="rgb(139, 126, 200)"></rect> 
+<rect x="120" width="13.333333333333" height="16" fill="rgb(183, 181, 172)"></rect> 
+<rect x="133.33333333333" width="13.333333333333" height="16" fill="rgb(206, 205, 195)"></rect> 
+<rect x="146.66666666667" width="13.333333333333" height="16" fill="rgb(218, 216, 206)"></rect> 
+<rect x="160" width="13.333333333333" height="16" fill="rgb(230, 228, 217)"></rect> 
+<rect x="173.33333333333" width="13.333333333333" height="16" fill="rgb(242, 240, 229)"></rect> 
+<rect x="186.66666666667" width="13.333333333333" height="16" fill="rgb(255, 252, 240)"></rect> 
+</svg>
\ No newline at end of file