style(next): links: add light / dark theme support

This commit is contained in:
Adorian Doran 2025-01-24 10:21:50 +02:00
parent d6cb2a3751
commit 03e7f4b991
3 changed files with 6 additions and 5 deletions

View File

@ -56,6 +56,9 @@
--select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>"); --select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
--select-group-heading-text-color: gray; --select-group-heading-text-color: gray;
--link-hover-background: #ffffff26;
--link-hover-color: white;
--hover-item-text-color: #efefef; --hover-item-text-color: #efefef;
--hover-item-background-color: #ffffff24; --hover-item-background-color: #ffffff24;
--hover-item-border-color: transparent; --hover-item-border-color: transparent;

View File

@ -56,6 +56,9 @@
--select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>"); --select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
--select-group-heading-text-color: gray; --select-group-heading-text-color: gray;
--link-hover-background: #00000012;
--link-hover-color: black;
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #0000001a; --hover-item-background-color: #0000001a;
--hover-item-border-color: transparent; --hover-item-border-color: transparent;

View File

@ -319,11 +319,6 @@ label:has(> input[type="checkbox"]:disabled)::after {
/* Links */ /* Links */
:root {
--link-hover-background: #ffffff26;
--link-hover-color: white;
}
body a.tn-link, body a.tn-link,
body a.tn-link:visited, body a.tn-link:visited,
.use-tn-links a, .use-tn-links a,