fix(ui): improve contrast of checkboxes in markup (#12928)

Improve checkbox contrast inside of `.markup` as per #12647.

| Before | After |
|---|----------------------|
| `var(--color-secondary)` | `var(--color-secondary-dark-4)` |
| <img src="/attachments/21a20e56-0120-4568-9ffb-387a99ade090" width="300" /> | <img src="/attachments/69763fee-c3f2-4a98-90a0-b416137fcb64" width="300" /> |
| ![image](/attachments/7f300c2e-58e4-42f3-be3f-fba52dbe8fdb) | ![image](/attachments/9bb332ae-6895-4662-978e-b08aa02f3f40) |
| ![image](/attachments/b166574b-6b65-4e15-83a8-8b8c8a70de0c) | ![image](/attachments/e055ef28-f1a3-45d5-90f3-4a5bc4c20b38) |

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/12928
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
Reviewed-by: 0ko <0ko@noreply.codeberg.org>
This commit is contained in:
Dylan Weijgertze 2026-06-05 09:18:02 +02:00 committed by 0ko
commit 3e1cc4e993

View file

@ -188,7 +188,7 @@
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
position: relative; position: relative;
border: 1px solid var(--color-secondary); border: 1px solid var(--color-secondary-dark-4);
border-radius: var(--border-radius); border-radius: var(--border-radius);
background: var(--color-input-background); background: var(--color-input-background);
height: 14px; height: 14px;