Mirror/MarginaliaSearch
1
0
Fork 0
mirror of https://github.com/MarginaliaSearch/MarginaliaSearch.git synced 2025-02-24 13:19:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

(search) Set link and form field colors manually to override browser defaults with poor dark mode contrast

Browse Source
This commit is contained in:
Sam Storment 2024-05-21 00:03:46 -05:00
parent 43489c98d8
commit 5659df4388
1 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
code/services-application/search-service/resources/static/search/serp.scss
View File

@ -17,7 +17,9 @@
--clr-shadow: var(--clr-border); --clr-shadow: var(--clr-border);
--clr-text-visited: #fcc; // $visited --clr-link: #0066cc;
--clr-link-visited: #531a89;
--clr-heading-link-visited: #fcc; // $visited
--font-family: sans-serif; --font-family: sans-serif;
--font-size: 14px; --font-size: 14px;
@ -44,6 +46,9 @@
--clr-shadow: #000; --clr-shadow: #000;
--clr-link: #8a8aff;
--clr-link-visited: #ffadff;
--clr-heading-link-visited: var(--clr-link-visited);
} }
} }
@ -55,11 +60,23 @@ html {
color-scheme: light dark; color-scheme: light dark;
} }
a {
color: var(--clr-link);
}
a:visited {
color: var(--clr-link-visited);
}
input, textarea, select {
color: inherit;
}
h1 a, h2 a { h1 a, h2 a {
color: var(--clr-text-theme); color: var(--clr-text-theme);
} }
h1 a:visited, h2 a:visited { h1 a:visited, h2 a:visited {
color: var(--clr-text-visited); color: var(--clr-heading-link-visited);
} }
progress { progress {
width: 10ch; width: 10ch;
@ -187,11 +204,14 @@ header {
a { a {
text-decoration: none; text-decoration: none;
color: var(--clr-text-ui); color: var(--clr-text-ui);
padding: .5ch; padding: .5ch;
display: inline-block; display: inline-block;
} }
a:visited {
color: var(--clr-text-ui);
}
a.extra { a.extra {
background: #ccc linear-gradient(45deg, background: #ccc linear-gradient(45deg,
hsl(0, 100%, 70%) 0%, hsl(0, 100%, 70%) 0%,
@ -524,6 +544,7 @@ footer {
font-size: 12pt; font-size: 12pt;
border: 1px solid var(--clr-border); border: 1px solid var(--clr-border);
background-color: var(--clr-bg-ui); background-color: var(--clr-bg-ui);
cursor: pointer;
} }
// white suggesitons looks fine in dark mode // white suggesitons looks fine in dark mode
@ -633,7 +654,7 @@ footer {
text-shadow: 0 0 1ch #000; // guarantee decent contrast across background colors text-shadow: 0 0 1ch #000; // guarantee decent contrast across background colors
} }
a:visited { a:visited {
color: var(--clr-text-visited); color: var(--clr-heading-link-visited);
} }
} }