@sumaris-net/ngx-components 2.7.3-rc71 → 2.7.3-rc72

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 (6) hide show
  1. package/esm2022/src/app/core/settings/settings.page.mjs +3 -3
  2. package/fesm2022/sumaris-net.ngx-components.mjs +2 -2
  3. package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/src/assets/manifest.json +1 -1
  6. package/src/theme/_theme.variables.scss +48 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sumaris-net/ngx-components",
3
3
  "description": "SUMARiS Angular components",
4
- "version": "2.7.3-rc71",
4
+ "version": "2.7.3-rc72",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
package/src/assets/manifest.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "ngx-sumaris-components",
3
3
  "short_name": "ngx-sumaris-components",
4
4
  "manifest_version": 1,
5
- "version": "2.7.3-rc71",
5
+ "version": "2.7.3-rc72",
6
6
  "default_locale": "fr",
7
7
  "description": "Angular components for building beautiful and responsive Apps",
8
8
  "icons": [{
package/src/theme/_theme.variables.scss CHANGED
@@ -69,6 +69,53 @@ html.dark {
69
69
 
70
70
  }
71
71
 
72
+ /*
73
+ * iOS Dark Theme
74
+ * -------------------------------------------
75
+ */
76
+
77
+ html.ios.dark {
78
+ --ion-background-color: #000000;
79
+ --ion-background-color-rgb: 0, 0, 0;
80
+
81
+ --ion-text-color: #ffffff;
82
+ --ion-text-color-rgb: 255, 255, 255;
83
+
84
+ --ion-color-step-50: #0d0d0d;
85
+ --ion-color-step-100: #1a1a1a;
86
+ --ion-color-step-150: #262626;
87
+ --ion-color-step-200: #333333;
88
+ --ion-color-step-250: #404040;
89
+ --ion-color-step-300: #4d4d4d;
90
+ --ion-color-step-350: #595959;
91
+ --ion-color-step-400: #666666;
92
+ --ion-color-step-450: #737373;
93
+ --ion-color-step-500: #808080;
94
+ --ion-color-step-550: #8c8c8c;
95
+ --ion-color-step-600: #999999;
96
+ --ion-color-step-650: #a6a6a6;
97
+ --ion-color-step-700: #b3b3b3;
98
+ --ion-color-step-750: #bfbfbf;
99
+ --ion-color-step-800: #cccccc;
100
+ --ion-color-step-850: #d9d9d9;
101
+ --ion-color-step-900: #e6e6e6;
102
+ --ion-color-step-950: #f2f2f2;
103
+
104
+ --ion-item-background: #000000;
105
+
106
+ --ion-card-background: #1c1c1d;
107
+ }
108
+
109
+ .ios ion-modal {
110
+ --ion-background-color: var(--ion-color-step-100);
111
+ --ion-toolbar-background: var(--ion-color-step-150);
112
+ --ion-toolbar-border-color: var(--ion-color-step-250);
113
+ }
114
+
115
+ /*
116
+ * Material Design Dark Theme
117
+ * -------------------------------------------
118
+ */
72
119
 
73
120
  html.md.dark {
74
121
 
@@ -112,7 +159,7 @@ html.md.dark {
112
159
 
113
160
  ion-menu ion-content {
114
161
  --background: transparent;
115
- --background-color: rgba(var(--ion-color-primary900-rgb), 0.4) !important;
162
+ --background-color: var(--ion-background-color) !important;
116
163
  }
117
164
 
118
165
  //.mat-mdc-table {