Skip to content

Commit d89531a

Browse files
thetaPCthetaPC
committed
fix(themes): add text steps
1 parent 28e8745 commit d89531a

5 files changed

Lines changed: 142 additions & 1 deletion

File tree

‎core/src/themes/native/test/css-variables/css/dark.css‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -100,6 +100,26 @@ body {
100100
--ion-background-color-step-900: #e6e6e6;
101101
--ion-background-color-step-950: #f2f2f2;
102102

103+
--ion-text-color-step-50: #f2f2f2;
104+
--ion-text-color-step-100: #e6e6e6;
105+
--ion-text-color-step-150: #d9d9d9;
106+
--ion-text-color-step-200: #cccccc;
107+
--ion-text-color-step-250: #bfbfbf;
108+
--ion-text-color-step-300: #b3b3b3;
109+
--ion-text-color-step-350: #a6a6a6;
110+
--ion-text-color-step-400: #999999;
111+
--ion-text-color-step-450: #8c8c8c;
112+
--ion-text-color-step-500: #808080;
113+
--ion-text-color-step-550: #737373;
114+
--ion-text-color-step-600: #666666;
115+
--ion-text-color-step-650: #595959;
116+
--ion-text-color-step-700: #4d4d4d;
117+
--ion-text-color-step-750: #404040;
118+
--ion-text-color-step-800: #333333;
119+
--ion-text-color-step-850: #262626;
120+
--ion-text-color-step-900: #1a1a1a;
121+
--ion-text-color-step-950: #0d0d0d;
122+
103123
--ion-item-background: #000000;
104124

105125
--ion-card-background: #1c1c1d;
@@ -145,6 +165,26 @@ body {
145165
--ion-background-color-step-900: #e7e7e7;
146166
--ion-background-color-step-950: #f3f3f3;
147167

168+
--ion-text-color-step-50: #f3f3f3;
169+
--ion-text-color-step-100: #e7e7e7;
170+
--ion-text-color-step-150: #dbdbdb;
171+
--ion-text-color-step-200: #d0d0d0;
172+
--ion-text-color-step-250: #c4c4c4;
173+
--ion-text-color-step-300: #b8b8b8;
174+
--ion-text-color-step-350: #acacac;
175+
--ion-text-color-step-400: #a0a0a0;
176+
--ion-text-color-step-450: #949494;
177+
--ion-text-color-step-500: #898989;
178+
--ion-text-color-step-550: #7d7d7d;
179+
--ion-text-color-step-600: #717171;
180+
--ion-text-color-step-650: #656565;
181+
--ion-text-color-step-700: #595959;
182+
--ion-text-color-step-750: #4d4d4d;
183+
--ion-text-color-step-800: #414141;
184+
--ion-text-color-step-850: #363636;
185+
--ion-text-color-step-900: #2a2a2a;
186+
--ion-text-color-step-950: #1e1e1e;
187+
148188
--ion-item-background: #1e1e1e;
149189

150190
--ion-toolbar-background: #1f1f1f;

‎core/src/themes/native/test/css-variables/css/oceanic.css‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -116,4 +116,25 @@
116116
--ion-background-color-step-900: #e8eaeb;
117117
--ion-background-color-step-950: #f4f4f5;
118118
--ion-background-color-step-1000: #fff;
119+
120+
--ion-text-color-step-50: #fff;
121+
--ion-text-color-step-100: #f4f4f5;
122+
--ion-text-color-step-150: #e8eaeb;
123+
--ion-text-color-step-200: #dddfe1;
124+
--ion-text-color-step-250: #d1d5d6;
125+
--ion-text-color-step-300: #c6cacc;
126+
--ion-text-color-step-350: #bbbfc2;
127+
--ion-text-color-step-400: #afb5b8;
128+
--ion-text-color-step-450: #a4aaae;
129+
--ion-text-color-step-500: #98a0a4;
130+
--ion-text-color-step-550: #8d959a;
131+
--ion-text-color-step-600: #828a8f;
132+
--ion-text-color-step-650: #768085;
133+
--ion-text-color-step-700: #6b757b;
134+
--ion-text-color-step-750: #5f6b71;
135+
--ion-text-color-step-800: #546067;
136+
--ion-text-color-step-850: #49555d;
137+
--ion-text-color-step-900: #3d4b52;
138+
--ion-text-color-step-950: #324048;
139+
--ion-text-color-step-1000: #26363e;
119140
}

‎core/src/themes/native/test/css-variables/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<script src="../../../../../scripts/testing/scripts.js"></script>
1414
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
1515
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
16-
<link id="palette" href="/src/themes/test/default.css" rel="stylesheet" />
16+
<link id="palette" href="../default.css" rel="stylesheet" />
1717

1818
<style>
1919
.wrapper {

‎packages/react-router/test/base/src/theme/variables.css‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -179,6 +179,26 @@ http://ionicframework.com/docs/theming/ */
179179
--ion-background-color-step-900: #e6e6e6;
180180
--ion-background-color-step-950: #f2f2f2;
181181

182+
--ion-text-color-step-50: #f2f2f2;
183+
--ion-text-color-step-100: #e6e6e6;
184+
--ion-text-color-step-150: #d9d9d9;
185+
--ion-text-color-step-200: #cccccc;
186+
--ion-text-color-step-250: #bfbfbf;
187+
--ion-text-color-step-300: #b3b3b3;
188+
--ion-text-color-step-350: #a6a6a6;
189+
--ion-text-color-step-400: #999999;
190+
--ion-text-color-step-450: #8c8c8c;
191+
--ion-text-color-step-500: #808080;
192+
--ion-text-color-step-550: #737373;
193+
--ion-text-color-step-600: #666666;
194+
--ion-text-color-step-650: #595959;
195+
--ion-text-color-step-700: #4d4d4d;
196+
--ion-text-color-step-750: #404040;
197+
--ion-text-color-step-800: #333333;
198+
--ion-text-color-step-850: #262626;
199+
--ion-text-color-step-900: #1a1a1a;
200+
--ion-text-color-step-950: #0d0d0d;
201+
182202
--ion-toolbar-background: #0d0d0d;
183203

184204
--ion-item-background: #000000;
@@ -218,6 +238,26 @@ http://ionicframework.com/docs/theming/ */
218238
--ion-background-color-step-900: #e7e7e7;
219239
--ion-background-color-step-950: #f3f3f3;
220240

241+
--ion-text-color-step-50: #f3f3f3;
242+
--ion-text-color-step-100: #e7e7e7;
243+
--ion-text-color-step-150: #dbdbdb;
244+
--ion-text-color-step-200: #d0d0d0;
245+
--ion-text-color-step-250: #c4c4c4;
246+
--ion-text-color-step-300: #b8b8b8;
247+
--ion-text-color-step-350: #acacac;
248+
--ion-text-color-step-400: #a0a0a0;
249+
--ion-text-color-step-450: #949494;
250+
--ion-text-color-step-500: #898989;
251+
--ion-text-color-step-550: #7d7d7d;
252+
--ion-text-color-step-600: #717171;
253+
--ion-text-color-step-650: #656565;
254+
--ion-text-color-step-700: #595959;
255+
--ion-text-color-step-750: #4d4d4d;
256+
--ion-text-color-step-800: #414141;
257+
--ion-text-color-step-850: #363636;
258+
--ion-text-color-step-900: #2a2a2a;
259+
--ion-text-color-step-950: #1e1e1e;
260+
221261
--ion-item-background: #1e1e1e;
222262

223263
--ion-toolbar-background: #1f1f1f;

‎packages/react/test/base/src/theme/variables.css‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -179,6 +179,26 @@ http://ionicframework.com/docs/theming/ */
179179
--ion-background-color-step-900: #e6e6e6;
180180
--ion-background-color-step-950: #f2f2f2;
181181

182+
--ion-text-color-step-50: #f2f2f2;
183+
--ion-text-color-step-100: #e6e6e6;
184+
--ion-text-color-step-150: #d9d9d9;
185+
--ion-text-color-step-200: #cccccc;
186+
--ion-text-color-step-250: #bfbfbf;
187+
--ion-text-color-step-300: #b3b3b3;
188+
--ion-text-color-step-350: #a6a6a6;
189+
--ion-text-color-step-400: #999999;
190+
--ion-text-color-step-450: #8c8c8c;
191+
--ion-text-color-step-500: #808080;
192+
--ion-text-color-step-550: #737373;
193+
--ion-text-color-step-600: #666666;
194+
--ion-text-color-step-650: #595959;
195+
--ion-text-color-step-700: #4d4d4d;
196+
--ion-text-color-step-750: #404040;
197+
--ion-text-color-step-800: #333333;
198+
--ion-text-color-step-850: #262626;
199+
--ion-text-color-step-900: #1a1a1a;
200+
--ion-text-color-step-950: #0d0d0d;
201+
182202
--ion-item-background: #000000;
183203

184204
--ion-card-background: #1c1c1d;
@@ -225,6 +245,26 @@ http://ionicframework.com/docs/theming/ */
225245
--ion-background-color-step-900: #e7e7e7;
226246
--ion-background-color-step-950: #f3f3f3;
227247

248+
--ion-text-color-step-50: #f3f3f3;
249+
--ion-text-color-step-100: #e7e7e7;
250+
--ion-text-color-step-150: #dbdbdb;
251+
--ion-text-color-step-200: #d0d0d0;
252+
--ion-text-color-step-250: #c4c4c4;
253+
--ion-text-color-step-300: #b8b8b8;
254+
--ion-text-color-step-350: #acacac;
255+
--ion-text-color-step-400: #a0a0a0;
256+
--ion-text-color-step-450: #949494;
257+
--ion-text-color-step-500: #898989;
258+
--ion-text-color-step-550: #7d7d7d;
259+
--ion-text-color-step-600: #717171;
260+
--ion-text-color-step-650: #656565;
261+
--ion-text-color-step-700: #595959;
262+
--ion-text-color-step-750: #4d4d4d;
263+
--ion-text-color-step-800: #414141;
264+
--ion-text-color-step-850: #363636;
265+
--ion-text-color-step-900: #2a2a2a;
266+
--ion-text-color-step-950: #1e1e1e;
267+
228268
--ion-item-background: #1e1e1e;
229269

230270
--ion-toolbar-background: #1f1f1f;

0 commit comments

Comments
 (0)