Fix code block styling and add deploy webhook

.gitea/workflows/docker.yml

@@ -73,3 +73,15 @@ jobs:
           done <<'EOF'
           ${{ steps.meta.outputs.tags }}
           EOF
+
+      - name: Trigger Dokploy deployment
+        if: github.ref == 'refs/heads/main'
+        run: |
+          set -eu
+
+          if [ -z "${{ secrets.DOKPLOY_WEBHOOK_URL }}" ]; then
+            echo "::error::Set the DOKPLOY_WEBHOOK_URL repository secret."
+            exit 1
+          fi
+
+          curl -fsS -X POST "${{ secrets.DOKPLOY_WEBHOOK_URL }}"

internal/converter/testdata/autolinks.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/basic.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/emoji-inline.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/fenced-code-highlighted.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/footnote.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/headings-autolink.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/headings-collisions.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/headings-cyrillic.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/headings-emoji.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/headings-image.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/headings-inline-link.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/headings-inlinecode.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/raw-html.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/strikethrough.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/tables.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/converter/testdata/tasklist.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }

internal/ui/home.templ

@@ -114,10 +114,7 @@ templ Home() {
 						</div>
 					</div>
 
-					<div class="flex flex-wrap items-center justify-between gap-3 border-t border-border px-4 py-4">
-						<p class="text-xs text-muted-foreground">
-							Конвертация использует публичный <code class="font-mono text-foreground">GitHub API</code>
-						</p>
+					<div class="flex flex-wrap items-center justify-end gap-3 border-t border-border px-4 py-4">
 						<div class="flex items-center gap-2">
 							<button
 								type="reset"

internal/ui/home_templ.go

@@ -89,7 +89,7 @@ func Home() templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "<span>Поддерживается CommonMark + GFM</span></p></div></div><div class=\"flex flex-wrap items-center justify-between gap-3 border-t border-border px-4 py-4\"><p class=\"text-xs text-muted-foreground\">Конвертация использует публичный <code class=\"font-mono text-foreground\">GitHub API</code></p><div class=\"flex items-center gap-2\"><button type=\"reset\" class=\"focus-ring inline-flex h-9 items-center justify-center rounded-md border border-border bg-background px-3.5 text-sm font-medium text-foreground transition hover:bg-muted\">Сбросить</button> <button type=\"submit\" class=\"focus-ring inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition hover:bg-primary/90\"><span>Конвертировать</span>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "<span>Поддерживается CommonMark + GFM</span></p></div></div><div class=\"flex flex-wrap items-center justify-end gap-3 border-t border-border px-4 py-4\"><div class=\"flex items-center gap-2\"><button type=\"reset\" class=\"focus-ring inline-flex h-9 items-center justify-center rounded-md border border-border bg-background px-3.5 text-sm font-medium text-foreground transition hover:bg-muted\">Сбросить</button> <button type=\"submit\" class=\"focus-ring inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition hover:bg-primary/90\"><span>Конвертировать</span>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}

web/template/document.html

@@ -14,6 +14,8 @@
       --text: #0f172a;
       --muted: #475569;
       --code-bg: #f1f5f9;
+      --pre-bg: #f7f7f7;
+      --pre-text: #1f2328;
       --accent: #2563eb;
       --accent-hover: #1d4ed8;
       --quote-bg: #eff6ff;
@@ -179,9 +181,10 @@
     }
 
     .document pre {
-      background: #0f172a;
+      background: var(--pre-bg) !important;
+      border: 1px solid rgba(148, 163, 184, 0.18);
       border-radius: 16px;
-      color: #e2e8f0;
+      color: var(--pre-text);
       overflow-x: auto;
       padding: 1rem 1.1rem;
     }