Teman — Utöka¶
Skapa ett anpassat tema¶
Ett komplett tema kan genereras från en enda varumärkesfärg. Mata in den färgen i temabyggaren så härleds alla stödfärger, ljusa och mörka varianter, ytskikt för elevation samt kontrastnivåer automatiskt — resultatet är ett tema som passar kundens eller organisationens grafiska profil och fungerar väl i alla tillstånd.
Steg 1 — Generera temat¶
Öppna Temabyggaren. Den inbäddade Material Theme Builder låter dig ange en källfärg (eller ladda upp en logotyp för att extrahera en) och förhandsgranska det resulterande temat i ljust och mörkt läge. Exportera det färdiga temat som en Colors.xml-fil.
Steg 2 — Importera till WideQuick¶
På samma sida för Temabyggaren, scrolla ned till Parse Theme into WideQuick format:
- Välj projektets
Themes.kdat-fil. Den här filen finns i projektmappen (WideQuick_MOD/). - Välj den
Colors.xml-fil som exporterades från Temabyggaren. - Klicka på Merge new theme into existing themes file.
- Ladda ned den uppdaterade
Themes.kdat.
Ersätt den befintliga Themes.kdat i projektmappen med den nedladdade filen. Om WideQuick Designer® var öppet, starta om det. Det nya temat visas under grenen Themes i projektträdet och kan anges som starttema.
Vad M3 genererar automatiskt¶
När ett tema genereras via M3 härleds följande automatiskt:
- Ljusa och mörka varianter — båda produceras från samma källfärg.
- Yttonalhierarki — en uppsättning ytnivåer (
surfaceContainerLowesttillsurfaceContainerHighest) som förmedlar elevation utan skuggor. - Kontrastvarianter — medium och hög kontrastversion av varje roll för tillgänglighetsanpassning.
- Färgrelationer — alla
on*-färger (t.ex.onPrimary,onSurface) beräknas för att uppfylla kontrastkraven mot sin bakgrundsfärg.
Det innebär att även ett kraftigt anpassat tema förblir läsbart och visuellt balanserat i alla sina tillstånd.
Inbyggda teman¶
Följande teman levereras med WideQuick MOD och är tillgängliga i projektets Themes.kdat:
| Tema | Variant |
|---|---|
| WQ_Material_BMS_Light | Light |
| WQ_Material_BMS_Dark | Dark |
| WQ_Material_VA_Light | Light |
| WQ_Material_VA_Dark | Dark |
| WQ_Material_MF_Light | Light |
| WQ_Material_MF_Dark | Dark |
Dessa kan användas som de är eller som utgångspunkt när ett anpassat tema byggs. BMS-, VA- och MF-varianterna skiljer sig åt i sina primära och sekundära varumärkesfärger men delar samma M3-struktur.