docs: make style similar to main taskiq documentation (#49)

Author: danfimov

docs/assets/extra.css

@@ -0,0 +1,53 @@
+[data-md-color-scheme="default"] {
+  --md-default-bg-color: #ffffff;
+  --md-default-bg-color--light: #ffffff;
+  --md-code-fg-color: #383a42;
+  --md-code-bg-color: #ecf4fa;
+  --md-code-hl-color: #4078f2;
+  --md-code-hl-color--light: #4078f21a;
+  --md-code-hl-number-color: #986801;
+  --md-code-hl-special-color: #e45649;
+  --md-code-hl-function-color: #4078f2;
+  --md-code-hl-constant-color: #986801;
+  --md-code-hl-keyword-color: #a626a4;
+  --md-code-hl-string-color: #50a14f;
+  --md-code-hl-name-color: var(--md-code-fg-color);
+  --md-code-hl-operator-color: #383a42;
+  --md-code-hl-punctuation-color: #383a42;
+  --md-code-hl-comment-color: #a0a1a7;
+  --md-code-hl-generic-color: #383a42;
+  --md-code-hl-variable-color: #e45649;
+}
+
+[data-md-color-scheme="slate"] {
+  --md-default-bg-color: #1b1b1f;
+  --md-default-bg-color--light: #202127;
+  --md-code-fg-color: #abb2bf;
+  --md-code-bg-color: #282c34;
+  --md-code-hl-color: #61afef;
+  --md-code-hl-color--light: #61afef1a;
+  --md-code-hl-number-color: #d19a66;
+  --md-code-hl-special-color: #e06c75;
+  --md-code-hl-function-color: #61afef;
+  --md-code-hl-constant-color: #d19a66;
+  --md-code-hl-keyword-color: #c678dd;
+  --md-code-hl-string-color: #98c379;
+  --md-code-hl-name-color: var(--md-code-fg-color);
+  --md-code-hl-operator-color: #abb2bf;
+  --md-code-hl-punctuation-color: #abb2bf;
+  --md-code-hl-comment-color: #5c6370;
+  --md-code-hl-generic-color: #abb2bf;
+  --md-code-hl-variable-color: #e06c75;
+}
+
+[data-md-color-scheme="default"][data-md-color-accent="red"] {
+  --md-accent-fg-color: #b3001d;
+  --md-accent-fg-color--transparent: #b3001d1a;
+  --md-typeset-a-color: #b3001d;
+}
+
+[data-md-color-scheme="slate"][data-md-color-accent="red"] {
+  --md-accent-fg-color: #ff193e;
+  --md-accent-fg-color--transparent: #ff193e1a;
+  --md-typeset-a-color: #ff193e;
+}

zensical.toml

@@ -23,13 +23,17 @@ nav = [
 
 use_directory_urls = true
 
+extra_css = [
+    "assets/extra.css",]
+
 [project.extra]
 site_tagline = "SQS broker and S3 result backend for TaskIQ"
 
 [project.theme]
 language = "en"
 custom_dir = "overrides"
-
+logo = "https://raw.githubusercontent.com/taskiq-python/taskiq/refs/heads/master/imgs/small-logo.svg"
+favicon = "https://raw.githubusercontent.com/taskiq-python/taskiq/refs/heads/master/imgs/small-logo.svg"
 features = [
     "content.code.annotate",
     "content.code.copy",
@@ -52,22 +56,26 @@ repo = "fontawesome/brands/github"
 # Palette toggle for automatic mode
 [[project.theme.palette]]
 media = "(prefers-color-scheme)"
+primary = "white"
+accent = "red"
 toggle.icon = "lucide/sun-moon"
 toggle.name = "Switch to light mode"
 
 # Palette toggle for light mode
 [[project.theme.palette]]
 media = "(prefers-color-scheme: light)"
 scheme = "default"
-primary = "indigo"
+primary = "white"
+accent = "red"
 toggle.icon = "lucide/sun"
 toggle.name = "Switch to dark mode"
 
 # Palette toggle for dark mode
 [[project.theme.palette]]
 media = "(prefers-color-scheme: dark)"
 scheme = "slate"
-primary = "indigo"
+primary = "black"
+accent = "red"
 toggle.icon = "lucide/moon"
 toggle.name = "Switch to system preference"