Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Einsteigerfragen
  4. Unterschiedliche Farben trotz gleicher HEX Farbcodes - CSS

NEWS

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    2.5k

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    11
    1
    1.3k

Unterschiedliche Farben trotz gleicher HEX Farbcodes - CSS

Geplant Angeheftet Gesperrt Verschoben Einsteigerfragen
4 Beiträge 2 Kommentatoren 334 Aufrufe 2 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • rtwlR Online
    rtwlR Online
    rtwl
    schrieb am zuletzt editiert von
    #1

    b3ad4be6-c4f8-48a5-b041-b6a0dffc5d38-image.png

    Warum hab ich hier einmal Grün (so wie gewünscht) und einmal einen rosa-violett Farbton beim "addButton"?

    -Peter

    1 Antwort Letzte Antwort
    0
    • rtwlR Online
      rtwlR Online
      rtwl
      schrieb am zuletzt editiert von
      #2

      Es ist mir einfach unbegreiflich warum die Hex codes beim addButton falsch dargestellt werden als beim bring-item

      ach ja, hab vergessen den CSS Code als Code anzuhängen:

      .v-btn--fab.v-size--small {
          height: 15px;
          width: 50px;
      }
      .addButton {
      background-color: #438959!important;
      }
      .bring-item {
      background-color: #438959!important;
      }
      .bring-recent-item {
      background-color: #303030!important;
      }
      

      -Peter

      GlasfaserG 1 Antwort Letzte Antwort
      0
      • rtwlR rtwl

        Es ist mir einfach unbegreiflich warum die Hex codes beim addButton falsch dargestellt werden als beim bring-item

        ach ja, hab vergessen den CSS Code als Code anzuhängen:

        .v-btn--fab.v-size--small {
            height: 15px;
            width: 50px;
        }
        .addButton {
        background-color: #438959!important;
        }
        .bring-item {
        background-color: #438959!important;
        }
        .bring-recent-item {
        background-color: #303030!important;
        }
        
        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von
        #3

        @rtwl

        lade mal bitte die beiden befroffenen Widgets hier hoch ...

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        rtwlR 1 Antwort Letzte Antwort
        0
        • GlasfaserG Glasfaser

          @rtwl

          lade mal bitte die beiden befroffenen Widgets hier hoch ...

          rtwlR Online
          rtwlR Online
          rtwl
          schrieb am zuletzt editiert von
          #4

          @glasfaser
          Danke, hat sich erledigt. Hab den Grund dafür via "Untersuchen" im Chrome Browser gefunden.
          in der CSS vom Bring!-Widget ist ein codeschnipsel -webkit-filter: invert(100%); enthalten.
          Daher wird die korrekte Farbe invertiert.
          Jetzt suche ich nach der Möglichkeit meinen korrekten Farbcode zu invertieren, damit dann die gewünschte Farbe dargestellt wird.
          aber das werde ich (denke ich) schon irgendwie rausfinden können.

          a214805d-0089-4a74-8d7c-343eb28012b7-image.png

          .addButton {
              background-color: #af535c;
              -webkit-filter: invert(100%);
              border-radius: 84%;
              float: right;
              height: 40px;
              width: 40px;
              margin-top: 5px;
          }
          .addButton {
              background-color: #438959!important;
          }
          .addButton {
              background-color: #438959!important;
          }
          

          -Peter

          1 Antwort Letzte Antwort
          0

          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

          Registrieren Anmelden
          Antworten
          • In einem neuen Thema antworten
          Anmelden zum Antworten
          • Älteste zuerst
          • Neuste zuerst
          • Meiste Stimmen


          Support us

          ioBroker
          Community Adapters
          Donate

          426

          Online

          32.9k

          Benutzer

          83.2k

          Themen

          1.3m

          Beiträge
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2026
          logo
          • Anmelden

          • Du hast noch kein Konto? Registrieren

          • Anmelden oder registrieren, um zu suchen
          • Erster Beitrag
            Letzter Beitrag
          0
          • Home
          • Aktuell
          • Tags
          • Ungelesen 0
          • Kategorien
          • Unreplied
          • Beliebt
          • GitHub
          • Docu
          • Hilfe