Changed CH css theme for code highlighting

This commit is contained in:
Mike Kot 2021-06-24 16:52:08 +03:00
parent e9e49a9085
commit 521ec3aa0c
4 changed files with 77 additions and 99 deletions

View File

@ -2,18 +2,16 @@
## TL; DR How to make ClickHouse compile and link faster?
Developer only! This command will likely fulfill most of your needs. Run before calling `ninja`.
Minimal ClickHouse build example:
```cmake
```bash
cmake .. \
-DCMAKE_C_COMPILER=/bin/clang-10 \
-DCMAKE_CXX_COMPILER=/bin/clang++-10 \
-DCMAKE_C_COMPILER=$(which clang-11) \
-DCMAKE_CXX_COMPILER=$(which clang++-11) \
-DCMAKE_BUILD_TYPE=Debug \
-DENABLE_CLICKHOUSE_ALL=OFF \
-DENABLE_CLICKHOUSE_SERVER=ON \
-DENABLE_CLICKHOUSE_CLIENT=ON \
-DUSE_STATIC_LIBRARIES=OFF \
-DSPLIT_SHARED_LIBRARIES=ON \
-DENABLE_LIBRARIES=OFF \
-DUSE_UNWIND=ON \
-DENABLE_UTILS=OFF \

View File

@ -47,6 +47,13 @@ When all prerequisites are installed, running `build.py` without args (there are
The easiest way to see the result is to use `--livereload=8888` argument of build.py. Alternatively, you can manually launch a HTTP server to serve the docs, for example by running `cd ClickHouse/docs/build && python3 -m http.server 8888`. Then go to http://localhost:8888 in browser. Feel free to use any other port instead of 8888.
## How to change code highlighting? {#how-to-change-code-hl}
ClickHouse does not use mkdocs `highlightjs` feature. It uses modified pygments styles instead.
If you want to change code highlighting, edit the `website/css/highlight.css` file.
Currently, an [eighties](https://github.com/idleberg/base16-pygments/blob/master/css/base16-eighties.dark.css) theme
is used.
## How to subscribe on documentation changes? {#how-to-subscribe-on-documentation-changes}
At the moment theres no easy way to do just that, but you can consider:

View File

@ -87,6 +87,7 @@ def build_for_lang(lang, args):
website_url = 'https://clickhouse.tech'
site_name = site_names.get(lang, site_names['en']) % ''
site_name = site_name.replace(' ', ' ')
raw_config = dict(
site_name=site_name,
site_url=f'{website_url}/docs/{lang}/',

View File

@ -1,99 +1,71 @@
/*
Name: Base16 Paraiso Light
Author: Jan T. Sott
Name: Base16 Eighties Dark
Author: Chris Kempson (http://chriskempson.com)
Pygments template by Jan T. Sott (https://github.com/idleberg)
Created with Base16 Builder by Chris Kempson (https://github.com/chriskempson/base16-builder)
Edited for ClickHouse to improve legibility.
*/
.syntax .hll { background-color: #b9b6b0 }
.syntax { background: #f8f9fa; color: #2f1e2e }
.syntax .c { color: #8d8687 } /* Comment */
.syntax .err {} /* Error */
.syntax .k { color: #000000; font-weight: bold } /* Keyword */
.syntax .l { color: #0088ff } /* Literal */
.syntax .n { color: #2f1e2e } /* Name */
.syntax .o { color: #880000 } /* Operator */
.syntax .p { color: #2f1e2e } /* Punctuation */
.syntax .cm { color: #8d8687 } /* Comment.Multiline */
.syntax .cp { color: #8d8687 } /* Comment.Preproc */
.syntax .c1 { color: #8d8687 } /* Comment.Single */
.syntax .cs { color: #8d8687 } /* Comment.Special */
.syntax .gd { color: #ef6155 } /* Generic.Deleted */
.syntax .hll { background-color: #515151 }
.syntax { background: #2d2d2d; color: #f2f0ec }
.syntax .c { color: #747369 } /* Comment */
.syntax .err { color: #f2777a } /* Error */
.syntax .k { color: #cc99cc } /* Keyword */
.syntax .l { color: #f99157 } /* Literal */
.syntax .n { color: #f2f0ec } /* Name */
.syntax .o { color: #66cccc } /* Operator */
.syntax .p { color: #f2f0ec } /* Punctuation */
.syntax .cm { color: #747369 } /* Comment.Multiline */
.syntax .cp { color: #747369 } /* Comment.Preproc */
.syntax .c1 { color: #747369 } /* Comment.Single */
.syntax .cs { color: #747369 } /* Comment.Special */
.syntax .gd { color: #f2777a } /* Generic.Deleted */
.syntax .ge { font-style: italic } /* Generic.Emph */
.syntax .gh { color: #2f1e2e; font-weight: bold } /* Generic.Heading */
.syntax .gi { color: #48b685 } /* Generic.Inserted */
.syntax .gp { color: #8d8687; font-weight: bold } /* Generic.Prompt */
.syntax .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
.syntax .gi { color: #99cc99 } /* Generic.Inserted */
.syntax .gp { color: #747369; font-weight: bold } /* Generic.Prompt */
.syntax .gs { font-weight: bold } /* Generic.Strong */
.syntax .gu { color: #5bc4bf; font-weight: bold } /* Generic.Subheading */
.syntax .kc { color: #815ba4 } /* Keyword.Constant */
.syntax .kd { color: #815ba4 } /* Keyword.Declaration */
.syntax .kn { color: #5bc4bf } /* Keyword.Namespace */
.syntax .kp { color: #815ba4 } /* Keyword.Pseudo */
.syntax .kr { color: #815ba4 } /* Keyword.Reserved */
.syntax .kt { color: #fec418 } /* Keyword.Type */
.syntax .ld { color: #48b685 } /* Literal.Date */
.syntax .m { color: #0088ff } /* Literal.Number */
.syntax .s { color: #48b685 } /* Literal.String */
.syntax .na { color: #06b6ef } /* Name.Attribute */
.syntax .nb { color: #2f1e2e } /* Name.Builtin */
.syntax .nc { color: #fec418 } /* Name.Class */
.syntax .no { color: #ef6155 } /* Name.Constant */
.syntax .nd { color: #5bc4bf } /* Name.Decorator */
.syntax .ni { color: #2f1e2e } /* Name.Entity */
.syntax .ne { color: #ef6155 } /* Name.Exception */
.syntax .nf { color: #06b6ef } /* Name.Function */
.syntax .nl { color: #2f1e2e } /* Name.Label */
.syntax .nn { color: #fec418 } /* Name.Namespace */
.syntax .nx { color: #06b6ef } /* Name.Other */
.syntax .py { color: #2f1e2e } /* Name.Property */
.syntax .nt { color: #5bc4bf } /* Name.Tag */
.syntax .nv { color: #ef6155 } /* Name.Variable */
.syntax .ow { color: #5bc4bf } /* Operator.Word */
.syntax .w { color: #2f1e2e } /* Text.Whitespace */
.syntax .mf { color: #0088ff } /* Literal.Number.Float */
.syntax .mh { color: #0088ff } /* Literal.Number.Hex */
.syntax .mi { color: #0088ff } /* Literal.Number.Integer */
.syntax .mo { color: #0088ff } /* Literal.Number.Oct */
.syntax .sb { color: #48b685 } /* Literal.String.Backtick */
.syntax .sc { color: #2f1e2e } /* Literal.String.Char */
.syntax .sd { color: #8d8687 } /* Literal.String.Doc */
.syntax .s2 { color: #48b685 } /* Literal.String.Double */
.syntax .se { color: #0088ff } /* Literal.String.Escape */
.syntax .sh { color: #48b685 } /* Literal.String.Heredoc */
.syntax .si { color: #0088ff } /* Literal.String.Interpol */
.syntax .sx { color: #48b685 } /* Literal.String.Other */
.syntax .sr { color: #48b685 } /* Literal.String.Regex */
.syntax .s1 { color: #008800 } /* Literal.String.Single */
.syntax .ss { color: #48b685 } /* Literal.String.Symbol */
.syntax .bp { color: #2f1e2e } /* Name.Builtin.Pseudo */
.syntax .vc { color: #ef6155 } /* Name.Variable.Class */
.syntax .vg { color: #ef6155 } /* Name.Variable.Global */
.syntax .vi { color: #ef6155 } /* Name.Variable.Instance */
.syntax .il { color: #0088ff } /* Literal.Number.Integer.Long */
@media (prefers-color-scheme: dark) {
.syntax .k { color: #c78cff } /* Keyword */
.syntax .gi { color: #64ffbb } /* Generic.Inserted */
.syntax .ld { color: #64ffbb } /* Literal.Date */
.syntax .s { color: #64ffbb } /* Literal.String */
.syntax .sb { color: #64ffbb } /* Literal.String.Backtick */
.syntax .s2 { color: #64ffbb } /* Literal.String.Double */
.syntax .sh { color: #64ffbb } /* Literal.String.Heredoc */
.syntax .sx { color: #64ffbb } /* Literal.String.Other */
.syntax .sr { color: #64ffbb } /* Literal.String.Regex */
.syntax .s1 { color: #64ffbb } /* Literal.String.Single */
.syntax .ss { color: #64ffbb } /* Literal.String.Symbol */
.syntax .c { color: #64ffbb } /* Comment */
.syntax .n { color: #f8f9fa } /* Name */
.syntax .p { color: #f8f9fa } /* Punctuation */
.syntax .gh { color: #f8f9fa; font-weight: bold } /* Generic.Heading */
.syntax .nb { color: #f8f9fa } /* Name.Builtin */
.syntax .ni { color: #f8f9fa } /* Name.Entity */
.syntax .nl { color: #f8f9fa } /* Name.Label */
.syntax .py { color: #f8f9fa } /* Name.Property */
.syntax .w { color: #f8f9fa } /* Text.Whitespace */
.syntax .sc { color: #f8f9fa } /* Literal.String.Char */
}
.syntax .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
.syntax .kc { color: #cc99cc } /* Keyword.Constant */
.syntax .kd { color: #cc99cc } /* Keyword.Declaration */
.syntax .kn { color: #66cccc } /* Keyword.Namespace */
.syntax .kp { color: #cc99cc } /* Keyword.Pseudo */
.syntax .kr { color: #cc99cc } /* Keyword.Reserved */
.syntax .kt { color: #ffcc66 } /* Keyword.Type */
.syntax .ld { color: #99cc99 } /* Literal.Date */
.syntax .m { color: #f99157 } /* Literal.Number */
.syntax .s { color: #99cc99 } /* Literal.String */
.syntax .na { color: #6699cc } /* Name.Attribute */
.syntax .nb { color: #f2f0ec } /* Name.Builtin */
.syntax .nc { color: #ffcc66 } /* Name.Class */
.syntax .no { color: #f2777a } /* Name.Constant */
.syntax .nd { color: #66cccc } /* Name.Decorator */
.syntax .ni { color: #f2f0ec } /* Name.Entity */
.syntax .ne { color: #f2777a } /* Name.Exception */
.syntax .nf { color: #6699cc } /* Name.Function */
.syntax .nl { color: #f2f0ec } /* Name.Label */
.syntax .nn { color: #ffcc66 } /* Name.Namespace */
.syntax .nx { color: #6699cc } /* Name.Other */
.syntax .py { color: #f2f0ec } /* Name.Property */
.syntax .nt { color: #66cccc } /* Name.Tag */
.syntax .nv { color: #f2777a } /* Name.Variable */
.syntax .ow { color: #66cccc } /* Operator.Word */
.syntax .w { color: #f2f0ec } /* Text.Whitespace */
.syntax .mf { color: #f99157 } /* Literal.Number.Float */
.syntax .mh { color: #f99157 } /* Literal.Number.Hex */
.syntax .mi { color: #f99157 } /* Literal.Number.Integer */
.syntax .mo { color: #f99157 } /* Literal.Number.Oct */
.syntax .sb { color: #99cc99 } /* Literal.String.Backtick */
.syntax .sc { color: #f2f0ec } /* Literal.String.Char */
.syntax .sd { color: #747369 } /* Literal.String.Doc */
.syntax .s2 { color: #99cc99 } /* Literal.String.Double */
.syntax .se { color: #f99157 } /* Literal.String.Escape */
.syntax .sh { color: #99cc99 } /* Literal.String.Heredoc */
.syntax .si { color: #f99157 } /* Literal.String.Interpol */
.syntax .sx { color: #99cc99 } /* Literal.String.Other */
.syntax .sr { color: #99cc99 } /* Literal.String.Regex */
.syntax .s1 { color: #99cc99 } /* Literal.String.Single */
.syntax .ss { color: #99cc99 } /* Literal.String.Symbol */
.syntax .bp { color: #f2f0ec } /* Name.Builtin.Pseudo */
.syntax .vc { color: #f2777a } /* Name.Variable.Class */
.syntax .vg { color: #f2777a } /* Name.Variable.Global */
.syntax .vi { color: #f2777a } /* Name.Variable.Instance */
.syntax .il { color: #f99157 } /* Literal.Number.Integer.Long */