@ionic/react 7.7.2-dev.11707932366.16baf005 → 7.7.2-dev.11707941206.120570b8

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 (48) hide show
  1. package/css/core.css +27 -90
  2. package/css/core.css.map +1 -1
  3. package/css/display.css.map +1 -1
  4. package/css/float-elements.css.map +1 -1
  5. package/css/global.bundle.css +1 -1
  6. package/css/global.bundle.css.map +1 -1
  7. package/css/ionic-swiper.css.map +1 -1
  8. package/css/ionic.bundle.css +1 -1
  9. package/css/ionic.bundle.css.map +1 -1
  10. package/css/padding.css.map +1 -1
  11. package/css/structure.css.map +1 -1
  12. package/css/text-alignment.css.map +1 -1
  13. package/css/text-transformation.css.map +1 -1
  14. package/css/typography.css +1 -1
  15. package/css/typography.css.map +1 -1
  16. package/css/utils.bundle.css.map +1 -1
  17. package/dist/index.js +86 -93
  18. package/dist/index.js.map +1 -1
  19. package/dist/types/components/IonPicker.d.ts +3 -0
  20. package/dist/types/components/index.d.ts +1 -1
  21. package/dist/types/components/proxies.d.ts +0 -3
  22. package/dist/types/hooks/useIonPicker.d.ts +0 -1
  23. package/package.json +2 -2
  24. package/css/themes/dark.always.css +0 -160
  25. package/css/themes/dark.always.css.map +0 -1
  26. package/css/themes/dark.class.css +0 -160
  27. package/css/themes/dark.class.css.map +0 -1
  28. package/css/themes/dark.css +0 -3
  29. package/css/themes/dark.css.map +0 -1
  30. package/css/themes/dark.system.css +0 -162
  31. package/css/themes/dark.system.css.map +0 -1
  32. package/css/themes/high-contrast-dark.always.css +0 -180
  33. package/css/themes/high-contrast-dark.always.css.map +0 -1
  34. package/css/themes/high-contrast-dark.class.css +0 -180
  35. package/css/themes/high-contrast-dark.class.css.map +0 -1
  36. package/css/themes/high-contrast-dark.css +0 -3
  37. package/css/themes/high-contrast-dark.css.map +0 -1
  38. package/css/themes/high-contrast-dark.system.css +0 -182
  39. package/css/themes/high-contrast-dark.system.css.map +0 -1
  40. package/css/themes/high-contrast.always.css +0 -101
  41. package/css/themes/high-contrast.always.css.map +0 -1
  42. package/css/themes/high-contrast.class.css +0 -101
  43. package/css/themes/high-contrast.class.css.map +0 -1
  44. package/css/themes/high-contrast.css +0 -3
  45. package/css/themes/high-contrast.css.map +0 -1
  46. package/css/themes/high-contrast.system.css +0 -103
  47. package/css/themes/high-contrast.system.css.map +0 -1
  48. package/dist/types/components/IonPickerLegacy.d.ts +0 -3
package/dist/types/components/IonPicker.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { JSX } from '@ionic/core/components';
3
+ export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;
package/dist/types/components/index.d.ts CHANGED
@@ -5,7 +5,7 @@ export * from './routing-proxies';
5
5
  export { IonAlert } from './IonAlert';
6
6
  export { IonLoading } from './IonLoading';
7
7
  export * from './IonToast';
8
- export { IonPickerLegacy } from './IonPickerLegacy';
8
+ export { IonPicker } from './IonPicker';
9
9
  export * from './IonActionSheet';
10
10
  export { IonModal } from './IonModal';
11
11
  export { IonPopover } from './IonPopover';
package/dist/types/components/proxies.d.ts CHANGED
@@ -39,9 +39,6 @@ export declare const IonMenuToggle: import("react").ForwardRefExoticComponent<JS
39
39
  export declare const IonNav: import("react").ForwardRefExoticComponent<JSX.IonNav & Omit<import("react").HTMLAttributes<HTMLIonNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavElement>>;
40
40
  export declare const IonNavLink: import("react").ForwardRefExoticComponent<JSX.IonNavLink & Omit<import("react").HTMLAttributes<HTMLIonNavLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavLinkElement>>;
41
41
  export declare const IonNote: import("react").ForwardRefExoticComponent<JSX.IonNote & Omit<import("react").HTMLAttributes<HTMLIonNoteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNoteElement>>;
42
- export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;
43
- export declare const IonPickerColumn: import("react").ForwardRefExoticComponent<JSX.IonPickerColumn & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnElement>>;
44
- export declare const IonPickerColumnOption: import("react").ForwardRefExoticComponent<JSX.IonPickerColumnOption & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnOptionElement>>;
45
42
  export declare const IonProgressBar: import("react").ForwardRefExoticComponent<JSX.IonProgressBar & Omit<import("react").HTMLAttributes<HTMLIonProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonProgressBarElement>>;
46
43
  export declare const IonRadio: import("react").ForwardRefExoticComponent<JSX.IonRadio & Omit<import("react").HTMLAttributes<HTMLIonRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioElement>>;
47
44
  export declare const IonRadioGroup: import("react").ForwardRefExoticComponent<JSX.IonRadioGroup & Omit<import("react").HTMLAttributes<HTMLIonRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioGroupElement>>;
package/dist/types/hooks/useIonPicker.d.ts CHANGED
@@ -3,7 +3,6 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
3
3
  /**
4
4
  * A hook for presenting/dismissing an IonPicker component
5
5
  * @returns Returns the present and dismiss methods in an array
6
- * @deprecated Use the inline ion-picker component instead.
7
6
  */
8
7
  export declare function useIonPicker(): UseIonPickerResult;
9
8
  export type UseIonPickerResult = [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/react",
3
- "version": "7.7.2-dev.11707932366.16baf005",
3
+ "version": "7.7.2-dev.11707941206.120570b8",
4
4
  "description": "React specific wrapper for @ionic/core",
5
5
  "keywords": [
6
6
  "ionic",
@@ -39,7 +39,7 @@
39
39
  "css/"
40
40
  ],
41
41
  "dependencies": {
42
- "@ionic/core": "7.7.2-dev.11707932366.16baf005",
42
+ "@ionic/core": "7.7.2-dev.11707941206.120570b8",
43
43
  "ionicons": "^7.0.0",
44
44
  "tslib": "*"
45
45
  },
package/css/themes/dark.always.css DELETED
@@ -1,160 +0,0 @@
1
- :root {
2
- --ion-color-primary: #4d8dff;
3
- --ion-color-primary-rgb: 77, 141, 255;
4
- --ion-color-primary-contrast: #000000;
5
- --ion-color-primary-contrast-rgb: 0, 0, 0;
6
- --ion-color-primary-shade: #447ce0;
7
- --ion-color-primary-tint: #5f98ff;
8
- --ion-color-secondary: #62bdff;
9
- --ion-color-secondary-rgb: 98, 189, 255;
10
- --ion-color-secondary-contrast: #000000;
11
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
12
- --ion-color-secondary-shade: #56a6e0;
13
- --ion-color-secondary-tint: #72c4ff;
14
- --ion-color-tertiary: #8482fb;
15
- --ion-color-tertiary-rgb: 132, 130, 251;
16
- --ion-color-tertiary-contrast: #000000;
17
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
18
- --ion-color-tertiary-shade: #7472dd;
19
- --ion-color-tertiary-tint: #908ffb;
20
- --ion-color-success: #2dd55b;
21
- --ion-color-success-rgb: 45, 213, 91;
22
- --ion-color-success-contrast: #000000;
23
- --ion-color-success-contrast-rgb: 0, 0, 0;
24
- --ion-color-success-shade: #28bb50;
25
- --ion-color-success-tint: #42d96b;
26
- --ion-color-warning: #ffce31;
27
- --ion-color-warning-rgb: 255, 206, 49;
28
- --ion-color-warning-contrast: #000000;
29
- --ion-color-warning-contrast-rgb: 0, 0, 0;
30
- --ion-color-warning-shade: #e0b52b;
31
- --ion-color-warning-tint: #ffd346;
32
- --ion-color-danger: #f56570;
33
- --ion-color-danger-rgb: 245, 101, 112;
34
- --ion-color-danger-contrast: #000000;
35
- --ion-color-danger-contrast-rgb: 0, 0, 0;
36
- --ion-color-danger-shade: #d85963;
37
- --ion-color-danger-tint: #f6747e;
38
- --ion-color-dark: #f4f5f8;
39
- --ion-color-dark-rgb: 244, 245, 248;
40
- --ion-color-dark-contrast: #000000;
41
- --ion-color-dark-contrast-rgb: 0, 0, 0;
42
- --ion-color-dark-shade: #d7d8da;
43
- --ion-color-dark-tint: #f5f6f9;
44
- --ion-color-medium: #989aa2;
45
- --ion-color-medium-rgb: 152, 154, 162;
46
- --ion-color-medium-contrast: #000000;
47
- --ion-color-medium-contrast-rgb: 0, 0, 0;
48
- --ion-color-medium-shade: #86888f;
49
- --ion-color-medium-tint: #a2a4ab;
50
- --ion-color-light: #222428;
51
- --ion-color-light-rgb: 34, 36, 40;
52
- --ion-color-light-contrast: #ffffff;
53
- --ion-color-light-contrast-rgb: 255, 255, 255;
54
- --ion-color-light-shade: #1e2023;
55
- --ion-color-light-tint: #383a3e;
56
- }
57
-
58
- :root.ios {
59
- --ion-background-color: #000000;
60
- --ion-background-color-rgb: 0, 0, 0;
61
- --ion-text-color: #ffffff;
62
- --ion-text-color-rgb: 255, 255, 255;
63
- --ion-background-color-step-50: #0d0d0d;
64
- --ion-background-color-step-100: #1a1a1a;
65
- --ion-background-color-step-150: #262626;
66
- --ion-background-color-step-200: #333333;
67
- --ion-background-color-step-250: #404040;
68
- --ion-background-color-step-300: #4d4d4d;
69
- --ion-background-color-step-350: #595959;
70
- --ion-background-color-step-400: #666666;
71
- --ion-background-color-step-450: #737373;
72
- --ion-background-color-step-500: #808080;
73
- --ion-background-color-step-550: #8c8c8c;
74
- --ion-background-color-step-600: #999999;
75
- --ion-background-color-step-650: #a6a6a6;
76
- --ion-background-color-step-700: #b3b3b3;
77
- --ion-background-color-step-750: #bfbfbf;
78
- --ion-background-color-step-800: #cccccc;
79
- --ion-background-color-step-850: #d9d9d9;
80
- --ion-background-color-step-900: #e6e6e6;
81
- --ion-background-color-step-950: #f2f2f2;
82
- --ion-text-color-step-50: #f2f2f2;
83
- --ion-text-color-step-100: #e6e6e6;
84
- --ion-text-color-step-150: #d9d9d9;
85
- --ion-text-color-step-200: #cccccc;
86
- --ion-text-color-step-250: #bfbfbf;
87
- --ion-text-color-step-300: #b3b3b3;
88
- --ion-text-color-step-350: #a6a6a6;
89
- --ion-text-color-step-400: #999999;
90
- --ion-text-color-step-450: #8c8c8c;
91
- --ion-text-color-step-500: #808080;
92
- --ion-text-color-step-550: #737373;
93
- --ion-text-color-step-600: #666666;
94
- --ion-text-color-step-650: #595959;
95
- --ion-text-color-step-700: #4d4d4d;
96
- --ion-text-color-step-750: #404040;
97
- --ion-text-color-step-800: #333333;
98
- --ion-text-color-step-850: #262626;
99
- --ion-text-color-step-900: #1a1a1a;
100
- --ion-text-color-step-950: #0d0d0d;
101
- --ion-item-background: #000000;
102
- --ion-card-background: #1c1c1d;
103
- }
104
- :root.ios ion-modal {
105
- --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
106
- --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
107
- --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
108
- }
109
-
110
- :root.md {
111
- --ion-background-color: #121212;
112
- --ion-background-color-rgb: 18, 18, 18;
113
- --ion-text-color: #ffffff;
114
- --ion-text-color-rgb: 255, 255, 255;
115
- --ion-border-color: #222222;
116
- --ion-background-color-step-50: #1e1e1e;
117
- --ion-background-color-step-100: #2a2a2a;
118
- --ion-background-color-step-150: #363636;
119
- --ion-background-color-step-200: #414141;
120
- --ion-background-color-step-250: #4d4d4d;
121
- --ion-background-color-step-300: #595959;
122
- --ion-background-color-step-350: #656565;
123
- --ion-background-color-step-400: #717171;
124
- --ion-background-color-step-450: #7d7d7d;
125
- --ion-background-color-step-500: #898989;
126
- --ion-background-color-step-550: #949494;
127
- --ion-background-color-step-600: #a0a0a0;
128
- --ion-background-color-step-650: #acacac;
129
- --ion-background-color-step-700: #b8b8b8;
130
- --ion-background-color-step-750: #c4c4c4;
131
- --ion-background-color-step-800: #d0d0d0;
132
- --ion-background-color-step-850: #dbdbdb;
133
- --ion-background-color-step-900: #e7e7e7;
134
- --ion-background-color-step-950: #f3f3f3;
135
- --ion-text-color-step-50: #f3f3f3;
136
- --ion-text-color-step-100: #e7e7e7;
137
- --ion-text-color-step-150: #dbdbdb;
138
- --ion-text-color-step-200: #d0d0d0;
139
- --ion-text-color-step-250: #c4c4c4;
140
- --ion-text-color-step-300: #b8b8b8;
141
- --ion-text-color-step-350: #acacac;
142
- --ion-text-color-step-400: #a0a0a0;
143
- --ion-text-color-step-450: #949494;
144
- --ion-text-color-step-500: #898989;
145
- --ion-text-color-step-550: #7d7d7d;
146
- --ion-text-color-step-600: #717171;
147
- --ion-text-color-step-650: #656565;
148
- --ion-text-color-step-700: #595959;
149
- --ion-text-color-step-750: #4d4d4d;
150
- --ion-text-color-step-800: #414141;
151
- --ion-text-color-step-850: #363636;
152
- --ion-text-color-step-900: #2a2a2a;
153
- --ion-text-color-step-950: #1e1e1e;
154
- --ion-item-background: #1e1e1e;
155
- --ion-toolbar-background: #1f1f1f;
156
- --ion-tab-bar-background: #1f1f1f;
157
- --ion-card-background: #1e1e1e;
158
- }
159
-
160
- /*# sourceMappingURL=dark.always.css.map */
package/css/themes/dark.always.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"dark.always.css","sourcesContent":["@mixin dark-base-theme() {\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\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\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\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\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\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 \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 \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 \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-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\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\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\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-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\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\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\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/themes/dark.class.css DELETED
@@ -1,160 +0,0 @@
1
- .ion-theme-dark {
2
- --ion-color-primary: #4d8dff;
3
- --ion-color-primary-rgb: 77, 141, 255;
4
- --ion-color-primary-contrast: #000000;
5
- --ion-color-primary-contrast-rgb: 0, 0, 0;
6
- --ion-color-primary-shade: #447ce0;
7
- --ion-color-primary-tint: #5f98ff;
8
- --ion-color-secondary: #62bdff;
9
- --ion-color-secondary-rgb: 98, 189, 255;
10
- --ion-color-secondary-contrast: #000000;
11
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
12
- --ion-color-secondary-shade: #56a6e0;
13
- --ion-color-secondary-tint: #72c4ff;
14
- --ion-color-tertiary: #8482fb;
15
- --ion-color-tertiary-rgb: 132, 130, 251;
16
- --ion-color-tertiary-contrast: #000000;
17
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
18
- --ion-color-tertiary-shade: #7472dd;
19
- --ion-color-tertiary-tint: #908ffb;
20
- --ion-color-success: #2dd55b;
21
- --ion-color-success-rgb: 45, 213, 91;
22
- --ion-color-success-contrast: #000000;
23
- --ion-color-success-contrast-rgb: 0, 0, 0;
24
- --ion-color-success-shade: #28bb50;
25
- --ion-color-success-tint: #42d96b;
26
- --ion-color-warning: #ffce31;
27
- --ion-color-warning-rgb: 255, 206, 49;
28
- --ion-color-warning-contrast: #000000;
29
- --ion-color-warning-contrast-rgb: 0, 0, 0;
30
- --ion-color-warning-shade: #e0b52b;
31
- --ion-color-warning-tint: #ffd346;
32
- --ion-color-danger: #f56570;
33
- --ion-color-danger-rgb: 245, 101, 112;
34
- --ion-color-danger-contrast: #000000;
35
- --ion-color-danger-contrast-rgb: 0, 0, 0;
36
- --ion-color-danger-shade: #d85963;
37
- --ion-color-danger-tint: #f6747e;
38
- --ion-color-dark: #f4f5f8;
39
- --ion-color-dark-rgb: 244, 245, 248;
40
- --ion-color-dark-contrast: #000000;
41
- --ion-color-dark-contrast-rgb: 0, 0, 0;
42
- --ion-color-dark-shade: #d7d8da;
43
- --ion-color-dark-tint: #f5f6f9;
44
- --ion-color-medium: #989aa2;
45
- --ion-color-medium-rgb: 152, 154, 162;
46
- --ion-color-medium-contrast: #000000;
47
- --ion-color-medium-contrast-rgb: 0, 0, 0;
48
- --ion-color-medium-shade: #86888f;
49
- --ion-color-medium-tint: #a2a4ab;
50
- --ion-color-light: #222428;
51
- --ion-color-light-rgb: 34, 36, 40;
52
- --ion-color-light-contrast: #ffffff;
53
- --ion-color-light-contrast-rgb: 255, 255, 255;
54
- --ion-color-light-shade: #1e2023;
55
- --ion-color-light-tint: #383a3e;
56
- }
57
-
58
- .ion-theme-dark.ios {
59
- --ion-background-color: #000000;
60
- --ion-background-color-rgb: 0, 0, 0;
61
- --ion-text-color: #ffffff;
62
- --ion-text-color-rgb: 255, 255, 255;
63
- --ion-background-color-step-50: #0d0d0d;
64
- --ion-background-color-step-100: #1a1a1a;
65
- --ion-background-color-step-150: #262626;
66
- --ion-background-color-step-200: #333333;
67
- --ion-background-color-step-250: #404040;
68
- --ion-background-color-step-300: #4d4d4d;
69
- --ion-background-color-step-350: #595959;
70
- --ion-background-color-step-400: #666666;
71
- --ion-background-color-step-450: #737373;
72
- --ion-background-color-step-500: #808080;
73
- --ion-background-color-step-550: #8c8c8c;
74
- --ion-background-color-step-600: #999999;
75
- --ion-background-color-step-650: #a6a6a6;
76
- --ion-background-color-step-700: #b3b3b3;
77
- --ion-background-color-step-750: #bfbfbf;
78
- --ion-background-color-step-800: #cccccc;
79
- --ion-background-color-step-850: #d9d9d9;
80
- --ion-background-color-step-900: #e6e6e6;
81
- --ion-background-color-step-950: #f2f2f2;
82
- --ion-text-color-step-50: #f2f2f2;
83
- --ion-text-color-step-100: #e6e6e6;
84
- --ion-text-color-step-150: #d9d9d9;
85
- --ion-text-color-step-200: #cccccc;
86
- --ion-text-color-step-250: #bfbfbf;
87
- --ion-text-color-step-300: #b3b3b3;
88
- --ion-text-color-step-350: #a6a6a6;
89
- --ion-text-color-step-400: #999999;
90
- --ion-text-color-step-450: #8c8c8c;
91
- --ion-text-color-step-500: #808080;
92
- --ion-text-color-step-550: #737373;
93
- --ion-text-color-step-600: #666666;
94
- --ion-text-color-step-650: #595959;
95
- --ion-text-color-step-700: #4d4d4d;
96
- --ion-text-color-step-750: #404040;
97
- --ion-text-color-step-800: #333333;
98
- --ion-text-color-step-850: #262626;
99
- --ion-text-color-step-900: #1a1a1a;
100
- --ion-text-color-step-950: #0d0d0d;
101
- --ion-item-background: #000000;
102
- --ion-card-background: #1c1c1d;
103
- }
104
- .ion-theme-dark.ios ion-modal {
105
- --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
106
- --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
107
- --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
108
- }
109
-
110
- .ion-theme-dark.md {
111
- --ion-background-color: #121212;
112
- --ion-background-color-rgb: 18, 18, 18;
113
- --ion-text-color: #ffffff;
114
- --ion-text-color-rgb: 255, 255, 255;
115
- --ion-border-color: #222222;
116
- --ion-background-color-step-50: #1e1e1e;
117
- --ion-background-color-step-100: #2a2a2a;
118
- --ion-background-color-step-150: #363636;
119
- --ion-background-color-step-200: #414141;
120
- --ion-background-color-step-250: #4d4d4d;
121
- --ion-background-color-step-300: #595959;
122
- --ion-background-color-step-350: #656565;
123
- --ion-background-color-step-400: #717171;
124
- --ion-background-color-step-450: #7d7d7d;
125
- --ion-background-color-step-500: #898989;
126
- --ion-background-color-step-550: #949494;
127
- --ion-background-color-step-600: #a0a0a0;
128
- --ion-background-color-step-650: #acacac;
129
- --ion-background-color-step-700: #b8b8b8;
130
- --ion-background-color-step-750: #c4c4c4;
131
- --ion-background-color-step-800: #d0d0d0;
132
- --ion-background-color-step-850: #dbdbdb;
133
- --ion-background-color-step-900: #e7e7e7;
134
- --ion-background-color-step-950: #f3f3f3;
135
- --ion-text-color-step-50: #f3f3f3;
136
- --ion-text-color-step-100: #e7e7e7;
137
- --ion-text-color-step-150: #dbdbdb;
138
- --ion-text-color-step-200: #d0d0d0;
139
- --ion-text-color-step-250: #c4c4c4;
140
- --ion-text-color-step-300: #b8b8b8;
141
- --ion-text-color-step-350: #acacac;
142
- --ion-text-color-step-400: #a0a0a0;
143
- --ion-text-color-step-450: #949494;
144
- --ion-text-color-step-500: #898989;
145
- --ion-text-color-step-550: #7d7d7d;
146
- --ion-text-color-step-600: #717171;
147
- --ion-text-color-step-650: #656565;
148
- --ion-text-color-step-700: #595959;
149
- --ion-text-color-step-750: #4d4d4d;
150
- --ion-text-color-step-800: #414141;
151
- --ion-text-color-step-850: #363636;
152
- --ion-text-color-step-900: #2a2a2a;
153
- --ion-text-color-step-950: #1e1e1e;
154
- --ion-item-background: #1e1e1e;
155
- --ion-toolbar-background: #1f1f1f;
156
- --ion-tab-bar-background: #1f1f1f;
157
- --ion-card-background: #1e1e1e;
158
- }
159
-
160
- /*# sourceMappingURL=dark.class.css.map */
package/css/themes/dark.class.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"dark.class.css","sourcesContent":["@mixin dark-base-theme() {\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\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\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\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\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\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 \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 \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 \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-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\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\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\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-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\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\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\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/themes/dark.css DELETED
@@ -1,3 +0,0 @@
1
-
2
-
3
- /*# sourceMappingURL=dark.css.map */
package/css/themes/dark.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"dark.css","sourcesContent":[]}
package/css/themes/dark.system.css DELETED
@@ -1,162 +0,0 @@
1
- @media (prefers-color-scheme: dark) {
2
- :root {
3
- --ion-color-primary: #4d8dff;
4
- --ion-color-primary-rgb: 77, 141, 255;
5
- --ion-color-primary-contrast: #000000;
6
- --ion-color-primary-contrast-rgb: 0, 0, 0;
7
- --ion-color-primary-shade: #447ce0;
8
- --ion-color-primary-tint: #5f98ff;
9
- --ion-color-secondary: #62bdff;
10
- --ion-color-secondary-rgb: 98, 189, 255;
11
- --ion-color-secondary-contrast: #000000;
12
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
13
- --ion-color-secondary-shade: #56a6e0;
14
- --ion-color-secondary-tint: #72c4ff;
15
- --ion-color-tertiary: #8482fb;
16
- --ion-color-tertiary-rgb: 132, 130, 251;
17
- --ion-color-tertiary-contrast: #000000;
18
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
19
- --ion-color-tertiary-shade: #7472dd;
20
- --ion-color-tertiary-tint: #908ffb;
21
- --ion-color-success: #2dd55b;
22
- --ion-color-success-rgb: 45, 213, 91;
23
- --ion-color-success-contrast: #000000;
24
- --ion-color-success-contrast-rgb: 0, 0, 0;
25
- --ion-color-success-shade: #28bb50;
26
- --ion-color-success-tint: #42d96b;
27
- --ion-color-warning: #ffce31;
28
- --ion-color-warning-rgb: 255, 206, 49;
29
- --ion-color-warning-contrast: #000000;
30
- --ion-color-warning-contrast-rgb: 0, 0, 0;
31
- --ion-color-warning-shade: #e0b52b;
32
- --ion-color-warning-tint: #ffd346;
33
- --ion-color-danger: #f56570;
34
- --ion-color-danger-rgb: 245, 101, 112;
35
- --ion-color-danger-contrast: #000000;
36
- --ion-color-danger-contrast-rgb: 0, 0, 0;
37
- --ion-color-danger-shade: #d85963;
38
- --ion-color-danger-tint: #f6747e;
39
- --ion-color-dark: #f4f5f8;
40
- --ion-color-dark-rgb: 244, 245, 248;
41
- --ion-color-dark-contrast: #000000;
42
- --ion-color-dark-contrast-rgb: 0, 0, 0;
43
- --ion-color-dark-shade: #d7d8da;
44
- --ion-color-dark-tint: #f5f6f9;
45
- --ion-color-medium: #989aa2;
46
- --ion-color-medium-rgb: 152, 154, 162;
47
- --ion-color-medium-contrast: #000000;
48
- --ion-color-medium-contrast-rgb: 0, 0, 0;
49
- --ion-color-medium-shade: #86888f;
50
- --ion-color-medium-tint: #a2a4ab;
51
- --ion-color-light: #222428;
52
- --ion-color-light-rgb: 34, 36, 40;
53
- --ion-color-light-contrast: #ffffff;
54
- --ion-color-light-contrast-rgb: 255, 255, 255;
55
- --ion-color-light-shade: #1e2023;
56
- --ion-color-light-tint: #383a3e;
57
- }
58
-
59
- :root.ios {
60
- --ion-background-color: #000000;
61
- --ion-background-color-rgb: 0, 0, 0;
62
- --ion-text-color: #ffffff;
63
- --ion-text-color-rgb: 255, 255, 255;
64
- --ion-background-color-step-50: #0d0d0d;
65
- --ion-background-color-step-100: #1a1a1a;
66
- --ion-background-color-step-150: #262626;
67
- --ion-background-color-step-200: #333333;
68
- --ion-background-color-step-250: #404040;
69
- --ion-background-color-step-300: #4d4d4d;
70
- --ion-background-color-step-350: #595959;
71
- --ion-background-color-step-400: #666666;
72
- --ion-background-color-step-450: #737373;
73
- --ion-background-color-step-500: #808080;
74
- --ion-background-color-step-550: #8c8c8c;
75
- --ion-background-color-step-600: #999999;
76
- --ion-background-color-step-650: #a6a6a6;
77
- --ion-background-color-step-700: #b3b3b3;
78
- --ion-background-color-step-750: #bfbfbf;
79
- --ion-background-color-step-800: #cccccc;
80
- --ion-background-color-step-850: #d9d9d9;
81
- --ion-background-color-step-900: #e6e6e6;
82
- --ion-background-color-step-950: #f2f2f2;
83
- --ion-text-color-step-50: #f2f2f2;
84
- --ion-text-color-step-100: #e6e6e6;
85
- --ion-text-color-step-150: #d9d9d9;
86
- --ion-text-color-step-200: #cccccc;
87
- --ion-text-color-step-250: #bfbfbf;
88
- --ion-text-color-step-300: #b3b3b3;
89
- --ion-text-color-step-350: #a6a6a6;
90
- --ion-text-color-step-400: #999999;
91
- --ion-text-color-step-450: #8c8c8c;
92
- --ion-text-color-step-500: #808080;
93
- --ion-text-color-step-550: #737373;
94
- --ion-text-color-step-600: #666666;
95
- --ion-text-color-step-650: #595959;
96
- --ion-text-color-step-700: #4d4d4d;
97
- --ion-text-color-step-750: #404040;
98
- --ion-text-color-step-800: #333333;
99
- --ion-text-color-step-850: #262626;
100
- --ion-text-color-step-900: #1a1a1a;
101
- --ion-text-color-step-950: #0d0d0d;
102
- --ion-item-background: #000000;
103
- --ion-card-background: #1c1c1d;
104
- }
105
- :root.ios ion-modal {
106
- --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
107
- --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
108
- --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
109
- }
110
-
111
- :root.md {
112
- --ion-background-color: #121212;
113
- --ion-background-color-rgb: 18, 18, 18;
114
- --ion-text-color: #ffffff;
115
- --ion-text-color-rgb: 255, 255, 255;
116
- --ion-border-color: #222222;
117
- --ion-background-color-step-50: #1e1e1e;
118
- --ion-background-color-step-100: #2a2a2a;
119
- --ion-background-color-step-150: #363636;
120
- --ion-background-color-step-200: #414141;
121
- --ion-background-color-step-250: #4d4d4d;
122
- --ion-background-color-step-300: #595959;
123
- --ion-background-color-step-350: #656565;
124
- --ion-background-color-step-400: #717171;
125
- --ion-background-color-step-450: #7d7d7d;
126
- --ion-background-color-step-500: #898989;
127
- --ion-background-color-step-550: #949494;
128
- --ion-background-color-step-600: #a0a0a0;
129
- --ion-background-color-step-650: #acacac;
130
- --ion-background-color-step-700: #b8b8b8;
131
- --ion-background-color-step-750: #c4c4c4;
132
- --ion-background-color-step-800: #d0d0d0;
133
- --ion-background-color-step-850: #dbdbdb;
134
- --ion-background-color-step-900: #e7e7e7;
135
- --ion-background-color-step-950: #f3f3f3;
136
- --ion-text-color-step-50: #f3f3f3;
137
- --ion-text-color-step-100: #e7e7e7;
138
- --ion-text-color-step-150: #dbdbdb;
139
- --ion-text-color-step-200: #d0d0d0;
140
- --ion-text-color-step-250: #c4c4c4;
141
- --ion-text-color-step-300: #b8b8b8;
142
- --ion-text-color-step-350: #acacac;
143
- --ion-text-color-step-400: #a0a0a0;
144
- --ion-text-color-step-450: #949494;
145
- --ion-text-color-step-500: #898989;
146
- --ion-text-color-step-550: #7d7d7d;
147
- --ion-text-color-step-600: #717171;
148
- --ion-text-color-step-650: #656565;
149
- --ion-text-color-step-700: #595959;
150
- --ion-text-color-step-750: #4d4d4d;
151
- --ion-text-color-step-800: #414141;
152
- --ion-text-color-step-850: #363636;
153
- --ion-text-color-step-900: #2a2a2a;
154
- --ion-text-color-step-950: #1e1e1e;
155
- --ion-item-background: #1e1e1e;
156
- --ion-toolbar-background: #1f1f1f;
157
- --ion-tab-bar-background: #1f1f1f;
158
- --ion-card-background: #1e1e1e;
159
- }
160
- }
161
-
162
- /*# sourceMappingURL=dark.system.css.map */
package/css/themes/dark.system.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.system.scss","../../src/css/themes/dark.scss"],"names":[],"mappings":"AAEA;ECDE;IACE;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;;EAKF;IACE;IACA;IAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAGF;IACE;IACA;IACA;;;EAKF;IACE;IACA;IAEA;IACA;IAEA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA","file":"dark.system.css","sourcesContent":["@import \"./dark\";\n\n@media (prefers-color-scheme: dark) {\n :root {\n @include dark-base-theme();\n }\n\n :root.ios {\n @include dark-ios-theme();\n }\n\n :root.md {\n @include dark-md-theme();\n }\n}\n","@mixin dark-base-theme() {\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\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\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\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\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\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 \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 \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 \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-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\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\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\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-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\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\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\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}