Teemaeditori - Ylätunnistepalkki

Värit

Asetus	Peritään kohteesta	Oletus	Kuvaus
Tausta	Yleinen tausta	`#FFFFFF`	Ylätunnisteen taustatäyttö.
Teksti	Yleinen teksti	`#111826`	Navigointilinkkien ja kaupan nimen tekstiväri.
Kuvake	—	`#111826`	Ostoskorin, tilin ja valikon kuvakkeet. Aina erikseen määritetty arvo, ei perintää.
Reuna	Yleinen reuna	`#E4E6EB`	Alareuna, joka erottaa ylätunnisteen sivun sisällöstä.

Perintä

Tausta, Teksti ja Reuna perivät oletuksena arvonsa vastaavasta yleisestä väristä Värit-paneelissa. Kun asetat arvon, se ohittaa yleisen värin vain ylätunnisteen osalta.

Kuvakkeen väri on itsenäinen — sillä on aina erikseen määritetty arvo, eikä se palaudu yleiseen väriin.

Nollaus

Napsauta ylätunnistepalkin paneelissa Nollaa, niin kaikki neljä asetusta palautuvat oletuksiinsa. Tausta, Teksti ja Reuna palaavat perimään yleiset värit. Kuvake nollautuu arvoon #111826.

CSS-muuttujat

Jokainen ylätunnistepalkin väri vastaa CSS-muuttujaa, johon voit viitata mukautetussa CSS:ssä:

:root {
  --storefront-header-background-color: #FFFFFF;
  --storefront-header-text-color: #111826;
  --storefront-header-icon-color: #111826;
  --storefront-header-border-color: #E4E6EB;
}

CSS-muuttujat palauttavat aina ratkaistun arvon. Jos asetus perii yleisen värin, muuttuja vastaa nykyistä yleistä arvoa — ei arvoa null tai tyhjää.

Tervetuloa TWICE-dokumentaatioon

Liikkuminen TWICEssä

Järjestelmän ymmärtäminen

Teemaeditori - Ylätunnistepalkki

Värit

Perintä

Nollaus

CSS-muuttujat

Aiheeseen liittyvät artikkelit

Värit

Mukautettu CSS

​Värit

​Perintä

​Nollaus

​CSS-muuttujat

​Aiheeseen liittyvät artikkelit

Värit

Mukautettu CSS

Värit

Perintä

Nollaus

CSS-muuttujat

Aiheeseen liittyvät artikkelit