1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 14:12:09 +00:00

Dark stylesheet improvement

- Replace css filter with a border
- Replacae "background" with "background-color" since "background" does
  a bunch of other things too.
This commit is contained in:
Rohan Kumar 2021-06-22 22:40:11 -07:00
parent 4effcd52da
commit b224d003bb
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 5 additions and 6 deletions

View file

@ -1,15 +1,13 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
background: #000; /*"background" is short for a bunch of unnecessary CSS rules; background-color is all I need*/
color: #fff; background-color: #000;
color: #eee; /*I've been told that pure white on black is a bit harsh*/
} }
/* IndieWeb u-photo shouldn't look like floating punctuation marks */ /* IndieWeb u-photo shouldn't look like floating punctuation marks */
.u-photo { .u-photo {
/* Versions of Samsung Internet released recently as 2017 need this border: 1px solid #ddc;
* prefix, along with Qt4-based QtWebkit used in e.g. rekonq */
-webkit-filter: invert(1);
filter: invert(1);
} }
a { a {

View file

@ -57,6 +57,7 @@ nav li {
} }
} }
/* center images that aren't my indieweb icon */
img:not(.u-photo) { img:not(.u-photo) {
display: block; display: block;
height: auto; height: auto;