feat(docs): theme and different size icons (#123)

2026-01-13 18:05:03 +04:00
parent 5ce5d319aa
commit f9757679c2
5 changed files with 101 additions and 0 deletions
@@ -0,0 +1,7 @@
+<svg width="383" height="389" viewBox="0 0 383 389" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M105.898 292.621C2.0394 233.991 28.5571 56.6279 161.177 35.2082C323.666 8.96442 355.556 140.484 355.556 173.428C355.556 204.989 347.799 272.112 286.254 293.897C308.59 305.464 326.196 294.997 334.275 299.951C355.391 312.901 326.658 340.273 281.936 337.85C295.046 362.554 228.818 356.351 187.421 329.673C126.628 376.716 105.34 352.926 107.015 336.733C45.5929 355.718 19.3491 304.905 61.7859 303.23C95.7354 301.89 101.989 296.343 105.898 292.621Z" fill="#FF98B6"/>
+<path d="M277.879 296.53C280.764 295.732 283.555 294.853 286.254 293.897M107.015 336.733C45.5929 355.718 19.3491 304.905 61.7859 303.23C95.7354 301.89 101.989 296.344 105.898 292.621C2.0394 233.991 28.5571 56.6279 161.177 35.2082C323.666 8.96442 355.556 140.484 355.556 173.428C355.556 204.989 347.8 272.112 286.254 293.897M107.015 336.733C105.34 352.926 126.628 376.716 187.421 329.673M107.015 336.733C107.708 330.032 115.39 320.763 139.959 312.723M187.421 329.673C189.778 327.85 192.197 325.924 194.68 323.89L187.421 329.673ZM187.421 329.673C228.818 356.351 295.046 362.554 281.936 337.85M259.452 316.073C271.868 325.013 278.955 332.231 281.936 337.85M281.936 337.85C326.658 340.273 355.391 312.901 334.275 299.951C326.196 294.997 308.59 305.464 286.254 293.897" stroke="#3E0816" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M130 130.487C135.094 130.487 139.282 134.833 139.282 140.269C139.282 145.705 135.094 150.051 130 150.051C124.906 150.051 120.718 145.705 120.718 140.269C120.718 134.833 124.906 130.487 130 130.487Z" fill="#3E0816" stroke="#3E0816" stroke-width="1.43583"/>
+<path d="M235 130.487C240.094 130.487 244.282 134.833 244.282 140.269C244.282 145.705 240.094 150.051 235 150.051C229.906 150.051 225.718 145.705 225.718 140.269C225.718 134.833 229.906 130.487 235 130.487Z" fill="#3E0816" stroke="#3E0816" stroke-width="1.43583"/>
+<path d="M192.423 188.952C184.317 178.667 164.862 177.433 159.999 188.952C153.919 203.35 177.249 213.912 185.355 213.912C175.898 217.34 161.106 234.796 170.131 242.43C179.156 250.063 196.649 237.096 198 230.926" stroke="#3E0816" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,7 @@
+<svg width="383" height="389" viewBox="0 0 383 389" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M105.898 292.621C2.0394 233.991 28.5571 56.6279 161.177 35.2082C323.666 8.96442 355.556 140.484 355.556 173.428C355.556 204.989 347.799 272.112 286.254 293.897C308.59 305.464 326.196 294.997 334.275 299.951C355.391 312.901 326.658 340.273 281.936 337.85C295.046 362.554 228.818 356.351 187.421 329.673C126.628 376.716 105.34 352.926 107.015 336.733C45.5929 355.718 19.3491 304.905 61.7859 303.23C95.7354 301.89 101.989 296.343 105.898 292.621Z" fill="#FF98B6"/>
+<path d="M277.879 296.53C280.764 295.732 283.555 294.853 286.254 293.897M107.015 336.733C45.5929 355.718 19.3491 304.905 61.7859 303.23C95.7354 301.89 101.989 296.344 105.898 292.621C2.0394 233.991 28.5571 56.6279 161.177 35.2082C323.666 8.96442 355.556 140.484 355.556 173.428C355.556 204.989 347.8 272.112 286.254 293.897M107.015 336.733C105.34 352.926 126.628 376.716 187.421 329.673M107.015 336.733C107.708 330.032 115.39 320.763 139.959 312.723M187.421 329.673C189.778 327.85 192.197 325.924 194.68 323.89L187.421 329.673ZM187.421 329.673C228.818 356.351 295.046 362.554 281.936 337.85M259.452 316.073C271.868 325.013 278.955 332.231 281.936 337.85M281.936 337.85C326.658 340.273 355.391 312.901 334.275 299.951C326.196 294.997 308.59 305.464 286.254 293.897" stroke="#3E0816" stroke-width="6.70055" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="139.879" cy="140.166" r="6.46124" fill="#3E0816" stroke="#3E0816" stroke-width="1.43583"/>
+<circle cx="246.131" cy="140.166" r="6.46124" fill="#3E0816" stroke="#3E0816" stroke-width="1.43583"/>
+<path d="M191.413 171.842C187.476 166.818 178.026 166.215 175.664 171.842C172.711 178.877 184.042 184.038 187.98 184.038C183.386 185.712 176.202 194.241 180.585 197.971C184.969 201.701 193.466 195.365 194.122 192.35" stroke="#3E0816" stroke-width="6.70055" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,7 @@
+<svg width="383" height="389" viewBox="0 0 383 389" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M106 282.5C13 230 36.7453 71.1803 155.5 52C301 28.5 329.556 146.269 329.556 175.769C329.556 204.03 322.611 264.135 267.5 283.643C287.5 294 303.266 284.627 310.5 289.064C329.409 300.659 303.679 325.17 263.634 323C275.372 345.121 216.069 339.567 179 315.678C124.562 357.803 105.5 336.5 107 322C52 339 28.5 293.5 66.5 292C96.9 290.8 102.5 285.833 106 282.5Z" fill="#FF98B6"/>
+<path d="M260 286C262.584 285.286 265.083 284.498 267.5 283.643M107 322C52 339 28.5 293.5 66.5 292C96.9 290.8 102.5 285.833 106 282.5C13 230 36.7453 71.1803 155.5 52C301 28.5 329.556 146.269 329.556 175.769C329.556 204.03 322.611 264.136 267.5 283.643M107 322C105.5 336.5 124.562 357.803 179 315.678M107 322C107.621 316 114.5 307.7 136.5 300.5M179 315.678C181.11 314.046 183.276 312.321 185.5 310.5L179 315.678ZM179 315.678C216.069 339.567 275.372 345.121 263.634 323M243.5 303.5C254.618 311.505 260.964 317.968 263.634 323M263.634 323C303.679 325.17 329.409 300.659 310.5 289.064C303.266 284.627 287.5 294 267.5 283.643" stroke="#3E0816" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="147" cy="149" r="4.5" fill="#3E0816" stroke="#3E0816"/>
+<circle cx="221" cy="149" r="4.5" fill="#3E0816" stroke="#3E0816"/>
+<path d="M185 164C183 161.5 178.2 161.2 177 164C175.5 167.5 181 169 183 169C180.667 169.833 177.273 172.644 179.5 174.5C181.727 176.356 184.667 173.5 185 172" stroke="#3E0816" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,59 @@
+/* Takopi palette */
+:root {
+  --takopi-pink: #f4a5b8;
+  --takopi-flower: #e87a9f;
+  --takopi-teal: #4a9b8e;
+  --takopi-teal-bright: #5ab5a6;
+}
+
+:root[data-md-color-scheme="default"] {
+  --md-primary-fg-color: var(--takopi-flower);
+  --md-primary-fg-color--light: var(--takopi-pink);
+  --md-primary-fg-color--dark: #d95f86;
+  --md-accent-fg-color: var(--takopi-teal);
+  --md-accent-fg-color--transparent: rgba(74, 155, 142, 0.12);
+  --md-typeset-a-color: var(--takopi-teal);
+  --md-default-bg-color: #fffaf7;
+  --md-code-bg-color: rgba(244, 165, 184, 0.1);
+}
+
+:root[data-md-color-scheme="slate"] {
+  --md-primary-fg-color: var(--takopi-pink);
+  --md-primary-fg-color--light: #f7b9c8;
+  --md-primary-fg-color--dark: var(--takopi-flower);
+  --md-accent-fg-color: var(--takopi-teal-bright);
+  --md-accent-fg-color--transparent: rgba(90, 181, 166, 0.12);
+  --md-typeset-a-color: var(--takopi-teal-bright);
+  --md-code-bg-color: rgba(244, 165, 184, 0.12);
+}
+
+/* Warm bokeh-ish background */
+:root[data-md-color-scheme="default"] body {
+  background:
+    radial-gradient(1100px circle at 12% 6%, rgba(244, 165, 184, 0.3), transparent 55%),
+    radial-gradient(900px circle at 88% 0%, rgba(74, 155, 142, 0.22), transparent 55%),
+    radial-gradient(1000px circle at 45% 95%, rgba(255, 230, 199, 0.55), transparent 60%),
+    var(--md-default-bg-color);
+}
+
+:root[data-md-color-scheme="slate"] body {
+  background:
+    radial-gradient(900px circle at 12% 0%, rgba(244, 165, 184, 0.12), transparent 55%),
+    radial-gradient(900px circle at 85% 0%, rgba(90, 181, 166, 0.1), transparent 55%),
+    radial-gradient(1000px circle at 50% 100%, rgba(255, 230, 199, 0.06), transparent 60%),
+    var(--md-default-bg-color);
+}
+
+/* Softer shapes */
+.md-typeset .admonition,
+.md-typeset details {
+  border-radius: 12px;
+}
+
+.md-typeset .md-button {
+  border-radius: 999px;
+}
+
+::selection {
+  background: rgba(232, 122, 159, 0.35);
+}
@@ -11,6 +11,24 @@ site_dir: _site

 theme:
  name: material
+  palette:
+    - scheme: default
+      primary: pink
+      accent: teal
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+    - scheme: slate
+      primary: pink
+      accent: teal
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
+  font:
+    text: Nunito
+    code: Fira Code
+  logo: assets/logo.svg
+  favicon: assets/favicon.svg
  features:
    - navigation.sections
    - navigation.instant
@@ -20,6 +38,9 @@ theme:
    - search.suggest
    - search.highlight

+extra_css:
+  - stylesheets/extra.css
+
 markdown_extensions:
  - admonition
  - attr_list