Public
- Public
- Network
- Groups
- Featured
- Popular
- People

Conversation

Notices

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 04-Sep-2024 19:45:29 JST Aral Balkan
in reply to
- sknob ⏚
@sknob Yay! Happy to hear it helped :)

In conversation about 3 months ago from mastodon.ar.al permalink
- Embed this notice
  sknob ⏚ (sknob@mamot.fr)'s status on Wednesday, 04-Sep-2024 19:45:30 JST sknob ⏚
  
  I implemented dark mode on my ancient but serviceable hand-made music site (https://sknob.fr/music ) this morning using @aral’s great CSS filter-based technique (https://ar.al/2021/08/24/implementing-dark-mode-in-a-handful-of-lines-of-css-with-css-filters/)
  In conversation about 3 months ago permalink
  Attachments
  1. Domain not in remote thumbnail source whitelist: ar.al
    
    Implementing dark mode in a handful of lines of CSS with CSS filters
    
    I finally got round to implementing dark mode for this site (the cobbler’s children have no shoes and all that…) Here’s all the CSS I had to add: @media (prefers-color-scheme: dark) { /* Invert all elements on the body while attempting to not alter the hue substantially. */ body { filter: invert(100%) hue-rotate(180deg); } /* Workarounds and optical adjustments. */ /* Firefox workaround: Set the background colour for the html element separately because, unlike other browsers, Firefox doesn’t apply the filter to the root element’s background.
  2. No result found on File_thumbnail lookup.
    
    Ouvaton.coop - Coopérative d'hébergement

Feeds