From cd0ecded1fdec11a16148bf5c8a2d8d9702e759c Mon Sep 17 00:00:00 2001
From: wojciechkepka
Date: Sat, 19 Jun 2021 13:19:31 +0200
Subject: Update docs

---
 book/src/themes.md | 94 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 book/src/themes.md

(limited to 'book/src/themes.md')

diff --git a/book/src/themes.md b/book/src/themes.md
new file mode 100644
index 00000000..5c1b5842
--- /dev/null
+++ b/book/src/themes.md
@@ -0,0 +1,94 @@
+# Themes
+
+First you'll need to place selected themes in your `themes` directory (i.e `~/.config/helix/themes`), the directory might have to be created beforehand.
+
+To use a custom theme add `theme = <name>` to your [`config.toml`](./configuration.md) or override it during runtime using `:theme <name>`.
+
+The default theme.toml can be found [here](https://github.com/helix-editor/helix/blob/master/theme.toml), and user submitted themes [here](https://github.com/helix-editor/helix/blob/master/contrib/themes). 
+
+## Creating a theme
+
+First create a file with the name of your theme as file name (i.e `mytheme.toml`) and place it in your `themes` directory (i.e `~/.config/helix/themes`).
+
+Each line in the theme file is specified as below:
+
+```toml
+key = { fg = "#ffffff", bg = "#000000", modifiers = ["bold", "italic"] }
+```
+
+where `key` represents what you want to style, `fg` specifies the foreground color, `bg` the background color, and `modifiers` is a list of style modifiers. `bg` and `modifiers` can be omitted to defer to the defaults.
+
+To specify only the foreground color:
+
+```toml
+key = "#ffffff"
+```
+
+if the key contains a dot `'.'`, it must be quoted to prevent it being parsed as a [dotted key](https://toml.io/en/v1.0.0#keys).
+
+```toml
+"key.key" = "#ffffff"
+```
+
+Possible modifiers:
+
+| Modifier       |
+| ---            |
+| `bold`         |
+| `dim`          |
+| `italic`       |
+| `underlined`   |
+| `slow\_blink`  |
+| `rapid\_blink` |
+| `reversed`     |
+| `hidden`       |
+| `crossed\_out` |
+
+Possible keys:
+
+| Key                     | Notes                               |
+| ---                     | ---                                 |
+| `attribute`             |                                     |
+| `keyword`               |                                     |
+| `keyword.directive`     | Preprocessor directives (\#if in C) |
+| `namespace`             |                                     |
+| `punctuation`           |                                     |
+| `punctuation.delimiter` |                                     |
+| `operator`              |                                     |
+| `special`               |                                     |
+| `property`              |                                     |
+| `variable`              |                                     |
+| `variable.parameter`    |                                     |
+| `type`                  |                                     |
+| `type.builtin`          |                                     |
+| `constructor`           |                                     |
+| `function`              |                                     |
+| `function.macro`        |                                     |
+| `function.builtin`      |                                     |
+| `comment`               |                                     |
+| `variable.builtin`      |                                     |
+| `constant`              |                                     |
+| `constant.builtin`      |                                     |
+| `string`                |                                     |
+| `number`                |                                     |
+| `escape`                | Escaped characters                  |
+| `label`                 | For lifetimes                       |
+| `module`                |                                     |
+| `ui.background`         |                                     |
+| `ui.linenr`             |                                     |
+| `ui.statusline`         |                                     |
+| `ui.popup`              |                                     |
+| `ui.window`             |                                     |
+| `ui.help`               |                                     |
+| `ui.text`               |                                     |
+| `ui.text.focus`         |                                     |
+| `ui.menu.selected`      |                                     |
+| `ui.selection`          | For selections in the editing area  |
+| `warning`               | LSP warning                         |
+| `error`                 | LSP error                           |
+| `info`                  | LSP info                            |
+| `hint`                  | LSP hint                            |
+
+These keys match [tree-sitter scopes](https://tree-sitter.github.io/tree-sitter/syntax-highlighting#theme). We half-follow the common scopes from [macromates language grammars](https://macromates.com/manual/en/language_grammars) with some differences.
+
+For a given highlight produced, styling will be determined based on the longest matching theme key. So it's enough to provide function to highlight `function.macro` and `function.builtin` as well, but you can use more specific scopes to highlight specific cases differently.
-- 
cgit v1.2.3-70-g09d2