|
2 | 2 | @import "../components/menu/menu.ios.vars";
|
3 | 3 | @import "../components/menu/menu.md.vars";
|
4 | 4 |
|
| 5 | +:root { |
| 6 | + /** primary **/ |
| 7 | + --ion-color-primary: #0054e9; |
| 8 | + --ion-color-primary-rgb: 0, 84, 233; |
| 9 | + --ion-color-primary-contrast: #ffffff; |
| 10 | + --ion-color-primary-contrast-rgb: 255, 255, 255; |
| 11 | + --ion-color-primary-shade: #004acd; |
| 12 | + --ion-color-primary-tint: #1a65eb; |
| 13 | + |
| 14 | + /** secondary **/ |
| 15 | + --ion-color-secondary: #0163aa; |
| 16 | + --ion-color-secondary-rgb: 1, 99, 170; |
| 17 | + --ion-color-secondary-contrast: #ffffff; |
| 18 | + --ion-color-secondary-contrast-rgb: 255, 255, 255; |
| 19 | + --ion-color-secondary-shade: #015796; |
| 20 | + --ion-color-secondary-tint: #1a73b3; |
| 21 | + |
| 22 | + /** tertiary **/ |
| 23 | + --ion-color-tertiary: #6030ff; |
| 24 | + --ion-color-tertiary-rgb: 96, 48, 255; |
| 25 | + --ion-color-tertiary-contrast: #ffffff; |
| 26 | + --ion-color-tertiary-contrast-rgb: 255, 255, 255; |
| 27 | + --ion-color-tertiary-shade: #542ae0; |
| 28 | + --ion-color-tertiary-tint: #7045ff; |
| 29 | + |
| 30 | + /** success **/ |
| 31 | + --ion-color-success: #2dd55b; |
| 32 | + --ion-color-success-rgb: 45, 213, 91; |
| 33 | + --ion-color-success-contrast: #000000; |
| 34 | + --ion-color-success-contrast-rgb: 0, 0, 0; |
| 35 | + --ion-color-success-shade: #28bb50; |
| 36 | + --ion-color-success-tint: #42d96b; |
| 37 | + |
| 38 | + /** warning **/ |
| 39 | + --ion-color-warning: #ffc409; |
| 40 | + --ion-color-warning-rgb: 255, 196, 9; |
| 41 | + --ion-color-warning-contrast: #000000; |
| 42 | + --ion-color-warning-contrast-rgb: 0, 0, 0; |
| 43 | + --ion-color-warning-shade: #e0ac08; |
| 44 | + --ion-color-warning-tint: #ffca22; |
| 45 | + |
| 46 | + /** danger **/ |
| 47 | + --ion-color-danger: #c5000f; |
| 48 | + --ion-color-danger-rgb: 197, 0, 15; |
| 49 | + --ion-color-danger-contrast: #ffffff; |
| 50 | + --ion-color-danger-contrast-rgb: 255, 255, 255; |
| 51 | + --ion-color-danger-shade: #ad000d; |
| 52 | + --ion-color-danger-tint: #cb1a27; |
| 53 | + |
| 54 | + /** dark **/ |
| 55 | + --ion-color-dark: #2f2f2f; |
| 56 | + --ion-color-dark-rgb: 47, 47, 47; |
| 57 | + --ion-color-dark-contrast: #ffffff; |
| 58 | + --ion-color-dark-contrast-rgb: 255, 255, 255; |
| 59 | + --ion-color-dark-shade: #292929; |
| 60 | + --ion-color-dark-tint: #444444; |
| 61 | + |
| 62 | + /** medium **/ |
| 63 | + --ion-color-medium: #5f5f5f; |
| 64 | + --ion-color-medium-rgb: 95, 95, 95; |
| 65 | + --ion-color-medium-contrast: #ffffff; |
| 66 | + --ion-color-medium-contrast-rgb: 255, 255, 255; |
| 67 | + --ion-color-medium-shade: #545454; |
| 68 | + --ion-color-medium-tint: #6f6f6f; |
| 69 | + |
| 70 | + /** light **/ |
| 71 | + --ion-color-light: #f6f8fc; |
| 72 | + --ion-color-light-rgb: 246, 248, 252; |
| 73 | + --ion-color-light-contrast: #000000; |
| 74 | + --ion-color-light-contrast-rgb: 0, 0, 0; |
| 75 | + --ion-color-light-shade: #d8dade; |
| 76 | + --ion-color-light-tint: #f7f9fc; |
| 77 | +} |
| 78 | + |
5 | 79 | // Ionic Font Family
|
6 | 80 | // --------------------------------------------------
|
7 | 81 |
|
|
0 commit comments