Added primary color variations samples

okode · Sep 5, 2019 · 7fa7d5c · 7fa7d5c
1 parent 9cd3077
commit 7fa7d5c
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/src/app/theming/theming.page.html b/src/app/theming/theming.page.html
@@ -49,6 +49,35 @@ <h4>Status</h4>
       <code slot="end">#d81e05</code>
     </ion-item>
 
+    <br>
+    <h4>Primary variations</h4>
+
+    <ion-item>
+      <ion-icon color="primary-dark" name="square" slot="start"></ion-icon>
+      <ion-label>primary-dark</ion-label>
+      <code slot="end">#ae0404</code>
+    </ion-item>
+    <ion-item>
+      <ion-icon color="primary-medium-dark" name="square" slot="start"></ion-icon>
+      <ion-label>primary-medium-dark</ion-label>
+      <code slot="end">#be0f0f</code>
+    </ion-item>
+    <ion-item>
+      <ion-icon color="primary" name="square" slot="start"></ion-icon>
+      <ion-label>primary</ion-label>
+      <code slot="end">#d81e05</code>
+    </ion-item>
+    <ion-item>
+      <ion-icon color="primary-medium-light" name="square" slot="start"></ion-icon>
+      <ion-label>primary-medium-light</ion-label>
+      <code slot="end">#ec8f82</code>
+    </ion-item>
+    <ion-item>
+      <ion-icon color="primary-light" name="square" slot="start"></ion-icon>
+      <ion-label>primary-light</ion-label>
+      <code slot="end">#ffeaea</code>
+    </ion-item>
+
     <br>
     <h4>Grayscale</h4>