Mirrors/linkding
2
0
Fork 0
mirror of https://github.com/sissbruecker/linkding synced 2024-11-24 20:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix select dropdown menu background in dark theme (#858)

Browse source
This commit is contained in:
Sascha Ißbrücker 2024-09-24 21:42:52 +02:00 committed by GitHub
parent b53fe09c39
commit f4dd2b53b5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
bookmarks/styles/theme-dark.css
View file

@ -141,3 +141,10 @@
--bookmark-actions-weight: 400; --bookmark-actions-weight: 400;
--bulk-actions-bg-color: var(--contrast-5); --bulk-actions-bg-color: var(--contrast-5);
} }
/* Try to force dark color scheme for all native elements (e.g. upload button
in file inputs, native select dropdown). For the select dropdown some browsers
ignore this and use whatever users have configured in their system settings. */
:root {
color-scheme: dark;
}

10
bookmarks/styles/theme/forms.css
View file

@ -197,6 +197,16 @@ textarea.form-input {
no-repeat right 0.35rem center / 0.4rem 0.5rem; no-repeat right 0.35rem center / 0.4rem 0.5rem;
padding-right: calc(var(--control-icon-size) + var(--control-padding-x)); padding-right: calc(var(--control-icon-size) + var(--control-padding-x));
} }
/* Options */
& option {
/* On Windows with Chrome / Edge, options seems to use the same
background color as the select. However for the dark theme the
background is a semi-transparent white, resulting in an opaque white
background for the dropdown. Use the modal background color to force
a dark background instead. */
background: var(--modal-container-bg-color);
}
} }
/* Form element: Checkbox and Radio */ /* Form element: Checkbox and Radio */