docs: refresh tutorial chat styling (#129)

2026-01-14 00:46:58 +04:00
parent b2834da232
commit 142dedca0e
8 changed files with 925 additions and 64 deletions
@@ -0,0 +1,42 @@
+:root {
+  --md-admonition-icon--user: url('data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-user-round%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%225%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2021a8%208%200%200%200-16%200%22%20%2F%3E%20%3C%2Fsvg%3E');
+  --md-admonition-icon--takopi: var(--md-admonition-icon--info);
+  --md-admonition-color--user: #64dd17;
+  --md-admonition-color--takopi: #f4a5b8;
+  --md-admonition-bg-color--user: #64dd171a;
+  --md-admonition-bg-color--takopi: #f4a5b81a;
+}
+
+.md-typeset .admonition.user,
+.md-typeset details.user {
+  background-color: var(--md-admonition-bg-color--user);
+}
+
+.md-typeset .admonition.takopi,
+.md-typeset details.takopi {
+  background-color: var(--md-admonition-bg-color--takopi);
+}
+
+.md-typeset .user > .admonition-title::before,
+.md-typeset .user > summary::before {
+  background-color: var(--md-admonition-color--user);
+  -webkit-mask-image: var(--md-admonition-icon--user);
+  mask-image: var(--md-admonition-icon--user);
+}
+
+.md-typeset .user > .admonition-title::after,
+.md-typeset .user > summary::after {
+  color: var(--md-admonition-color--user);
+}
+
+.md-typeset .takopi > .admonition-title::before,
+.md-typeset .takopi > summary::before {
+  background-color: var(--md-admonition-color--takopi);
+  -webkit-mask-image: var(--md-admonition-icon--takopi);
+  mask-image: var(--md-admonition-icon--takopi);
+}
+
+.md-typeset .takopi > .admonition-title::after,
+.md-typeset .takopi > summary::after {
+  color: var(--md-admonition-color--takopi);
+}