From 21093764f490b20cc917f9e9089761f25861233f Mon Sep 17 00:00:00 2001
From: hyzen <hyzen@disroot.org>
Date: Mon, 8 Jun 2026 19:46:16 +0530
Subject: [PATCH] Fix: comment button

---
 docs/css/custom.css   | 34 ++++++++++++++++++++++++++++++++--
 static/css/custom.css | 34 ++++++++++++++++++++++++++++++++--
 2 files changed, 64 insertions(+), 4 deletions(-)

diff --git a/docs/css/custom.css b/docs/css/custom.css
index f1cded7..8c4d1df 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -940,12 +940,16 @@
 	padding: 0.35rem 0.9rem;
 	background: var(--accent-color);
 	color: #fff;
-	border: none;
+	border: 1px solid var(--accent-color);
 	border-radius: 4px;
 	font: inherit;
 	font-size: 0.85rem;
 	cursor: pointer;
-	transition: opacity 0.15s;
+	transition:
+		opacity 0.15s,
+		background-color 0.2s ease,
+		border-color 0.2s ease,
+		color 0.2s ease;
 }
 
 .comment-form__submit:hover {
@@ -956,6 +960,32 @@
 	cursor: not-allowed;
 }
 
+[data-theme='dark'] .comment-form__submit {
+	background-color: transparent;
+	border-color: var(--foreground-color);
+	color: var(--foreground-color);
+}
+
+[data-theme='dark'] .comment-form__submit:hover:not(:disabled) {
+	background-color: var(--foreground-color);
+	border-color: var(--foreground-color);
+	color: var(--background-color);
+}
+
+@media (prefers-color-scheme: dark) {
+	.comment-form__submit {
+		background-color: transparent;
+		border-color: var(--foreground-color);
+		color: var(--foreground-color);
+	}
+
+	.comment-form__submit:hover:not(:disabled) {
+		background-color: var(--foreground-color);
+		border-color: var(--foreground-color);
+		color: var(--background-color);
+	}
+}
+
 .comment-form__error {
 	font-size: 0.8rem;
 	color: var(--error-color, #c0392b);
diff --git a/static/css/custom.css b/static/css/custom.css
index f1cded7..8c4d1df 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -940,12 +940,16 @@
 	padding: 0.35rem 0.9rem;
 	background: var(--accent-color);
 	color: #fff;
-	border: none;
+	border: 1px solid var(--accent-color);
 	border-radius: 4px;
 	font: inherit;
 	font-size: 0.85rem;
 	cursor: pointer;
-	transition: opacity 0.15s;
+	transition:
+		opacity 0.15s,
+		background-color 0.2s ease,
+		border-color 0.2s ease,
+		color 0.2s ease;
 }
 
 .comment-form__submit:hover {
@@ -956,6 +960,32 @@
 	cursor: not-allowed;
 }
 
+[data-theme='dark'] .comment-form__submit {
+	background-color: transparent;
+	border-color: var(--foreground-color);
+	color: var(--foreground-color);
+}
+
+[data-theme='dark'] .comment-form__submit:hover:not(:disabled) {
+	background-color: var(--foreground-color);
+	border-color: var(--foreground-color);
+	color: var(--background-color);
+}
+
+@media (prefers-color-scheme: dark) {
+	.comment-form__submit {
+		background-color: transparent;
+		border-color: var(--foreground-color);
+		color: var(--foreground-color);
+	}
+
+	.comment-form__submit:hover:not(:disabled) {
+		background-color: var(--foreground-color);
+		border-color: var(--foreground-color);
+		color: var(--background-color);
+	}
+}
+
 .comment-form__error {
 	font-size: 0.8rem;
 	color: var(--error-color, #c0392b);