hyzen/hyzendust.github.io
1
0
Fork 0
mirror of https://github.com/hyzendust/hyzendust.github.io.git synced 2026-06-30 23:12:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix: comment button

Browse Source
This commit is contained in:
hyzen
2026-06-08 19:46:16 +05:30
parent fe07caa5cf
commit 21093764f4
2 changed files with 64 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
docs/css/custom.css
View File

@@ -940,12 +940,16 @@
padding: 0.35rem 0.9rem; padding: 0.35rem 0.9rem;
background: var(--accent-color); background: var(--accent-color);
color: #fff; color: #fff;
border: none; border: 1px solid var(--accent-color);
border-radius: 4px; border-radius: 4px;
font: inherit; font: inherit;
font-size: 0.85rem; font-size: 0.85rem;
cursor: pointer; 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 { .comment-form__submit:hover {
@@ -956,6 +960,32 @@
cursor: not-allowed; 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 { .comment-form__error {
font-size: 0.8rem; font-size: 0.8rem;
color: var(--error-color, #c0392b); color: var(--error-color, #c0392b);

34
static/css/custom.css
View File

@@ -940,12 +940,16 @@
padding: 0.35rem 0.9rem; padding: 0.35rem 0.9rem;
background: var(--accent-color); background: var(--accent-color);
color: #fff; color: #fff;
border: none; border: 1px solid var(--accent-color);
border-radius: 4px; border-radius: 4px;
font: inherit; font: inherit;
font-size: 0.85rem; font-size: 0.85rem;
cursor: pointer; 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 { .comment-form__submit:hover {
@@ -956,6 +960,32 @@
cursor: not-allowed; 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 { .comment-form__error {
font-size: 0.8rem; font-size: 0.8rem;
color: var(--error-color, #c0392b); color: var(--error-color, #c0392b);