Token na ma'ana da token na asali
Token na ma'ana token na zane ne da aka sa masa suna bisa aikin da yake yi, ba ƙimar da yake ɗauke da ita ba, misali --color-text-danger maimakon --color-red-600. Yawanci yana nuni ga token na asali, don haka za a iya canza ƙimar da ke ƙarƙashinsa ba tare da an sake sunan duk abin da ke amfani da shi ba.
Hawa biyu
Yawancin tsare-tsaren token da suka girma suna da aƙalla hawa biyu.
Token na asali (ana kuma kiran su raw, global ko core tokens) suna ɗauke da ainihin ƙimomi. Ana sa musu suna bisa siffarsu:
--red-600: #DC2626;
--blue-500: #2563EB;
--space-4: 16px;Token na ma'ana suna ɗauke da zaɓin inda ake amfani da waɗannan ƙimomi. Ana sa musu suna bisa aikinsu:
--color-text-danger: var(--red-600);
--color-action-primary: var(--blue-500);
--space-card-padding: var(--space-4);Ɓangarori na nuni ga hawan ma'ana. Kusan babu abin da ya kamata ya yi nuni ga token na asali kai tsaye.
Me yasa wannan nuni ta tsakiya ke da amfani
Sauya alama ba zai zama sake rubutu ba. Ku canza abin da --color-action-primary ke nuni gare shi, kuma duk maɓallai za su bi. Da ɓangarori na nuni ga --blue-500, da sai kun gyara kowane ɓangare, kuma waɗanda suka yi amfani da shuɗi saboda wani dalili da ba shi da alaƙa da ayyuka za su lalace.
Jigogi za su yiwu. Yanayin duhu shi ne sunayen ma'ana iri ɗaya suna nuni ga wasu token na asali daban. Ba tare da hawan ma'ana ba, babu abin da za a karkatar da nuninsa.
Code na faɗin abin da yake nufi. --color-text-danger na gaya wa mai karatu dalilin da ya sa ƙimar ke nan. --red-600 ba ya gaya masa komai, kuma wannan ya fi muhimmanci lokacin da wani zai yanke shawara ko canza shi ba zai jawo matsala ba.
Kuskuren da aka saba yi
Ƙungiyoyi na tsallake hawan ma'ana saboda a ranar farko yana kama da ɓata lokaci, lokacin da ake da launuka goma sha ɗaya kuma kowa ya tuna aikin kowanne.
Illar tana bayyana a sauya alama na farko, yanayin duhu na farko, ko binciken samun dama na farko, kuma a lokacin an riga an yi nuni ga token na asali a ɗaruruwan wurare. Ƙara hawan ma'ana daga baya aiki ne mai sauƙin fahimta amma mai gajiyarwa, wanda babu wanda ke ware masa lokaci.
Hawa na uku
Manyan tsare-tsare na ƙara token na matakin ɓangare: --button-primary-background na nuni ga --color-action-primary, wanda ke nuni ga --blue-500.
Wannan na taimakawa idan wani ɓangare da gaske yana buƙatar ya bambanta, kuma yana ƙara nuni ta tsakiya a banza idan ba ya buƙata. Hawa biyu su ne zaɓin farko mafi dacewa; ku ƙara na uku idan ainihin buƙata ta taso, ba tun da wuri ba.
Yadda wannan ya shafi Flash DSM
Tsare-tsaren zane da Flash DSM ke ƙirƙira na zuwa da hawa biyun a shirye: matakan token na asali, da ayyukan ma'ana na rubutu, bango, iyaka da matsayi waɗanda ke nuni gare su, a yanayin haske da na duhu.