@ionic/vue 7.7.2-dev.11707425083.192d8103 → 7.7.2-dev.11707881769.185d2a14

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.
@@ -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.7.2-dev.11707425083.192d8103",
5
+ "version": "7.7.2-dev.11707881769.185d2a14",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -2997,6 +2997,15 @@
2997
2997
  "symbol": "Input"
2998
2998
  },
2999
2999
  "attributes": [
3000
+ {
3001
+ "name": "accept",
3002
+ "description": "This attribute is ignored.",
3003
+ "required": false,
3004
+ "value": {
3005
+ "kind": "expression",
3006
+ "type": "string | undefined"
3007
+ }
3008
+ },
3000
3009
  {
3001
3010
  "name": "autocapitalize",
3002
3011
  "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.",
@@ -3287,6 +3296,15 @@
3287
3296
  "type": "\"round\" | undefined"
3288
3297
  }
3289
3298
  },
3299
+ {
3300
+ "name": "size",
3301
+ "description": "",
3302
+ "required": false,
3303
+ "value": {
3304
+ "kind": "expression",
3305
+ "type": "number | undefined"
3306
+ }
3307
+ },
3290
3308
  {
3291
3309
  "name": "spellcheck",
3292
3310
  "description": "If `true`, the element will have its spelling and grammar checked.",
@@ -4746,141 +4764,6 @@
4746
4764
  "module": "@ionic/core/src/components/picker/picker.d.ts",
4747
4765
  "symbol": "Picker"
4748
4766
  },
4749
- "attributes": [
4750
- {
4751
- "name": "mode",
4752
- "description": "The mode determines which platform styles to use.",
4753
- "required": false,
4754
- "value": {
4755
- "kind": "expression",
4756
- "type": "\"ios\" | \"md\""
4757
- }
4758
- }
4759
- ],
4760
- "slots": [],
4761
- "events": []
4762
- },
4763
- {
4764
- "name": "IonPickerColumn",
4765
- "doc-url": "https://ionicframework.com/docs/api/picker-column",
4766
- "description": "",
4767
- "source": {
4768
- "module": "@ionic/core/src/components/picker-column/picker-column.d.ts",
4769
- "symbol": "PickerColumn"
4770
- },
4771
- "attributes": [
4772
- {
4773
- "name": "color",
4774
- "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).",
4775
- "required": false,
4776
- "default": "'primary'",
4777
- "value": {
4778
- "kind": "expression",
4779
- "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
4780
- }
4781
- },
4782
- {
4783
- "name": "disabled",
4784
- "description": "If `true`, the user cannot interact with the picker.",
4785
- "required": false,
4786
- "default": "false",
4787
- "value": {
4788
- "kind": "expression",
4789
- "type": "boolean"
4790
- }
4791
- },
4792
- {
4793
- "name": "mode",
4794
- "description": "The mode determines which platform styles to use.",
4795
- "required": false,
4796
- "value": {
4797
- "kind": "expression",
4798
- "type": "\"ios\" | \"md\""
4799
- }
4800
- },
4801
- {
4802
- "name": "value",
4803
- "description": "The selected option in the picker.",
4804
- "required": false,
4805
- "value": {
4806
- "kind": "expression",
4807
- "type": "number | string | undefined"
4808
- }
4809
- }
4810
- ],
4811
- "slots": [
4812
- {
4813
- "name": "prefix",
4814
- "description": "Content to show on the left side of the picker options."
4815
- },
4816
- {
4817
- "name": "suffix",
4818
- "description": "Content to show on the right side of the picker options."
4819
- }
4820
- ],
4821
- "events": [
4822
- {
4823
- "name": "ionChange",
4824
- "description": "Emitted when the value has changed.",
4825
- "arguments": [
4826
- {
4827
- "name": "detail",
4828
- "type": "PickerColumnChangeEventDetail"
4829
- }
4830
- ]
4831
- }
4832
- ]
4833
- },
4834
- {
4835
- "name": "IonPickerColumnOption",
4836
- "doc-url": "https://ionicframework.com/docs/api/picker-column-option",
4837
- "description": "",
4838
- "source": {
4839
- "module": "@ionic/core/src/components/picker-column-option/picker-column-option.d.ts",
4840
- "symbol": "PickerColumnOption"
4841
- },
4842
- "attributes": [
4843
- {
4844
- "name": "color",
4845
- "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).",
4846
- "required": false,
4847
- "default": "'primary'",
4848
- "value": {
4849
- "kind": "expression",
4850
- "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
4851
- }
4852
- },
4853
- {
4854
- "name": "disabled",
4855
- "description": "If `true`, the user cannot interact with the picker column option.",
4856
- "required": false,
4857
- "default": "false",
4858
- "value": {
4859
- "kind": "expression",
4860
- "type": "boolean"
4861
- }
4862
- },
4863
- {
4864
- "name": "value",
4865
- "description": "The text value of the option.",
4866
- "required": false,
4867
- "value": {
4868
- "kind": "expression",
4869
- "type": "any"
4870
- }
4871
- }
4872
- ],
4873
- "slots": [],
4874
- "events": []
4875
- },
4876
- {
4877
- "name": "IonPickerLegacy",
4878
- "doc-url": "https://ionicframework.com/docs/api/picker-legacy",
4879
- "description": "",
4880
- "source": {
4881
- "module": "@ionic/core/src/components/picker-legacy/picker.d.ts",
4882
- "symbol": "PickerLegacy"
4883
- },
4884
4767
  "attributes": [
4885
4768
  {
4886
4769
  "name": "animated",
@@ -5040,7 +4923,7 @@
5040
4923
  ]
5041
4924
  },
5042
4925
  {
5043
- "name": "ionPickerDidDismiss",
4926
+ "name": "onDidDismiss",
5044
4927
  "description": "Emitted after the picker has dismissed.",
5045
4928
  "arguments": [
5046
4929
  {
@@ -5050,7 +4933,7 @@
5050
4933
  ]
5051
4934
  },
5052
4935
  {
5053
- "name": "ionPickerDidPresent",
4936
+ "name": "onDidPresent",
5054
4937
  "description": "Emitted after the picker has presented.",
5055
4938
  "arguments": [
5056
4939
  {
@@ -5060,7 +4943,7 @@
5060
4943
  ]
5061
4944
  },
5062
4945
  {
5063
- "name": "ionPickerWillDismiss",
4946
+ "name": "onWillDismiss",
5064
4947
  "description": "Emitted before the picker has dismissed.",
5065
4948
  "arguments": [
5066
4949
  {
@@ -5070,7 +4953,7 @@
5070
4953
  ]
5071
4954
  },
5072
4955
  {
5073
- "name": "ionPickerWillPresent",
4956
+ "name": "onWillPresent",
5074
4957
  "description": "Emitted before the picker has presented.",
5075
4958
  "arguments": [
5076
4959
  {
@@ -7519,6 +7402,15 @@
7519
7402
  "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\""
7520
7403
  }
7521
7404
  },
7405
+ {
7406
+ "name": "legacy",
7407
+ "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
7408
+ "required": false,
7409
+ "value": {
7410
+ "kind": "expression",
7411
+ "type": "boolean | undefined"
7412
+ }
7413
+ },
7522
7414
  {
7523
7415
  "name": "maxlength",
7524
7416
  "description": "This attribute specifies the maximum number of characters that the user can enter.",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/vue",
3
- "version": "7.7.2-dev.11707425083.192d8103",
3
+ "version": "7.7.2-dev.11707881769.185d2a14",
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.7.2-dev.11707425083.192d8103",
69
+ "@ionic/core": "7.7.2-dev.11707881769.185d2a14",
70
70
  "ionicons": "^7.0.0"
71
71
  },
72
72
  "vetur": {
@@ -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
- :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-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
- :root.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
- :root.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.always.css.map */
@@ -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"]}
@@ -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 */
@@ -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"]}
@@ -1,3 +0,0 @@
1
-
2
-
3
- /*# sourceMappingURL=dark.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"dark.css","sourcesContent":[]}
@@ -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
- :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-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
- :root.ios 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
- :root.md {
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 */
@@ -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 :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 --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"]}