Re: Dark mode screenshot and tutorial

On Sun, 5 May 2024 18:00:26 +0200
<[email protected]> wrote:

> Attached is a screenshot of Dillo with a simple "Dark Mode" theme.
> 
> For those interested in how to do this, here is a small tutorial:
> 
> 
> Put this in ~/.dillo/style.css:
> 
>  * { background-color: #000000 !important; color: #999999 ! important; }
>  :link { color: #ffffff !important; text-decoration: none !important; }
>  :visited { color: #ffffff !important; text-decoration: underline !important; } 

One issue with dark background colours is that PNG/GIF images with
transparent backgrounds often have text in black and therefore become
unreadable, such as this image on Wikipedia:
https://en.wikipedia.org/wiki/File:Unix_timeline.en.svg

I'm not good at CSS, but I just made an attempt to work around this by
not setting img elements to black in my version of a dark-theme
style.css, but it doesn't work, images backgrounds are still black:

* {color: #00f400}
  body, div, span, nav, p, a, form, h1, h2, h3, h4, h5, h6, ul, ol, li, table, tr, td {background-color: black}
  img, map {background-color: gray !important}
  :link {text-decoration: none !important; color: #00f5e8 !important}
  :visited {text-decoration: none !important; color: #a020f0 !important}

I don't know whether my CSS is invalid or if it's a bug in Dillo, but
hints for applying black background-color to everything except images
would be welcome. The image background is also black when I open it on
its own with "isolate image" from the right-click menu, even though
there it's on a light-colour background due to the 'bg_color' setting
in dillorc being set to default. Presumably that's because the image
in the cache already, loading a new PNG image URL the background is
bg_color:
https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Unix_timeline.en.svg/640px-Unix_timeline.en.svg.png
_______________________________________________
Dillo-dev mailing list -- dillo-dev-lx9mn2B4QYRWk0Htik3J/[email protected]
To unsubscribe send an email to dillo-dev-leave-lx9mn2B4QYRWk0Htik3J/[email protected]