Base 100
Sovelluksen tausta.
--color-base-100 Tämä sivu esittelee, miten theme-corporate luokka paljastaa OKLCH-värimuuttujat. Kaikki osiot hyödyntävät samaa värijärjestelmää ilman DaisyUI -pluginia.
Tyyliesimerkki
Yhtiön esittelykortti
RollStory Creative
Kirjoita, jaa ja analysoi tarinoita yhdestä paikasta.
Jokainen painike käyttää samaa palettia. Taustat, reunat ja tekstit sidotaan CSS-muuttujiin, joten värit vaihtuvat automaattisesti kun theme-corporate korvataan toisella luokalla.
Primary
Korosta tärkeimmät toiminnot.
Secondary
Toissijaiset painikkeet ja statukset.
Accent
Koristeelliset elementit ja highlightit.
Info
Informatiiviset ilmoitukset ja bannerit.
Success
Onnistumiset ja vahvistukset.
Warning
Varoitukset ja huomion kiinnittäminen.
Error
Virheilmoitukset ja kriittiset tilanteet.
Base-värit määrittelevät sovelluksen pinnat. Näitä voi hyödyntää kortteihin, modaleihin ja listataustoihin.
Base 100
Sovelluksen tausta.
--color-base-100Base 200
Toissijainen tausta tai korostus.
--color-base-200Base 300
Korttien reunat ja rajaukset.
--color-base-300Sama väripaletti toimii myös varoituksissa ja onnistumisviesteissä.
Info
Palvelun uudet ominaisuudet on julkaistu tänään.
Success
Kaikki integraatiot synkronoitu ilman virheitä.
Warning
Tallennustila on täyttymässä. Päivitä paketti ajoissa.
Error
API-avainta ei voitu validoida. Tarkista asetukset.
Kortit hyödyntävät aksenttivärejä osoittaakseen tilaa tai ominaisuuden tyyppiä.
Kirjoita tarinoita tiimin kanssa reaaliaikaisesti ja seuraa muutoksia sekunnissa.
Pidä huoli tarinoiden historiasta ja hyppää takaisin aiempaan versioon milloin tahansa.
Seuraa katselukertoja, jakomääriä ja sitoutumista yhdellä silmäyksellä.
Värimuuttujat tekevät myös tilastojen korostamisesta helppoa.
Aktiiviset projektit
128
+24% viime kuustaPalautteet tänään
42
3 kriittistä vastaustaVirhetilanteet
5
-62% edellisviikkoonLomakekentät käyttävät samoja border- ja taustamuuttujia, jotta kokonaisuus on yhtenäinen.
Taulukossa hyödynnetään samoja sävyjä statuksia varten.
| Projekti | Omistaja | Tila | Päivitetty |
|---|---|---|---|
| RollStory Labs | Clara Vision | Live | 15 minuuttia sitten |
| Syksyn kampanja | Mika Partanen | Tulossa | 2 tuntia sitten |
| Julkaisukalenteri | Zoe Nieminen | Huollettu | Eilen 19:34 |
Lisää vain theme-corporate juurielementtiin, niin kaikki yllä olevat komponentit mukautuvat. Voit rakentaa omat komponentit Tailwindin ja CSS-muuttujien yhdistelmällä ilman DaisyUI-pluginia.