Wie funktioniert der Wechsel eines Logos nach negativ bei einem Light/Dark-Theme? (Mix)

Wie funktioniert der Wechsel eines Logos nach negativ bei einem Light/Dark-Theme?

Tech & Media – bertel, München, 18.01.2022

Beispiel: https://www.gwern.net/Links
Sind das zwei Logos, die dann beim Umschalten wechselweise geladen werden?
- Kommt darauf an …
  
  Tech & Media – JoergH, Hamburg, La Matanza de Acentejo, 18.01.2022
  
  Wenn es ein einfaches Bild ist, dann musst du das tauschen.
  
  Wenn es ein SVG ist, dann kann man das dynamisch über CSS und/oder JS umfärben.
  
  Man kann es natürlich auch auf dem Server wandeln, z. B. mit PHP, aber das ist aufwendig und lohnt sich nur, wenn man da einige Umwandlungen vornehmen muss.
  
  Nachtrag: Am aller einfachsten ist es, wenn man ein Inline-SVG verwendet, dann kann man dynamisch die Farbwerte anpassen.
- in diesem Fall eher nein...
  
  Tech & Media – ulf, 18.01.2022
  
  das ist in diesem Fall ein SVG und per CSS wird die Füllfarbe gesetzt
  
  Show Plain Text
  svg {
  
  fill: currentColor;
  
  }
- - Das heißt, ich brauch idealerweise ein Logo mit nur 1 Farbe, welche dann angepasst wird? n/t
    
    Tech & Media – bertel, München, 18.01.2022
  - - Ja. n/t
      
      Tech & Media – JoergH, Hamburg, La Matanza de Acentejo, 18.01.2022
    - - Danke :-) n/t
        
        Tech & Media – bertel, München, 18.01.2022
      - Nur mal Hinweis:
        
        Tech & Media – JoergH, Hamburg, La Matanza de Acentejo, 18.01.2022
        
        Wenn man SVG benutzt, kann man alles dynamisch ändern. Also nicht nur die Farbe generell, sondern von jedem Pfad, Füllfarben, Texte ändern, Strichstärken, alle Größen … Damit lasen sich spannende Dinge realisieren.
        
        +1
        
        Tech & Media – ulf, 18.01.2022
        
        Ja ist spannend. Und wenn man die SVGs selbst noch dynamisch vorliegen hat, geht schon serverseitig viel + Javascript wird es dann richtig lustig