Farbpalette ins CSS übertragen

  • Betroffene Version
    WoltLab Suite 5.3

    Hallo,

    weiß nicht genau wie ich das erklären soll, aber ich versuche es mal.

    Wie kann ich Bereiche der Farbpalette am einfachsten ins CSS übertragen.


    z.b. folgender Bereich ändert ja die Farben in allen Bereichen, wie übertage ich das am Kürzesten ins CSS.

    wcfHeader

    • $wcfHeaderBackground background
    • $wcfHeaderText text
    • $wcfHeaderLink link
    • $wcfHeaderLinkActive linkActive

    MfG Holger

    Zeiten ändern sich, Zeiten ändern dich, dich und deine Sicht.

    Trau, schau, wem.

    Die einzige Person, der nicht geholfen werden kann, ist diejenige, die anderen die Schuld gibt.

  • z.B. einfach so:

    CSS
        .boxesHero .box {
            background: $wcfHeaderBackground;
            padding: 10px;
            border-radius: $dtBorderRadius;
        }

    du setzt das einfach als Variable.
    EDIT:

    genauso kannst du eigene Variablen definieren:

    CSS
    $var1: 4px;
    $color1: #3e5062;
    $color2: #e6543d;

    Das dann einfach an den Anfang.
    EDIT: Weiterführender Link: https://sass-lang.com/documentation/variables

    „If you can only do one thing, hone it to perfection. Hone it to the utmost limit!“ – Zenitsu Agatsuma

  • ok, aber da muss ich ja erst mal alle Bereiche finden, die mit wcfHeaderBackground angesprochen werden.

    Dürfte nicht ganz so einfach sein, das für alle Bereiche Lückenlos zu finden.

    Zeiten ändern sich, Zeiten ändern dich, dich und deine Sicht.

    Trau, schau, wem.

    Die einzige Person, der nicht geholfen werden kann, ist diejenige, die anderen die Schuld gibt.

  • ok, danke, dann werde ich mir das mal alles anschauen.

    Zeiten ändern sich, Zeiten ändern dich, dich und deine Sicht.

    Trau, schau, wem.

    Die einzige Person, der nicht geholfen werden kann, ist diejenige, die anderen die Schuld gibt.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!