, før vi begynder med faktiske elementer gennemførelsen i ioniske ramme, lad os have en smule forståelse for, hvordan ioniske gør brug af farver til forskellige elementer,.,, ioniske ramme giver os ni foruddefinerede farve klasser.du kan bruge disse farver, eller du kan klare det, med din egen stil.,, følgende oversigt viser standardlisten over 9 farver, der leveres af ioner.vi vil benytte disse farver for design forskellige ioniske elementer i vores næste tutorials.for nu kan du tjekke alle farverne brøler:,, ioniske farve klasser, classdescriptionresult lys anvendes til hvid farve stableto anvendes til lys grå farve positive anvendes til blå farve calmto anvendes til lyseblå farve afbalanceret anvendes til grøn farve energizedto anvendes til gul farve assertiveto anvendes til rød farve royalto anvendes til violet farve darkto anvendes til sort farve, ioniske farve - anvendelse, ioniske gør brug af forskellige klasser for hvert enkelt element.for eksempel et hovedstød element vil have, bar, klasse og en knap, vil have, klasse.for at forenkle anvendelsen, vi bruger forskellige farver, som ved at tilføje elementer klasse i en farve navn.,, f.eks. for at skabe en blå farve header, vil vi anvende en bar rolig som følger:,, < div klasse = "bar bar header bar rolig" >...< /div >, også for at skabe en grå farve knap, vi vil bruge, knap stabil, klasse som følger:,, < div klasse = "knap" stabil ">...< /div >, kan du også bruge ioniske farve klassen som enhver anden css klasse.vi vil stil to afsnit under, afbalanceret, (grøn) og energi (gul) farve.,, < p - klassen = "afbalanceret" > stk. 1 < /p > < p - klassen = "energi" > stk. 2... <. /p >,, det vil give følgende resultat:,,, du vil se detaljer i kommende kapitler, når vi skaber forskellige elementer, ved hjælp af forskellige klasser.,, selv at bygge farver med css,, hvis du ønsker at ændre nogle af de ioniske misligholdelse farver ved hjælp af css, kan du gøre det ved redigering, l /css /ionic.css, fil.i nogle tilfælde er denne fremgangsmåde ikke er meget produktive, fordi hvert element (header, fod...) anvende sin egen klasse for stil.så hvis du ønsker at ændre farve af "light" klasse til orange, du ville blive nødt til at gennemsøge alle de elementer, der bruger denne klasse og ændre det.det er nyttigt, hvis du ønsker at ændre farve af et enkelt element, men ikke meget konkret for at ændre farve af alle elementer, fordi det ville bruge for meget tid.,, selv at bygge farver med frækhed, nu giver nemmere måde at ændre farve for alle elementer på én gang.hvis du ønsker at bruge frækhed, åben dit projekt i kommando vindue og type:,, c: \\ brugere. brugernavn. desktop. tutorialapp > ioner fælde siger, det vil nedsætte sass for deres projekt.nu kan du ændre misligholdelse farver, hvis du åbner, scss /ionic.app.scss, fil og type følgende før denne linje, @ import "www /l /ion /scss /ioniske".vi vil ændre, afbalanceret, farve til blå og strøm, farve til orange.to afsnit vi anvendes ovenfor er blå og orange. $afbalanceret:B!misligholdelse $strøm:&#ffa500!misligholdelse,, hvis du bruger følgende eksempel:,, < p - klassen = "afbalanceret" > stk. 1 < /p > < p - klassen = "energi" > stk. 2... < /p >,, dette vil medføre følgende resultat:,,, alle de ioniserede elementer, der bruger disse klasser vil ændre til blå og orange.tage hensyn til, at du ikke får brug for ionformige misligholdelse farver klasser.du kan altid stil elementer, som du vil.bemærk,,,,,,,, www /css /style.css, sagen vil blive fjernet fra hovedet af,., efter du installere sass.du bliver nødt til at forbinde det manuelt, hvis du stadig ønsker at bruge det.åbn din,., og tilføje følgende kode indenfor, header,.,, < forbindelse href = "css /stil. css" rel = "stylesheet" >,,