@ionic/react 8.0.0-dev.11711734184.18e3ccbf → 8.0.0-dev.11712850753.10c4a960

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +1 -1
  2. package/css/core.css +1 -624
  3. package/css/core.css.map +1 -1
  4. package/css/display.css +1 -131
  5. package/css/display.css.map +1 -1
  6. package/css/flex-utils.css +1 -81
  7. package/css/flex-utils.css.map +1 -1
  8. package/css/float-elements.css +1 -293
  9. package/css/float-elements.css.map +1 -1
  10. package/css/global.bundle.css +1 -457
  11. package/css/global.bundle.css.map +1 -1
  12. package/css/ionic-swiper.css +1 -127
  13. package/css/ionic-swiper.css.map +1 -1
  14. package/css/ionic.bundle.css +1 -1
  15. package/css/ionic.bundle.css.map +1 -1
  16. package/css/normalize.css +1 -150
  17. package/css/normalize.css.map +1 -1
  18. package/css/padding.css +1 -202
  19. package/css/padding.css.map +1 -1
  20. package/css/palettes/dark.always.css +1 -211
  21. package/css/palettes/dark.always.css.map +1 -1
  22. package/css/palettes/dark.class.css +1 -211
  23. package/css/palettes/dark.class.css.map +1 -1
  24. package/css/palettes/dark.css +0 -2
  25. package/css/palettes/dark.system.css +1 -213
  26. package/css/palettes/dark.system.css.map +1 -1
  27. package/css/palettes/high-contrast-dark.always.css +1 -180
  28. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  29. package/css/palettes/high-contrast-dark.class.css +1 -180
  30. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  31. package/css/palettes/high-contrast-dark.css +0 -2
  32. package/css/palettes/high-contrast-dark.system.css +1 -182
  33. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  34. package/css/palettes/high-contrast.always.css +1 -101
  35. package/css/palettes/high-contrast.always.css.map +1 -1
  36. package/css/palettes/high-contrast.class.css +1 -101
  37. package/css/palettes/high-contrast.class.css.map +1 -1
  38. package/css/palettes/high-contrast.css +0 -2
  39. package/css/palettes/high-contrast.system.css +1 -103
  40. package/css/palettes/high-contrast.system.css.map +1 -1
  41. package/css/structure.css +1 -152
  42. package/css/structure.css.map +1 -1
  43. package/css/text-alignment.css +1 -243
  44. package/css/text-alignment.css.map +1 -1
  45. package/css/text-transformation.css +1 -158
  46. package/css/text-transformation.css.map +1 -1
  47. package/css/typography.css +1 -157
  48. package/css/typography.css.map +1 -1
  49. package/css/utils.bundle.css +1 -1100
  50. package/css/utils.bundle.css.map +1 -1
  51. package/package.json +2 -2
package/css/palettes/dark.always.css CHANGED
@@ -1,211 +1 @@
1
- :root.ios {
2
- --ion-background-color: #000000;
3
- --ion-background-color-rgb: 0, 0, 0;
4
- --ion-text-color: #ffffff;
5
- --ion-text-color-rgb: 255, 255, 255;
6
- --ion-background-color-step-50: #0d0d0d;
7
- --ion-background-color-step-100: #1a1a1a;
8
- --ion-background-color-step-150: #262626;
9
- --ion-background-color-step-200: #333333;
10
- --ion-background-color-step-250: #404040;
11
- --ion-background-color-step-300: #4d4d4d;
12
- --ion-background-color-step-350: #595959;
13
- --ion-background-color-step-400: #666666;
14
- --ion-background-color-step-450: #737373;
15
- --ion-background-color-step-500: #808080;
16
- --ion-background-color-step-550: #8c8c8c;
17
- --ion-background-color-step-600: #999999;
18
- --ion-background-color-step-650: #a6a6a6;
19
- --ion-background-color-step-700: #b3b3b3;
20
- --ion-background-color-step-750: #bfbfbf;
21
- --ion-background-color-step-800: #cccccc;
22
- --ion-background-color-step-850: #d9d9d9;
23
- --ion-background-color-step-900: #e6e6e6;
24
- --ion-background-color-step-950: #f2f2f2;
25
- --ion-text-color-step-50: #f2f2f2;
26
- --ion-text-color-step-100: #e6e6e6;
27
- --ion-text-color-step-150: #d9d9d9;
28
- --ion-text-color-step-200: #cccccc;
29
- --ion-text-color-step-250: #bfbfbf;
30
- --ion-text-color-step-300: #b3b3b3;
31
- --ion-text-color-step-350: #a6a6a6;
32
- --ion-text-color-step-400: #999999;
33
- --ion-text-color-step-450: #8c8c8c;
34
- --ion-text-color-step-500: #808080;
35
- --ion-text-color-step-550: #737373;
36
- --ion-text-color-step-600: #666666;
37
- --ion-text-color-step-650: #595959;
38
- --ion-text-color-step-700: #4d4d4d;
39
- --ion-text-color-step-750: #404040;
40
- --ion-text-color-step-800: #333333;
41
- --ion-text-color-step-850: #262626;
42
- --ion-text-color-step-900: #1a1a1a;
43
- --ion-text-color-step-950: #0d0d0d;
44
- --ion-item-background: #000000;
45
- --ion-card-background: #1c1c1d;
46
- --ion-color-primary: #0054e9;
47
- --ion-color-primary-rgb: 0, 84, 233;
48
- --ion-color-primary-contrast: #fff;
49
- --ion-color-primary-contrast-rgb: 255, 255, 255;
50
- --ion-color-primary-shade: #004acd;
51
- --ion-color-primary-tint: #1a65eb;
52
- --ion-color-secondary: #0163aa;
53
- --ion-color-secondary-rgb: 1, 99, 170;
54
- --ion-color-secondary-contrast: #fff;
55
- --ion-color-secondary-contrast-rgb: 255, 255, 255;
56
- --ion-color-secondary-shade: #015796;
57
- --ion-color-secondary-tint: #1a73b3;
58
- --ion-color-tertiary: #6030ff;
59
- --ion-color-tertiary-rgb: 96, 48, 255;
60
- --ion-color-tertiary-contrast: #fff;
61
- --ion-color-tertiary-contrast-rgb: 255, 255, 255;
62
- --ion-color-tertiary-shade: #542ae0;
63
- --ion-color-tertiary-tint: #7045ff;
64
- --ion-color-success: #2dd55b;
65
- --ion-color-success-rgb: 45, 213, 91;
66
- --ion-color-success-contrast: #000;
67
- --ion-color-success-contrast-rgb: 0, 0, 0;
68
- --ion-color-success-shade: #28bb50;
69
- --ion-color-success-tint: #42d96b;
70
- --ion-color-warning: #ffc409;
71
- --ion-color-warning-rgb: 255, 196, 9;
72
- --ion-color-warning-contrast: #000;
73
- --ion-color-warning-contrast-rgb: 0, 0, 0;
74
- --ion-color-warning-shade: #e0ac08;
75
- --ion-color-warning-tint: #ffca22;
76
- --ion-color-danger: #c5000f;
77
- --ion-color-danger-rgb: 197, 0, 15;
78
- --ion-color-danger-contrast: #fff;
79
- --ion-color-danger-contrast-rgb: 255, 255, 255;
80
- --ion-color-danger-shade: #ad000d;
81
- --ion-color-danger-tint: #cb1a27;
82
- --ion-color-light: #222428;
83
- --ion-color-light-rgb: 34, 36, 40;
84
- --ion-color-light-contrast: #fff;
85
- --ion-color-light-contrast-rgb: 255, 255, 255;
86
- --ion-color-light-shade: #1e2023;
87
- --ion-color-light-tint: #383a3e;
88
- --ion-color-medium: #636469;
89
- --ion-color-medium-rgb: 99, 100, 105;
90
- --ion-color-medium-contrast: #fff;
91
- --ion-color-medium-contrast-rgb: 255, 255, 255;
92
- --ion-color-medium-shade: #57585c;
93
- --ion-color-medium-tint: #737478;
94
- --ion-color-dark: #f4f5f8;
95
- --ion-color-dark-rgb: 244, 245, 248;
96
- --ion-color-dark-contrast: #000;
97
- --ion-color-dark-contrast-rgb: 0, 0, 0;
98
- --ion-color-dark-shade: #d7d8da;
99
- --ion-color-dark-tint: #f5f6f9;
100
- }
101
- :root.ios ion-modal {
102
- --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
103
- --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
104
- --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
105
- }
106
-
107
- :root.md {
108
- --ion-background-color: #121212;
109
- --ion-background-color-rgb: 18, 18, 18;
110
- --ion-text-color: #ffffff;
111
- --ion-text-color-rgb: 255, 255, 255;
112
- --ion-border-color: #222222;
113
- --ion-background-color-step-50: #1e1e1e;
114
- --ion-background-color-step-100: #2a2a2a;
115
- --ion-background-color-step-150: #363636;
116
- --ion-background-color-step-200: #414141;
117
- --ion-background-color-step-250: #4d4d4d;
118
- --ion-background-color-step-300: #595959;
119
- --ion-background-color-step-350: #656565;
120
- --ion-background-color-step-400: #717171;
121
- --ion-background-color-step-450: #7d7d7d;
122
- --ion-background-color-step-500: #898989;
123
- --ion-background-color-step-550: #949494;
124
- --ion-background-color-step-600: #a0a0a0;
125
- --ion-background-color-step-650: #acacac;
126
- --ion-background-color-step-700: #b8b8b8;
127
- --ion-background-color-step-750: #c4c4c4;
128
- --ion-background-color-step-800: #d0d0d0;
129
- --ion-background-color-step-850: #dbdbdb;
130
- --ion-background-color-step-900: #e7e7e7;
131
- --ion-background-color-step-950: #f3f3f3;
132
- --ion-text-color-step-50: #f3f3f3;
133
- --ion-text-color-step-100: #e7e7e7;
134
- --ion-text-color-step-150: #dbdbdb;
135
- --ion-text-color-step-200: #d0d0d0;
136
- --ion-text-color-step-250: #c4c4c4;
137
- --ion-text-color-step-300: #b8b8b8;
138
- --ion-text-color-step-350: #acacac;
139
- --ion-text-color-step-400: #a0a0a0;
140
- --ion-text-color-step-450: #949494;
141
- --ion-text-color-step-500: #898989;
142
- --ion-text-color-step-550: #7d7d7d;
143
- --ion-text-color-step-600: #717171;
144
- --ion-text-color-step-650: #656565;
145
- --ion-text-color-step-700: #595959;
146
- --ion-text-color-step-750: #4d4d4d;
147
- --ion-text-color-step-800: #414141;
148
- --ion-text-color-step-850: #363636;
149
- --ion-text-color-step-900: #2a2a2a;
150
- --ion-text-color-step-950: #1e1e1e;
151
- --ion-item-background: #1e1e1e;
152
- --ion-toolbar-background: #1f1f1f;
153
- --ion-tab-bar-background: #1f1f1f;
154
- --ion-card-background: #1e1e1e;
155
- --ion-color-primary: #4d8dff;
156
- --ion-color-primary-rgb: 77, 141, 255;
157
- --ion-color-primary-contrast: #000;
158
- --ion-color-primary-contrast-rgb: 0, 0, 0;
159
- --ion-color-primary-shade: #447ce0;
160
- --ion-color-primary-tint: #5f98ff;
161
- --ion-color-secondary: #62bdff;
162
- --ion-color-secondary-rgb: 98, 189, 255;
163
- --ion-color-secondary-contrast: #000;
164
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
165
- --ion-color-secondary-shade: #56a6e0;
166
- --ion-color-secondary-tint: #72c4ff;
167
- --ion-color-tertiary: #8482fb;
168
- --ion-color-tertiary-rgb: 132, 130, 251;
169
- --ion-color-tertiary-contrast: #000;
170
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
171
- --ion-color-tertiary-shade: #7472dd;
172
- --ion-color-tertiary-tint: #908ffb;
173
- --ion-color-success: #2dd55b;
174
- --ion-color-success-rgb: 45, 213, 91;
175
- --ion-color-success-contrast: #000;
176
- --ion-color-success-contrast-rgb: 0, 0, 0;
177
- --ion-color-success-shade: #28bb50;
178
- --ion-color-success-tint: #42d96b;
179
- --ion-color-warning: #ffce31;
180
- --ion-color-warning-rgb: 255, 206, 49;
181
- --ion-color-warning-contrast: #000;
182
- --ion-color-warning-contrast-rgb: 0, 0, 0;
183
- --ion-color-warning-shade: #e0b52b;
184
- --ion-color-warning-tint: #ffd346;
185
- --ion-color-danger: #f56570;
186
- --ion-color-danger-rgb: 245, 101, 112;
187
- --ion-color-danger-contrast: #000;
188
- --ion-color-danger-contrast-rgb: 0, 0, 0;
189
- --ion-color-danger-shade: #d85963;
190
- --ion-color-danger-tint: #f6747e;
191
- --ion-color-light: #222428;
192
- --ion-color-light-rgb: 34, 36, 40;
193
- --ion-color-light-contrast: #fff;
194
- --ion-color-light-contrast-rgb: 255, 255, 255;
195
- --ion-color-light-shade: #1e2023;
196
- --ion-color-light-tint: #383a3e;
197
- --ion-color-medium: #989aa2;
198
- --ion-color-medium-rgb: 152, 154, 162;
199
- --ion-color-medium-contrast: #000;
200
- --ion-color-medium-contrast-rgb: 0, 0, 0;
201
- --ion-color-medium-shade: #86888f;
202
- --ion-color-medium-tint: #a2a4ab;
203
- --ion-color-dark: #f4f5f8;
204
- --ion-color-dark-rgb: 244, 245, 248;
205
- --ion-color-dark-contrast: #000;
206
- --ion-color-dark-contrast-rgb: 0, 0, 0;
207
- --ion-color-dark-shade: #d7d8da;
208
- --ion-color-dark-tint: #f5f6f9;
209
- }
210
-
211
- /*# sourceMappingURL=dark.always.css.map */
1
+ :root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #62bdff;--ion-color-secondary-rgb: 98, 189, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #56a6e0;--ion-color-secondary-tint: #72c4ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f56570;--ion-color-danger-rgb: 245, 101, 112;--ion-color-danger-contrast: #000000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d85963;--ion-color-danger-tint: #f6747e;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #ffffff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-border-color: #222222;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}/*# sourceMappingURL=dark.always.css.map */
package/css/palettes/dark.always.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/palettes/dark.scss"],"names":[],"mappings":"AAyJE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGE;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGE;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA","file":"dark.always.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n/// The iOS and MD2 design systems deviate a bit when it comes to the dark color palette.\n/// iOS almost exclusively leaves the color palette alone. For example, a button with a blue background\n/// and white text with a light palette uses the same colors with a dark palette. As a result, the\n/// iOS dark palette is very close to the global light palette.\n/// Material Design tends to invert and desaturate colors. For example, a button with a blue background\n/// and white text with a light palette would appear with a lighter blue background and black text.\n/// This is important for Material Design to do because it will sometimes use colors on the page background.\n/// As a result, those colors need to be desaturated/light enough to appear with sufficient contrast\n/// against dark backgrounds on the dark palette. An example of this is SegmentButton as this can typically\n/// appear against a dark Toolbar background with the dark palette.\n\n$ios: (\n primary: #0054e9,\n secondary: #0163aa,\n tertiary: #6030ff,\n success: #2dd55b,\n warning: #ffc409,\n danger: #c5000f,\n light: #222428,\n medium: #636469,\n dark: #f4f5f8,\n);\n\n$ios-colors: (\n primary: (\n base: map.get($ios, primary),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, primary)),\n tint: get-color-tint(map.get($ios, primary))\n ),\n secondary: (\n base: map.get($ios, secondary),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, secondary)),\n tint: get-color-tint(map.get($ios, secondary))\n ),\n tertiary: (\n base: map.get($ios, tertiary),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, tertiary)),\n tint: get-color-tint(map.get($ios, tertiary))\n ),\n success: (\n base: map.get($ios, success),\n contrast: #000,\n shade: get-color-shade(map.get($ios, success)),\n tint: get-color-tint(map.get($ios, success))\n ),\n warning: (\n base: map.get($ios, warning),\n contrast: #000,\n shade: get-color-shade(map.get($ios, warning)),\n tint: get-color-tint(map.get($ios, warning))\n ),\n danger: (\n base: map.get($ios, danger),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, danger)),\n tint: get-color-tint(map.get($ios, danger))\n ),\n light: (\n base: map.get($ios, light),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, light)),\n tint: get-color-tint(map.get($ios, light))\n ),\n medium: (\n base: map.get($ios, medium),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, medium)),\n tint: get-color-tint(map.get($ios, medium))\n ),\n dark: (\n base: map.get($ios, dark),\n contrast: #000,\n shade: get-color-shade(map.get($ios, dark)),\n tint: get-color-tint(map.get($ios, dark))\n )\n);\n\n$md: (\n primary: #4d8dff,\n secondary: #62bdff,\n tertiary: #8482fb,\n success: #2dd55b,\n warning: #ffce31,\n danger: #f56570,\n light: #222428,\n medium: #989aa2,\n dark: #f4f5f8,\n);\n\n$md-colors: (\n primary: (\n base: map.get($md, primary),\n contrast: #000,\n shade: get-color-shade(map.get($md, primary)),\n tint: get-color-tint(map.get($md, primary))\n ),\n secondary: (\n base: map.get($md, secondary),\n contrast: #000,\n shade: get-color-shade(map.get($md, secondary)),\n tint: get-color-tint(map.get($md, secondary))\n ),\n tertiary: (\n base: map.get($md, tertiary),\n contrast: #000,\n shade: get-color-shade(map.get($md, tertiary)),\n tint: get-color-tint(map.get($md, tertiary))\n ),\n success: (\n base: map.get($md, success),\n contrast: #000,\n shade: get-color-shade(map.get($md, success)),\n tint: get-color-tint(map.get($md, success))\n ),\n warning: (\n base: map.get($md, warning),\n contrast: #000,\n shade: get-color-shade(map.get($md, warning)),\n tint: get-color-tint(map.get($md, warning))\n ),\n danger: (\n base: map.get($md, danger),\n contrast: #000,\n shade: get-color-shade(map.get($md, danger)),\n tint: get-color-tint(map.get($md, danger))\n ),\n light: (\n base: map.get($md, light),\n contrast: #fff,\n shade: get-color-shade(map.get($md, light)),\n tint: get-color-tint(map.get($md, light))\n ),\n medium: (\n base: map.get($md, medium),\n contrast: #000,\n shade: get-color-shade(map.get($md, medium)),\n tint: get-color-tint(map.get($md, medium))\n ),\n dark: (\n base: map.get($md, dark),\n contrast: #000,\n shade: get-color-shade(map.get($md, dark)),\n tint: get-color-tint(map.get($md, dark))\n )\n);\n\n@mixin dark-ios-palette() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n @each $color-name, $value in $ios-colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-palette() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n @each $color-name, $value in $md-colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/palettes/dark.scss"],"names":[],"mappings":"AACE,MACE,6BACA,sCACA,sCACA,0CACA,mCACA,kCACA,+BACA,wCACA,wCACA,4CACA,qCACA,oCACA,8BACA,wCACA,uCACA,2CACA,oCACA,mCACA,6BACA,qCACA,sCACA,0CACA,mCACA,kCACA,6BACA,sCACA,sCACA,0CACA,mCACA,kCACA,4BACA,sCACA,qCACA,yCACA,kCACA,iCACA,0BACA,oCACA,mCACA,uCACA,gCACA,+BACA,4BACA,sCACA,qCACA,yCACA,kCACA,iCACA,2BACA,kCACA,oCACA,8CACA,iCACA,gCAKF,UACE,gCACA,oCACA,0BACA,oCACA,wCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,kCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,+BACA,+BAGF,oBACE,wFACA,0FACA,4FAKF,SACE,gCACA,uCACA,0BACA,oCACA,4BACA,wCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,kCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,+BACA,kCACA,kCACA","file":"dark.always.css","sourcesContent":["@mixin dark-base-palette() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-palette() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-palette() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/css/palettes/dark.class.css CHANGED
@@ -1,211 +1 @@
1
- .ion-palette-dark.ios {
2
- --ion-background-color: #000000;
3
- --ion-background-color-rgb: 0, 0, 0;
4
- --ion-text-color: #ffffff;
5
- --ion-text-color-rgb: 255, 255, 255;
6
- --ion-background-color-step-50: #0d0d0d;
7
- --ion-background-color-step-100: #1a1a1a;
8
- --ion-background-color-step-150: #262626;
9
- --ion-background-color-step-200: #333333;
10
- --ion-background-color-step-250: #404040;
11
- --ion-background-color-step-300: #4d4d4d;
12
- --ion-background-color-step-350: #595959;
13
- --ion-background-color-step-400: #666666;
14
- --ion-background-color-step-450: #737373;
15
- --ion-background-color-step-500: #808080;
16
- --ion-background-color-step-550: #8c8c8c;
17
- --ion-background-color-step-600: #999999;
18
- --ion-background-color-step-650: #a6a6a6;
19
- --ion-background-color-step-700: #b3b3b3;
20
- --ion-background-color-step-750: #bfbfbf;
21
- --ion-background-color-step-800: #cccccc;
22
- --ion-background-color-step-850: #d9d9d9;
23
- --ion-background-color-step-900: #e6e6e6;
24
- --ion-background-color-step-950: #f2f2f2;
25
- --ion-text-color-step-50: #f2f2f2;
26
- --ion-text-color-step-100: #e6e6e6;
27
- --ion-text-color-step-150: #d9d9d9;
28
- --ion-text-color-step-200: #cccccc;
29
- --ion-text-color-step-250: #bfbfbf;
30
- --ion-text-color-step-300: #b3b3b3;
31
- --ion-text-color-step-350: #a6a6a6;
32
- --ion-text-color-step-400: #999999;
33
- --ion-text-color-step-450: #8c8c8c;
34
- --ion-text-color-step-500: #808080;
35
- --ion-text-color-step-550: #737373;
36
- --ion-text-color-step-600: #666666;
37
- --ion-text-color-step-650: #595959;
38
- --ion-text-color-step-700: #4d4d4d;
39
- --ion-text-color-step-750: #404040;
40
- --ion-text-color-step-800: #333333;
41
- --ion-text-color-step-850: #262626;
42
- --ion-text-color-step-900: #1a1a1a;
43
- --ion-text-color-step-950: #0d0d0d;
44
- --ion-item-background: #000000;
45
- --ion-card-background: #1c1c1d;
46
- --ion-color-primary: #0054e9;
47
- --ion-color-primary-rgb: 0, 84, 233;
48
- --ion-color-primary-contrast: #fff;
49
- --ion-color-primary-contrast-rgb: 255, 255, 255;
50
- --ion-color-primary-shade: #004acd;
51
- --ion-color-primary-tint: #1a65eb;
52
- --ion-color-secondary: #0163aa;
53
- --ion-color-secondary-rgb: 1, 99, 170;
54
- --ion-color-secondary-contrast: #fff;
55
- --ion-color-secondary-contrast-rgb: 255, 255, 255;
56
- --ion-color-secondary-shade: #015796;
57
- --ion-color-secondary-tint: #1a73b3;
58
- --ion-color-tertiary: #6030ff;
59
- --ion-color-tertiary-rgb: 96, 48, 255;
60
- --ion-color-tertiary-contrast: #fff;
61
- --ion-color-tertiary-contrast-rgb: 255, 255, 255;
62
- --ion-color-tertiary-shade: #542ae0;
63
- --ion-color-tertiary-tint: #7045ff;
64
- --ion-color-success: #2dd55b;
65
- --ion-color-success-rgb: 45, 213, 91;
66
- --ion-color-success-contrast: #000;
67
- --ion-color-success-contrast-rgb: 0, 0, 0;
68
- --ion-color-success-shade: #28bb50;
69
- --ion-color-success-tint: #42d96b;
70
- --ion-color-warning: #ffc409;
71
- --ion-color-warning-rgb: 255, 196, 9;
72
- --ion-color-warning-contrast: #000;
73
- --ion-color-warning-contrast-rgb: 0, 0, 0;
74
- --ion-color-warning-shade: #e0ac08;
75
- --ion-color-warning-tint: #ffca22;
76
- --ion-color-danger: #c5000f;
77
- --ion-color-danger-rgb: 197, 0, 15;
78
- --ion-color-danger-contrast: #fff;
79
- --ion-color-danger-contrast-rgb: 255, 255, 255;
80
- --ion-color-danger-shade: #ad000d;
81
- --ion-color-danger-tint: #cb1a27;
82
- --ion-color-light: #222428;
83
- --ion-color-light-rgb: 34, 36, 40;
84
- --ion-color-light-contrast: #fff;
85
- --ion-color-light-contrast-rgb: 255, 255, 255;
86
- --ion-color-light-shade: #1e2023;
87
- --ion-color-light-tint: #383a3e;
88
- --ion-color-medium: #636469;
89
- --ion-color-medium-rgb: 99, 100, 105;
90
- --ion-color-medium-contrast: #fff;
91
- --ion-color-medium-contrast-rgb: 255, 255, 255;
92
- --ion-color-medium-shade: #57585c;
93
- --ion-color-medium-tint: #737478;
94
- --ion-color-dark: #f4f5f8;
95
- --ion-color-dark-rgb: 244, 245, 248;
96
- --ion-color-dark-contrast: #000;
97
- --ion-color-dark-contrast-rgb: 0, 0, 0;
98
- --ion-color-dark-shade: #d7d8da;
99
- --ion-color-dark-tint: #f5f6f9;
100
- }
101
- .ion-palette-dark.ios ion-modal {
102
- --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
103
- --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
104
- --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
105
- }
106
-
107
- .ion-palette-dark.md {
108
- --ion-background-color: #121212;
109
- --ion-background-color-rgb: 18, 18, 18;
110
- --ion-text-color: #ffffff;
111
- --ion-text-color-rgb: 255, 255, 255;
112
- --ion-border-color: #222222;
113
- --ion-background-color-step-50: #1e1e1e;
114
- --ion-background-color-step-100: #2a2a2a;
115
- --ion-background-color-step-150: #363636;
116
- --ion-background-color-step-200: #414141;
117
- --ion-background-color-step-250: #4d4d4d;
118
- --ion-background-color-step-300: #595959;
119
- --ion-background-color-step-350: #656565;
120
- --ion-background-color-step-400: #717171;
121
- --ion-background-color-step-450: #7d7d7d;
122
- --ion-background-color-step-500: #898989;
123
- --ion-background-color-step-550: #949494;
124
- --ion-background-color-step-600: #a0a0a0;
125
- --ion-background-color-step-650: #acacac;
126
- --ion-background-color-step-700: #b8b8b8;
127
- --ion-background-color-step-750: #c4c4c4;
128
- --ion-background-color-step-800: #d0d0d0;
129
- --ion-background-color-step-850: #dbdbdb;
130
- --ion-background-color-step-900: #e7e7e7;
131
- --ion-background-color-step-950: #f3f3f3;
132
- --ion-text-color-step-50: #f3f3f3;
133
- --ion-text-color-step-100: #e7e7e7;
134
- --ion-text-color-step-150: #dbdbdb;
135
- --ion-text-color-step-200: #d0d0d0;
136
- --ion-text-color-step-250: #c4c4c4;
137
- --ion-text-color-step-300: #b8b8b8;
138
- --ion-text-color-step-350: #acacac;
139
- --ion-text-color-step-400: #a0a0a0;
140
- --ion-text-color-step-450: #949494;
141
- --ion-text-color-step-500: #898989;
142
- --ion-text-color-step-550: #7d7d7d;
143
- --ion-text-color-step-600: #717171;
144
- --ion-text-color-step-650: #656565;
145
- --ion-text-color-step-700: #595959;
146
- --ion-text-color-step-750: #4d4d4d;
147
- --ion-text-color-step-800: #414141;
148
- --ion-text-color-step-850: #363636;
149
- --ion-text-color-step-900: #2a2a2a;
150
- --ion-text-color-step-950: #1e1e1e;
151
- --ion-item-background: #1e1e1e;
152
- --ion-toolbar-background: #1f1f1f;
153
- --ion-tab-bar-background: #1f1f1f;
154
- --ion-card-background: #1e1e1e;
155
- --ion-color-primary: #4d8dff;
156
- --ion-color-primary-rgb: 77, 141, 255;
157
- --ion-color-primary-contrast: #000;
158
- --ion-color-primary-contrast-rgb: 0, 0, 0;
159
- --ion-color-primary-shade: #447ce0;
160
- --ion-color-primary-tint: #5f98ff;
161
- --ion-color-secondary: #62bdff;
162
- --ion-color-secondary-rgb: 98, 189, 255;
163
- --ion-color-secondary-contrast: #000;
164
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
165
- --ion-color-secondary-shade: #56a6e0;
166
- --ion-color-secondary-tint: #72c4ff;
167
- --ion-color-tertiary: #8482fb;
168
- --ion-color-tertiary-rgb: 132, 130, 251;
169
- --ion-color-tertiary-contrast: #000;
170
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
171
- --ion-color-tertiary-shade: #7472dd;
172
- --ion-color-tertiary-tint: #908ffb;
173
- --ion-color-success: #2dd55b;
174
- --ion-color-success-rgb: 45, 213, 91;
175
- --ion-color-success-contrast: #000;
176
- --ion-color-success-contrast-rgb: 0, 0, 0;
177
- --ion-color-success-shade: #28bb50;
178
- --ion-color-success-tint: #42d96b;
179
- --ion-color-warning: #ffce31;
180
- --ion-color-warning-rgb: 255, 206, 49;
181
- --ion-color-warning-contrast: #000;
182
- --ion-color-warning-contrast-rgb: 0, 0, 0;
183
- --ion-color-warning-shade: #e0b52b;
184
- --ion-color-warning-tint: #ffd346;
185
- --ion-color-danger: #f56570;
186
- --ion-color-danger-rgb: 245, 101, 112;
187
- --ion-color-danger-contrast: #000;
188
- --ion-color-danger-contrast-rgb: 0, 0, 0;
189
- --ion-color-danger-shade: #d85963;
190
- --ion-color-danger-tint: #f6747e;
191
- --ion-color-light: #222428;
192
- --ion-color-light-rgb: 34, 36, 40;
193
- --ion-color-light-contrast: #fff;
194
- --ion-color-light-contrast-rgb: 255, 255, 255;
195
- --ion-color-light-shade: #1e2023;
196
- --ion-color-light-tint: #383a3e;
197
- --ion-color-medium: #989aa2;
198
- --ion-color-medium-rgb: 152, 154, 162;
199
- --ion-color-medium-contrast: #000;
200
- --ion-color-medium-contrast-rgb: 0, 0, 0;
201
- --ion-color-medium-shade: #86888f;
202
- --ion-color-medium-tint: #a2a4ab;
203
- --ion-color-dark: #f4f5f8;
204
- --ion-color-dark-rgb: 244, 245, 248;
205
- --ion-color-dark-contrast: #000;
206
- --ion-color-dark-contrast-rgb: 0, 0, 0;
207
- --ion-color-dark-shade: #d7d8da;
208
- --ion-color-dark-tint: #f5f6f9;
209
- }
210
-
211
- /*# sourceMappingURL=dark.class.css.map */
1
+ .ion-palette-dark{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #62bdff;--ion-color-secondary-rgb: 98, 189, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #56a6e0;--ion-color-secondary-tint: #72c4ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f56570;--ion-color-danger-rgb: 245, 101, 112;--ion-color-danger-contrast: #000000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d85963;--ion-color-danger-tint: #f6747e;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #ffffff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e}.ion-palette-dark.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}.ion-palette-dark.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}.ion-palette-dark.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-border-color: #222222;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}/*# sourceMappingURL=dark.class.css.map */
package/css/palettes/dark.class.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/palettes/dark.scss"],"names":[],"mappings":"AAyJE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGE;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGE;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA","file":"dark.class.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n/// The iOS and MD2 design systems deviate a bit when it comes to the dark color palette.\n/// iOS almost exclusively leaves the color palette alone. For example, a button with a blue background\n/// and white text with a light palette uses the same colors with a dark palette. As a result, the\n/// iOS dark palette is very close to the global light palette.\n/// Material Design tends to invert and desaturate colors. For example, a button with a blue background\n/// and white text with a light palette would appear with a lighter blue background and black text.\n/// This is important for Material Design to do because it will sometimes use colors on the page background.\n/// As a result, those colors need to be desaturated/light enough to appear with sufficient contrast\n/// against dark backgrounds on the dark palette. An example of this is SegmentButton as this can typically\n/// appear against a dark Toolbar background with the dark palette.\n\n$ios: (\n primary: #0054e9,\n secondary: #0163aa,\n tertiary: #6030ff,\n success: #2dd55b,\n warning: #ffc409,\n danger: #c5000f,\n light: #222428,\n medium: #636469,\n dark: #f4f5f8,\n);\n\n$ios-colors: (\n primary: (\n base: map.get($ios, primary),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, primary)),\n tint: get-color-tint(map.get($ios, primary))\n ),\n secondary: (\n base: map.get($ios, secondary),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, secondary)),\n tint: get-color-tint(map.get($ios, secondary))\n ),\n tertiary: (\n base: map.get($ios, tertiary),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, tertiary)),\n tint: get-color-tint(map.get($ios, tertiary))\n ),\n success: (\n base: map.get($ios, success),\n contrast: #000,\n shade: get-color-shade(map.get($ios, success)),\n tint: get-color-tint(map.get($ios, success))\n ),\n warning: (\n base: map.get($ios, warning),\n contrast: #000,\n shade: get-color-shade(map.get($ios, warning)),\n tint: get-color-tint(map.get($ios, warning))\n ),\n danger: (\n base: map.get($ios, danger),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, danger)),\n tint: get-color-tint(map.get($ios, danger))\n ),\n light: (\n base: map.get($ios, light),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, light)),\n tint: get-color-tint(map.get($ios, light))\n ),\n medium: (\n base: map.get($ios, medium),\n contrast: #fff,\n shade: get-color-shade(map.get($ios, medium)),\n tint: get-color-tint(map.get($ios, medium))\n ),\n dark: (\n base: map.get($ios, dark),\n contrast: #000,\n shade: get-color-shade(map.get($ios, dark)),\n tint: get-color-tint(map.get($ios, dark))\n )\n);\n\n$md: (\n primary: #4d8dff,\n secondary: #62bdff,\n tertiary: #8482fb,\n success: #2dd55b,\n warning: #ffce31,\n danger: #f56570,\n light: #222428,\n medium: #989aa2,\n dark: #f4f5f8,\n);\n\n$md-colors: (\n primary: (\n base: map.get($md, primary),\n contrast: #000,\n shade: get-color-shade(map.get($md, primary)),\n tint: get-color-tint(map.get($md, primary))\n ),\n secondary: (\n base: map.get($md, secondary),\n contrast: #000,\n shade: get-color-shade(map.get($md, secondary)),\n tint: get-color-tint(map.get($md, secondary))\n ),\n tertiary: (\n base: map.get($md, tertiary),\n contrast: #000,\n shade: get-color-shade(map.get($md, tertiary)),\n tint: get-color-tint(map.get($md, tertiary))\n ),\n success: (\n base: map.get($md, success),\n contrast: #000,\n shade: get-color-shade(map.get($md, success)),\n tint: get-color-tint(map.get($md, success))\n ),\n warning: (\n base: map.get($md, warning),\n contrast: #000,\n shade: get-color-shade(map.get($md, warning)),\n tint: get-color-tint(map.get($md, warning))\n ),\n danger: (\n base: map.get($md, danger),\n contrast: #000,\n shade: get-color-shade(map.get($md, danger)),\n tint: get-color-tint(map.get($md, danger))\n ),\n light: (\n base: map.get($md, light),\n contrast: #fff,\n shade: get-color-shade(map.get($md, light)),\n tint: get-color-tint(map.get($md, light))\n ),\n medium: (\n base: map.get($md, medium),\n contrast: #000,\n shade: get-color-shade(map.get($md, medium)),\n tint: get-color-tint(map.get($md, medium))\n ),\n dark: (\n base: map.get($md, dark),\n contrast: #000,\n shade: get-color-shade(map.get($md, dark)),\n tint: get-color-tint(map.get($md, dark))\n )\n);\n\n@mixin dark-ios-palette() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n @each $color-name, $value in $ios-colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-palette() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n @each $color-name, $value in $md-colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/palettes/dark.scss"],"names":[],"mappings":"AACE,kBACE,6BACA,sCACA,sCACA,0CACA,mCACA,kCACA,+BACA,wCACA,wCACA,4CACA,qCACA,oCACA,8BACA,wCACA,uCACA,2CACA,oCACA,mCACA,6BACA,qCACA,sCACA,0CACA,mCACA,kCACA,6BACA,sCACA,sCACA,0CACA,mCACA,kCACA,4BACA,sCACA,qCACA,yCACA,kCACA,iCACA,0BACA,oCACA,mCACA,uCACA,gCACA,+BACA,4BACA,sCACA,qCACA,yCACA,kCACA,iCACA,2BACA,kCACA,oCACA,8CACA,iCACA,gCAKF,sBACE,gCACA,oCACA,0BACA,oCACA,wCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,kCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,+BACA,+BAGF,gCACE,wFACA,0FACA,4FAKF,qBACE,gCACA,uCACA,0BACA,oCACA,4BACA,wCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,yCACA,kCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,mCACA,+BACA,kCACA,kCACA","file":"dark.class.css","sourcesContent":["@mixin dark-base-palette() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-palette() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-palette() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/css/palettes/dark.css CHANGED
@@ -1,3 +1 @@
1
-
2
-
3
1
  /*# sourceMappingURL=dark.css.map */