@ionic/vue 7.5.8-dev.11704294569.1abc989d → 7.5.8-dev.11705350665.1a40ee3a

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 (23) hide show
  1. package/css/core.css +44 -35
  2. package/css/core.css.map +1 -1
  3. package/css/global.bundle.css +1 -1
  4. package/css/ionic.bundle.css +1 -1
  5. package/css/ionic.bundle.css.map +1 -1
  6. package/css/typography.css +1 -1
  7. package/dist/index.js +105 -84
  8. package/dist/index.js.map +1 -1
  9. package/dist/types/components/Overlays.d.ts +1 -1
  10. package/dist/types/controllers.d.ts +5 -2
  11. package/dist/types/proxies.d.ts +5 -0
  12. package/dist/vetur/attributes.json +80 -14
  13. package/dist/vetur/tags.json +23 -0
  14. package/dist/web-types.json +140 -5
  15. package/package.json +2 -2
  16. package/css/themes/dark.always.css +0 -122
  17. package/css/themes/dark.always.css.map +0 -1
  18. package/css/themes/dark.class.css +0 -122
  19. package/css/themes/dark.class.css.map +0 -1
  20. package/css/themes/dark.css +0 -3
  21. package/css/themes/dark.css.map +0 -1
  22. package/css/themes/dark.system.css +0 -124
  23. package/css/themes/dark.system.css.map +0 -1
package/dist/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@ionic/vue",
5
- "version": "7.5.8-dev.11704294569.1abc989d",
5
+ "version": "7.5.8-dev.11705350665.1a40ee3a",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -4756,6 +4756,141 @@
4756
4756
  "module": "@ionic/core/src/components/picker/picker.d.ts",
4757
4757
  "symbol": "Picker"
4758
4758
  },
4759
+ "attributes": [
4760
+ {
4761
+ "name": "mode",
4762
+ "description": "The mode determines which platform styles to use.",
4763
+ "required": false,
4764
+ "value": {
4765
+ "kind": "expression",
4766
+ "type": "\"ios\" | \"md\""
4767
+ }
4768
+ }
4769
+ ],
4770
+ "slots": [],
4771
+ "events": []
4772
+ },
4773
+ {
4774
+ "name": "IonPickerColumn",
4775
+ "doc-url": "https://ionicframework.com/docs/api/picker-column",
4776
+ "description": "",
4777
+ "source": {
4778
+ "module": "@ionic/core/src/components/picker-column/picker-column.d.ts",
4779
+ "symbol": "PickerColumn"
4780
+ },
4781
+ "attributes": [
4782
+ {
4783
+ "name": "color",
4784
+ "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
4785
+ "required": false,
4786
+ "default": "'primary'",
4787
+ "value": {
4788
+ "kind": "expression",
4789
+ "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
4790
+ }
4791
+ },
4792
+ {
4793
+ "name": "disabled",
4794
+ "description": "If `true`, the user cannot interact with the picker.",
4795
+ "required": false,
4796
+ "default": "false",
4797
+ "value": {
4798
+ "kind": "expression",
4799
+ "type": "boolean"
4800
+ }
4801
+ },
4802
+ {
4803
+ "name": "mode",
4804
+ "description": "The mode determines which platform styles to use.",
4805
+ "required": false,
4806
+ "value": {
4807
+ "kind": "expression",
4808
+ "type": "\"ios\" | \"md\""
4809
+ }
4810
+ },
4811
+ {
4812
+ "name": "value",
4813
+ "description": "The selected option in the picker.",
4814
+ "required": false,
4815
+ "value": {
4816
+ "kind": "expression",
4817
+ "type": "number | string | undefined"
4818
+ }
4819
+ }
4820
+ ],
4821
+ "slots": [
4822
+ {
4823
+ "name": "prefix",
4824
+ "description": "Content to show on the left side of the picker options."
4825
+ },
4826
+ {
4827
+ "name": "suffix",
4828
+ "description": "Content to show on the right side of the picker options."
4829
+ }
4830
+ ],
4831
+ "events": [
4832
+ {
4833
+ "name": "ionChange",
4834
+ "description": "Emitted when the value has changed.",
4835
+ "arguments": [
4836
+ {
4837
+ "name": "detail",
4838
+ "type": "PickerColumnChangeEventDetail"
4839
+ }
4840
+ ]
4841
+ }
4842
+ ]
4843
+ },
4844
+ {
4845
+ "name": "IonPickerColumnOption",
4846
+ "doc-url": "https://ionicframework.com/docs/api/picker-column-option",
4847
+ "description": "",
4848
+ "source": {
4849
+ "module": "@ionic/core/src/components/picker-column-option/picker-column-option.d.ts",
4850
+ "symbol": "PickerColumnOption"
4851
+ },
4852
+ "attributes": [
4853
+ {
4854
+ "name": "color",
4855
+ "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
4856
+ "required": false,
4857
+ "default": "'primary'",
4858
+ "value": {
4859
+ "kind": "expression",
4860
+ "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
4861
+ }
4862
+ },
4863
+ {
4864
+ "name": "disabled",
4865
+ "description": "If `true`, the user cannot interact with the picker column option.",
4866
+ "required": false,
4867
+ "default": "false",
4868
+ "value": {
4869
+ "kind": "expression",
4870
+ "type": "boolean"
4871
+ }
4872
+ },
4873
+ {
4874
+ "name": "value",
4875
+ "description": "The text value of the option.",
4876
+ "required": false,
4877
+ "value": {
4878
+ "kind": "expression",
4879
+ "type": "any"
4880
+ }
4881
+ }
4882
+ ],
4883
+ "slots": [],
4884
+ "events": []
4885
+ },
4886
+ {
4887
+ "name": "IonPickerLegacy",
4888
+ "doc-url": "https://ionicframework.com/docs/api/picker-legacy",
4889
+ "description": "",
4890
+ "source": {
4891
+ "module": "@ionic/core/src/components/picker-legacy/picker.d.ts",
4892
+ "symbol": "PickerLegacy"
4893
+ },
4759
4894
  "attributes": [
4760
4895
  {
4761
4896
  "name": "animated",
@@ -4915,7 +5050,7 @@
4915
5050
  ]
4916
5051
  },
4917
5052
  {
4918
- "name": "onDidDismiss",
5053
+ "name": "ionPickerDidDismiss",
4919
5054
  "description": "Emitted after the picker has dismissed.",
4920
5055
  "arguments": [
4921
5056
  {
@@ -4925,7 +5060,7 @@
4925
5060
  ]
4926
5061
  },
4927
5062
  {
4928
- "name": "onDidPresent",
5063
+ "name": "ionPickerDidPresent",
4929
5064
  "description": "Emitted after the picker has presented.",
4930
5065
  "arguments": [
4931
5066
  {
@@ -4935,7 +5070,7 @@
4935
5070
  ]
4936
5071
  },
4937
5072
  {
4938
- "name": "onWillDismiss",
5073
+ "name": "ionPickerWillDismiss",
4939
5074
  "description": "Emitted before the picker has dismissed.",
4940
5075
  "arguments": [
4941
5076
  {
@@ -4945,7 +5080,7 @@
4945
5080
  ]
4946
5081
  },
4947
5082
  {
4948
- "name": "onWillPresent",
5083
+ "name": "ionPickerWillPresent",
4949
5084
  "description": "Emitted before the picker has presented.",
4950
5085
  "arguments": [
4951
5086
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/vue",
3
- "version": "7.5.8-dev.11704294569.1abc989d",
3
+ "version": "7.5.8-dev.11705350665.1a40ee3a",
4
4
  "description": "Vue specific wrapper for @ionic/core",
5
5
  "scripts": {
6
6
  "eslint": "eslint src",
@@ -66,7 +66,7 @@
66
66
  "vue-router": "^4.0.16"
67
67
  },
68
68
  "dependencies": {
69
- "@ionic/core": "7.5.8-dev.11704294569.1abc989d",
69
+ "@ionic/core": "7.5.8-dev.11705350665.1a40ee3a",
70
70
  "ionicons": "^7.0.0"
71
71
  },
72
72
  "vetur": {
package/css/themes/dark.always.css DELETED
@@ -1,122 +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: #f3f3f3;
39
- --ion-color-dark-rgb: 243, 243, 243;
40
- --ion-color-dark-contrast: #000000;
41
- --ion-color-dark-contrast-rgb: 0, 0, 0;
42
- --ion-color-dark-shade: #d6d6d6;
43
- --ion-color-dark-tint: #f4f4f4;
44
- --ion-color-medium: #959595;
45
- --ion-color-medium-rgb: 149, 149, 149;
46
- --ion-color-medium-contrast: #000000;
47
- --ion-color-medium-contrast-rgb: 0, 0, 0;
48
- --ion-color-medium-shade: #838383;
49
- --ion-color-medium-tint: #a0a0a0;
50
- --ion-color-light: #2f2f2f;
51
- --ion-color-light-rgb: 47, 47, 47;
52
- --ion-color-light-contrast: #ffffff;
53
- --ion-color-light-contrast-rgb: 255, 255, 255;
54
- --ion-color-light-shade: #292929;
55
- --ion-color-light-tint: #444444;
56
- }
57
-
58
- .ios body {
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-color-step-50: #0d0d0d;
64
- --ion-color-step-100: #1a1a1a;
65
- --ion-color-step-150: #262626;
66
- --ion-color-step-200: #333333;
67
- --ion-color-step-250: #404040;
68
- --ion-color-step-300: #4d4d4d;
69
- --ion-color-step-350: #595959;
70
- --ion-color-step-400: #666666;
71
- --ion-color-step-450: #737373;
72
- --ion-color-step-500: #808080;
73
- --ion-color-step-550: #8c8c8c;
74
- --ion-color-step-600: #999999;
75
- --ion-color-step-650: #a6a6a6;
76
- --ion-color-step-700: #b3b3b3;
77
- --ion-color-step-750: #bfbfbf;
78
- --ion-color-step-800: #cccccc;
79
- --ion-color-step-850: #d9d9d9;
80
- --ion-color-step-900: #e6e6e6;
81
- --ion-color-step-950: #f2f2f2;
82
- --ion-item-background: #000000;
83
- --ion-card-background: #1c1c1d;
84
- }
85
- .ios body ion-modal {
86
- --ion-background-color: var(--ion-color-step-100);
87
- --ion-toolbar-background: var(--ion-color-step-150);
88
- --ion-toolbar-border-color: var(--ion-color-step-250);
89
- }
90
-
91
- .md body {
92
- --ion-background-color: #121212;
93
- --ion-background-color-rgb: 18, 18, 18;
94
- --ion-text-color: #ffffff;
95
- --ion-text-color-rgb: 255, 255, 255;
96
- --ion-border-color: #222222;
97
- --ion-color-step-50: #1e1e1e;
98
- --ion-color-step-100: #2a2a2a;
99
- --ion-color-step-150: #363636;
100
- --ion-color-step-200: #414141;
101
- --ion-color-step-250: #4d4d4d;
102
- --ion-color-step-300: #595959;
103
- --ion-color-step-350: #656565;
104
- --ion-color-step-400: #717171;
105
- --ion-color-step-450: #7d7d7d;
106
- --ion-color-step-500: #898989;
107
- --ion-color-step-550: #949494;
108
- --ion-color-step-600: #a0a0a0;
109
- --ion-color-step-650: #acacac;
110
- --ion-color-step-700: #b8b8b8;
111
- --ion-color-step-750: #c4c4c4;
112
- --ion-color-step-800: #d0d0d0;
113
- --ion-color-step-850: #dbdbdb;
114
- --ion-color-step-900: #e7e7e7;
115
- --ion-color-step-950: #f3f3f3;
116
- --ion-item-background: #1e1e1e;
117
- --ion-toolbar-background: #1f1f1f;
118
- --ion-tab-bar-background: #1f1f1f;
119
- --ion-card-background: #1e1e1e;
120
- }
121
-
122
- /*# 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;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;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;;AAGF;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","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 --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: #f3f3f3;\n --ion-color-dark-rgb: 243, 243, 243;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d6d6d6;\n --ion-color-dark-tint: #f4f4f4;\n --ion-color-medium: #959595;\n --ion-color-medium-rgb: 149, 149, 149;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #838383;\n --ion-color-medium-tint: #a0a0a0;\n --ion-color-light: #2f2f2f;\n --ion-color-light-rgb: 47, 47, 47;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #292929;\n --ion-color-light-tint: #444444;\n }\n}\n\n@mixin dark-ios-theme() {\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-color-step-50: #0d0d0d;\n --ion-color-step-100: #1a1a1a;\n --ion-color-step-150: #262626;\n --ion-color-step-200: #333333;\n --ion-color-step-250: #404040;\n --ion-color-step-300: #4d4d4d;\n --ion-color-step-350: #595959;\n --ion-color-step-400: #666666;\n --ion-color-step-450: #737373;\n --ion-color-step-500: #808080;\n --ion-color-step-550: #8c8c8c;\n --ion-color-step-600: #999999;\n --ion-color-step-650: #a6a6a6;\n --ion-color-step-700: #b3b3b3;\n --ion-color-step-750: #bfbfbf;\n --ion-color-step-800: #cccccc;\n --ion-color-step-850: #d9d9d9;\n --ion-color-step-900: #e6e6e6;\n --ion-color-step-950: #f2f2f2;\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100);\n --ion-toolbar-background: var(--ion-color-step-150);\n --ion-toolbar-border-color: var(--ion-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 --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\n --ion-color-step-50: #1e1e1e;\n --ion-color-step-100: #2a2a2a;\n --ion-color-step-150: #363636;\n --ion-color-step-200: #414141;\n --ion-color-step-250: #4d4d4d;\n --ion-color-step-300: #595959;\n --ion-color-step-350: #656565;\n --ion-color-step-400: #717171;\n --ion-color-step-450: #7d7d7d;\n --ion-color-step-500: #898989;\n --ion-color-step-550: #949494;\n --ion-color-step-600: #a0a0a0;\n --ion-color-step-650: #acacac;\n --ion-color-step-700: #b8b8b8;\n --ion-color-step-750: #c4c4c4;\n --ion-color-step-800: #d0d0d0;\n --ion-color-step-850: #dbdbdb;\n --ion-color-step-900: #e7e7e7;\n --ion-color-step-950: #f3f3f3;\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,122 +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: #f3f3f3;
39
- --ion-color-dark-rgb: 243, 243, 243;
40
- --ion-color-dark-contrast: #000000;
41
- --ion-color-dark-contrast-rgb: 0, 0, 0;
42
- --ion-color-dark-shade: #d6d6d6;
43
- --ion-color-dark-tint: #f4f4f4;
44
- --ion-color-medium: #959595;
45
- --ion-color-medium-rgb: 149, 149, 149;
46
- --ion-color-medium-contrast: #000000;
47
- --ion-color-medium-contrast-rgb: 0, 0, 0;
48
- --ion-color-medium-shade: #838383;
49
- --ion-color-medium-tint: #a0a0a0;
50
- --ion-color-light: #2f2f2f;
51
- --ion-color-light-rgb: 47, 47, 47;
52
- --ion-color-light-contrast: #ffffff;
53
- --ion-color-light-contrast-rgb: 255, 255, 255;
54
- --ion-color-light-shade: #292929;
55
- --ion-color-light-tint: #444444;
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-color-step-50: #0d0d0d;
64
- --ion-color-step-100: #1a1a1a;
65
- --ion-color-step-150: #262626;
66
- --ion-color-step-200: #333333;
67
- --ion-color-step-250: #404040;
68
- --ion-color-step-300: #4d4d4d;
69
- --ion-color-step-350: #595959;
70
- --ion-color-step-400: #666666;
71
- --ion-color-step-450: #737373;
72
- --ion-color-step-500: #808080;
73
- --ion-color-step-550: #8c8c8c;
74
- --ion-color-step-600: #999999;
75
- --ion-color-step-650: #a6a6a6;
76
- --ion-color-step-700: #b3b3b3;
77
- --ion-color-step-750: #bfbfbf;
78
- --ion-color-step-800: #cccccc;
79
- --ion-color-step-850: #d9d9d9;
80
- --ion-color-step-900: #e6e6e6;
81
- --ion-color-step-950: #f2f2f2;
82
- --ion-item-background: #000000;
83
- --ion-card-background: #1c1c1d;
84
- }
85
- .ion-theme-dark.ios ion-modal {
86
- --ion-background-color: var(--ion-color-step-100);
87
- --ion-toolbar-background: var(--ion-color-step-150);
88
- --ion-toolbar-border-color: var(--ion-color-step-250);
89
- }
90
-
91
- .ion-theme-dark.md {
92
- --ion-background-color: #121212;
93
- --ion-background-color-rgb: 18, 18, 18;
94
- --ion-text-color: #ffffff;
95
- --ion-text-color-rgb: 255, 255, 255;
96
- --ion-border-color: #222222;
97
- --ion-color-step-50: #1e1e1e;
98
- --ion-color-step-100: #2a2a2a;
99
- --ion-color-step-150: #363636;
100
- --ion-color-step-200: #414141;
101
- --ion-color-step-250: #4d4d4d;
102
- --ion-color-step-300: #595959;
103
- --ion-color-step-350: #656565;
104
- --ion-color-step-400: #717171;
105
- --ion-color-step-450: #7d7d7d;
106
- --ion-color-step-500: #898989;
107
- --ion-color-step-550: #949494;
108
- --ion-color-step-600: #a0a0a0;
109
- --ion-color-step-650: #acacac;
110
- --ion-color-step-700: #b8b8b8;
111
- --ion-color-step-750: #c4c4c4;
112
- --ion-color-step-800: #d0d0d0;
113
- --ion-color-step-850: #dbdbdb;
114
- --ion-color-step-900: #e7e7e7;
115
- --ion-color-step-950: #f3f3f3;
116
- --ion-item-background: #1e1e1e;
117
- --ion-toolbar-background: #1f1f1f;
118
- --ion-tab-bar-background: #1f1f1f;
119
- --ion-card-background: #1e1e1e;
120
- }
121
-
122
- /*# 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;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;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;;AAGF;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","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 --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: #f3f3f3;\n --ion-color-dark-rgb: 243, 243, 243;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d6d6d6;\n --ion-color-dark-tint: #f4f4f4;\n --ion-color-medium: #959595;\n --ion-color-medium-rgb: 149, 149, 149;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #838383;\n --ion-color-medium-tint: #a0a0a0;\n --ion-color-light: #2f2f2f;\n --ion-color-light-rgb: 47, 47, 47;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #292929;\n --ion-color-light-tint: #444444;\n }\n}\n\n@mixin dark-ios-theme() {\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-color-step-50: #0d0d0d;\n --ion-color-step-100: #1a1a1a;\n --ion-color-step-150: #262626;\n --ion-color-step-200: #333333;\n --ion-color-step-250: #404040;\n --ion-color-step-300: #4d4d4d;\n --ion-color-step-350: #595959;\n --ion-color-step-400: #666666;\n --ion-color-step-450: #737373;\n --ion-color-step-500: #808080;\n --ion-color-step-550: #8c8c8c;\n --ion-color-step-600: #999999;\n --ion-color-step-650: #a6a6a6;\n --ion-color-step-700: #b3b3b3;\n --ion-color-step-750: #bfbfbf;\n --ion-color-step-800: #cccccc;\n --ion-color-step-850: #d9d9d9;\n --ion-color-step-900: #e6e6e6;\n --ion-color-step-950: #f2f2f2;\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100);\n --ion-toolbar-background: var(--ion-color-step-150);\n --ion-toolbar-border-color: var(--ion-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 --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\n --ion-color-step-50: #1e1e1e;\n --ion-color-step-100: #2a2a2a;\n --ion-color-step-150: #363636;\n --ion-color-step-200: #414141;\n --ion-color-step-250: #4d4d4d;\n --ion-color-step-300: #595959;\n --ion-color-step-350: #656565;\n --ion-color-step-400: #717171;\n --ion-color-step-450: #7d7d7d;\n --ion-color-step-500: #898989;\n --ion-color-step-550: #949494;\n --ion-color-step-600: #a0a0a0;\n --ion-color-step-650: #acacac;\n --ion-color-step-700: #b8b8b8;\n --ion-color-step-750: #c4c4c4;\n --ion-color-step-800: #d0d0d0;\n --ion-color-step-850: #dbdbdb;\n --ion-color-step-900: #e7e7e7;\n --ion-color-step-950: #f3f3f3;\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,124 +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: #f3f3f3;
40
- --ion-color-dark-rgb: 243, 243, 243;
41
- --ion-color-dark-contrast: #000000;
42
- --ion-color-dark-contrast-rgb: 0, 0, 0;
43
- --ion-color-dark-shade: #d6d6d6;
44
- --ion-color-dark-tint: #f4f4f4;
45
- --ion-color-medium: #959595;
46
- --ion-color-medium-rgb: 149, 149, 149;
47
- --ion-color-medium-contrast: #000000;
48
- --ion-color-medium-contrast-rgb: 0, 0, 0;
49
- --ion-color-medium-shade: #838383;
50
- --ion-color-medium-tint: #a0a0a0;
51
- --ion-color-light: #2f2f2f;
52
- --ion-color-light-rgb: 47, 47, 47;
53
- --ion-color-light-contrast: #ffffff;
54
- --ion-color-light-contrast-rgb: 255, 255, 255;
55
- --ion-color-light-shade: #292929;
56
- --ion-color-light-tint: #444444;
57
- }
58
-
59
- .ios body {
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-color-step-50: #0d0d0d;
65
- --ion-color-step-100: #1a1a1a;
66
- --ion-color-step-150: #262626;
67
- --ion-color-step-200: #333333;
68
- --ion-color-step-250: #404040;
69
- --ion-color-step-300: #4d4d4d;
70
- --ion-color-step-350: #595959;
71
- --ion-color-step-400: #666666;
72
- --ion-color-step-450: #737373;
73
- --ion-color-step-500: #808080;
74
- --ion-color-step-550: #8c8c8c;
75
- --ion-color-step-600: #999999;
76
- --ion-color-step-650: #a6a6a6;
77
- --ion-color-step-700: #b3b3b3;
78
- --ion-color-step-750: #bfbfbf;
79
- --ion-color-step-800: #cccccc;
80
- --ion-color-step-850: #d9d9d9;
81
- --ion-color-step-900: #e6e6e6;
82
- --ion-color-step-950: #f2f2f2;
83
- --ion-item-background: #000000;
84
- --ion-card-background: #1c1c1d;
85
- }
86
- .ios body ion-modal {
87
- --ion-background-color: var(--ion-color-step-100);
88
- --ion-toolbar-background: var(--ion-color-step-150);
89
- --ion-toolbar-border-color: var(--ion-color-step-250);
90
- }
91
-
92
- .md body {
93
- --ion-background-color: #121212;
94
- --ion-background-color-rgb: 18, 18, 18;
95
- --ion-text-color: #ffffff;
96
- --ion-text-color-rgb: 255, 255, 255;
97
- --ion-border-color: #222222;
98
- --ion-color-step-50: #1e1e1e;
99
- --ion-color-step-100: #2a2a2a;
100
- --ion-color-step-150: #363636;
101
- --ion-color-step-200: #414141;
102
- --ion-color-step-250: #4d4d4d;
103
- --ion-color-step-300: #595959;
104
- --ion-color-step-350: #656565;
105
- --ion-color-step-400: #717171;
106
- --ion-color-step-450: #7d7d7d;
107
- --ion-color-step-500: #898989;
108
- --ion-color-step-550: #949494;
109
- --ion-color-step-600: #a0a0a0;
110
- --ion-color-step-650: #acacac;
111
- --ion-color-step-700: #b8b8b8;
112
- --ion-color-step-750: #c4c4c4;
113
- --ion-color-step-800: #d0d0d0;
114
- --ion-color-step-850: #dbdbdb;
115
- --ion-color-step-900: #e7e7e7;
116
- --ion-color-step-950: #f3f3f3;
117
- --ion-item-background: #1e1e1e;
118
- --ion-toolbar-background: #1f1f1f;
119
- --ion-tab-bar-background: #1f1f1f;
120
- --ion-card-background: #1e1e1e;
121
- }
122
- }
123
-
124
- /*# 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;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAKF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;EAKF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;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 .ios body {\n @include dark-ios-theme();\n }\n\n .md body {\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 --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: #f3f3f3;\n --ion-color-dark-rgb: 243, 243, 243;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d6d6d6;\n --ion-color-dark-tint: #f4f4f4;\n --ion-color-medium: #959595;\n --ion-color-medium-rgb: 149, 149, 149;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #838383;\n --ion-color-medium-tint: #a0a0a0;\n --ion-color-light: #2f2f2f;\n --ion-color-light-rgb: 47, 47, 47;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #292929;\n --ion-color-light-tint: #444444;\n }\n}\n\n@mixin dark-ios-theme() {\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-color-step-50: #0d0d0d;\n --ion-color-step-100: #1a1a1a;\n --ion-color-step-150: #262626;\n --ion-color-step-200: #333333;\n --ion-color-step-250: #404040;\n --ion-color-step-300: #4d4d4d;\n --ion-color-step-350: #595959;\n --ion-color-step-400: #666666;\n --ion-color-step-450: #737373;\n --ion-color-step-500: #808080;\n --ion-color-step-550: #8c8c8c;\n --ion-color-step-600: #999999;\n --ion-color-step-650: #a6a6a6;\n --ion-color-step-700: #b3b3b3;\n --ion-color-step-750: #bfbfbf;\n --ion-color-step-800: #cccccc;\n --ion-color-step-850: #d9d9d9;\n --ion-color-step-900: #e6e6e6;\n --ion-color-step-950: #f2f2f2;\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100);\n --ion-toolbar-background: var(--ion-color-step-150);\n --ion-toolbar-border-color: var(--ion-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 --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\n --ion-color-step-50: #1e1e1e;\n --ion-color-step-100: #2a2a2a;\n --ion-color-step-150: #363636;\n --ion-color-step-200: #414141;\n --ion-color-step-250: #4d4d4d;\n --ion-color-step-300: #595959;\n --ion-color-step-350: #656565;\n --ion-color-step-400: #717171;\n --ion-color-step-450: #7d7d7d;\n --ion-color-step-500: #898989;\n --ion-color-step-550: #949494;\n --ion-color-step-600: #a0a0a0;\n --ion-color-step-650: #acacac;\n --ion-color-step-700: #b8b8b8;\n --ion-color-step-750: #c4c4c4;\n --ion-color-step-800: #d0d0d0;\n --ion-color-step-850: #dbdbdb;\n --ion-color-step-900: #e7e7e7;\n --ion-color-step-950: #f3f3f3;\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}