Beiträge von kim88 im Thema „Neue Farben zur Anpassung an die Linux Guides Webseite“

  • Neue Farben zur Anpassung an die Linux Guides Webseite

    Also rein technisch müsste das einfach innerhalb vom CSS gehen. Beispiel:


    Code
    body {
    background-color: white;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
    }
}

    So wäre die Hintergrundfarbe vom Design standardmässig weiss, und wenn jemand den Dark Mode aktiviert hat wird die Hintergrundfarbe Schwarz.

    So hab ich auch mein "Auto-Dark-Mode LinuxGuides Forum Stylus CSS Dings" gebaut. Dunkle Designs bauen, die noch gute Kontrastverhältnisse haben und nicht einfach nur "weiss auf schwarz" sind ist ziemlich aufwendig.

    Ab Chromium Version 114, können Google Chrome & Co das (endlich!) auch unter Linux. War bisher nur Mac OS, Windows, Android und iOS vorenthalten.

    staryvyr und torius vielleicht liegt es daran, dass ich selber in der Web Entwicklung tätig bin. Aber ich will es ja nicht einfach nur "dunkel" haben - sondern es soll ja doch noch weiterhin schön aussehen. Und Kontraste sollten weiterhin funktionieren.

    Sehr gute Beispiele für einen optisch wirklich gut umgesetzten Dark Mode ist sicherlich "Facebook" oder "ComputerBase" die das beide übrigens auch über dieses MediaQuery machen.

    Diese über Addons automatisiert dunkel gemachten Seiten sehen. Google hat da in Kombination mit ihrem "Material Design" einen ziemlich ausführlichen Leitfaden auf was man alles achten sollte. Siehe hier: https://m2.material.io/design/color/dark-theme.html