Skip to content

Commit c25931c

Browse files
Luozf12345Luozf12345
committed
修改默认主题暗色模式名称
1 parent 186dda1 commit c25931c

6 files changed

Lines changed: 905 additions & 585 deletions

File tree

‎tdesign-component/example/assets/code/input._specialTypePhoneNumber.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
_countdownTime > 0
2424
? TDText(
2525
'${countDownText}(${_countdownTime}秒)',
26-
textColor: TDTheme.of(context).textColorDisabled,
26+
textColor: TDTheme.of(context).textDisabledColor,
2727
)
2828
: TDText(confirmText,
2929
textColor: TDTheme.of(context).brandNormalColor),

‎tdesign-component/example/assets/code/table._showFooterTable.txt‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
2+
Widget _showFooterTable(BuildContext context) {
3+
return TDTable(
4+
height: 100,
5+
footerWidget: _hasMore ? TDText('加载更多...') : TDText('没有更多数据了'),
6+
onScroll: (controller) {
7+
if (controller.position.pixels == controller.position.maxScrollExtent &&
8+
_hasMore) {
9+
_pageIndex += 1;
10+
_fetchData();
11+
}
12+
},
13+
data: _data,
14+
columns: [
15+
TDTableCol(title: '标题', colKey: 'title1'),
16+
TDTableCol(title: '标题', colKey: 'title2'),
17+
TDTableCol(title: '标题', colKey: 'title3'),
18+
TDTableCol(title: '标题', colKey: 'title4')
19+
],
20+
);
21+
}

‎tdesign-component/example/assets/code/upload._uploadTap.txt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
2+
Widget _uploadTap(BuildContext context) {
3+
return wrapDemoContainer('自定义upload按钮事件',
4+
child: TDUpload(
5+
files: files7,
6+
multiple: true,
7+
max: 9,
8+
onUploadTap: onUploadTap,
9+
onClick: onClick,
10+
onCancel: onCancel,
11+
onError: print,
12+
onValidate: print,
13+
onChange: ((files, type) => onValueChanged(files7, files, type)),
14+
));
15+
}

‎tdesign-component/example/shell/theme/default.css‎

Lines changed: 284 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,284 @@
1+
:root, :root[theme-mode="light"] {
2+
--td-brand-color-1: #f2f3ff;
3+
--td-brand-color-2: #d9e1ff;
4+
--td-brand-color-3: #b5c7ff;
5+
--td-brand-color-4: #8eabff;
6+
--td-brand-color-5: #618dff;
7+
--td-brand-color-6: #366ef4;
8+
--td-brand-color-7: #0052d9;
9+
--td-brand-color-8: #003cab;
10+
--td-brand-color-9: #002a7c;
11+
--td-brand-color-10: #001a57;
12+
--td-warning-color-1: #fff1e9;
13+
--td-warning-color-2: #ffd9c2;
14+
--td-warning-color-3: #ffb98c;
15+
--td-warning-color-4: #fa9550;
16+
--td-warning-color-5: #e37318;
17+
--td-warning-color-6: #be5a00;
18+
--td-warning-color-7: #954500;
19+
--td-warning-color-8: #713300;
20+
--td-warning-color-9: #532300;
21+
--td-warning-color-10: #3b1700;
22+
--td-error-color-1: #fff0ed;
23+
--td-error-color-2: #ffd8d2;
24+
--td-error-color-3: #ffb9b0;
25+
--td-error-color-4: #ff9285;
26+
--td-error-color-5: #f6685d;
27+
--td-error-color-6: #d54941;
28+
--td-error-color-7: #ad352f;
29+
--td-error-color-8: #881f1c;
30+
--td-error-color-9: #68070a;
31+
--td-error-color-10: #490002;
32+
--td-success-color-1: #e3f9e9;
33+
--td-success-color-2: #c6f3d7;
34+
--td-success-color-3: #92dab2;
35+
--td-success-color-4: #56c08d;
36+
--td-success-color-5: #2ba471;
37+
--td-success-color-6: #008858;
38+
--td-success-color-7: #006c45;
39+
--td-success-color-8: #005334;
40+
--td-success-color-9: #003b23;
41+
--td-success-color-10: #002515;
42+
--td-gray-color-1: #f3f3f3;
43+
--td-gray-color-2: #eee;
44+
--td-gray-color-3: #e7e7e7;
45+
--td-gray-color-4: #dcdcdc;
46+
--td-gray-color-5: #c5c5c5;
47+
--td-gray-color-6: #a6a6a6;
48+
--td-gray-color-7: #8b8b8b;
49+
--td-gray-color-8: #777;
50+
--td-gray-color-9: #5e5e5e;
51+
--td-gray-color-10: #4b4b4b;
52+
--td-gray-color-11: #383838;
53+
--td-gray-color-12: #2c2c2c;
54+
--td-gray-color-13: #242424;
55+
--td-gray-color-14: #181818;
56+
--td-font-white-1: rgba(255, 255, 255, 1);
57+
--td-font-white-2: rgba(255, 255, 255, .55);
58+
--td-font-white-3: rgba(255, 255, 255, .35);
59+
--td-font-white-4: rgba(255, 255, 255, .22);
60+
--td-font-gray-1: rgba(0, 0, 0, .9);
61+
--td-font-gray-2: rgba(0, 0, 0, .6);
62+
--td-font-gray-3: rgba(0, 0, 0, .4);
63+
--td-font-gray-4: rgba(0, 0, 0, .26);
64+
--td-brand-color: var(--td-brand-color-7);
65+
--td-warning-color: var(--td-warning-color-5);
66+
--td-error-color: var(--td-error-color-6);
67+
--td-success-color: var(--td-success-color-5);
68+
--td-brand-color-focus: var(--td-brand-color-1);
69+
--td-brand-color-active: var(--td-brand-color-8);
70+
--td-brand-color-disabled: var(--td-brand-color-3);
71+
--td-brand-color-light: var(--td-brand-color-1);
72+
--td-brand-color-light-active: var(--td-brand-color-2);
73+
--td-warning-color-active: var(--td-warning-color-6);
74+
--td-warning-color-disabled: var(--td-warning-color-3);
75+
--td-warning-color-focus: var(--td-warning-color-2);
76+
--td-warning-color-light: var(--td-warning-color-1);
77+
--td-warning-color-light-active: var(--td-warning-color-2);
78+
--td-error-color-focus: var(--td-error-color-2);
79+
--td-error-color-active: var(--td-error-color-7);
80+
--td-error-color-disabled: var(--td-error-color-3);
81+
--td-error-color-light: var(--td-error-color-1);
82+
--td-error-color-light-active: var(--td-error-color-2);
83+
--td-success-color-focus: var(--td-success-color-2);
84+
--td-success-color-active: var(--td-success-color-6);
85+
--td-success-color-disabled: var(--td-success-color-3);
86+
--td-success-color-light: var(--td-success-color-1);
87+
--td-success-color-light-active: var(--td-success-color-2);
88+
--td-mask-active: rgba(0, 0, 0, .6);
89+
--td-mask-disabled: rgba(255, 255, 255, .6);
90+
--td-bg-color-page: var(--td-gray-color-1);
91+
--td-bg-color-container: var(--td-font-white-1);
92+
--td-bg-color-container-active: var(--td-gray-color-3);
93+
--td-bg-color-secondarycontainer: var(--td-gray-color-1);
94+
--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
95+
--td-bg-color-component: var(--td-gray-color-3);
96+
--td-bg-color-component-active: var(--td-gray-color-6);
97+
--td-bg-color-component-disabled: var(--td-gray-color-2);
98+
--td-bg-color-secondarycomponent: var(--td-gray-color-4);
99+
--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
100+
--td-bg-color-specialcomponent: #fff;
101+
--td-text-color-primary: var(--td-font-gray-1);
102+
--td-text-color-secondary: var(--td-font-gray-2);
103+
--td-text-color-placeholder: var(--td-font-gray-3);
104+
--td-text-color-disabled: var(--td-font-gray-4);
105+
--td-text-color-anti: var(--td-font-white-1);
106+
--td-text-color-brand: var(--td-brand-color);
107+
--td-text-color-link: var(--td-brand-color);
108+
--td-border-level-1-color: var(--td-gray-color-3);
109+
--td-component-stroke: var(--td-gray-color-3);
110+
--td-border-level-2-color: var(--td-gray-color-4);
111+
--td-component-border: var(--td-gray-color-4);
112+
--td-shadow-1: 0 1px 10px rgba(0, 0, 0, 5%), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
113+
--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
114+
--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
115+
--td-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 6%);
116+
--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;
117+
--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;
118+
--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;
119+
--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;
120+
--td-table-shadow-color: rgba(0, 0, 0, .08);
121+
--td-scrollbar-color: rgba(0, 0, 0, .1);
122+
--td-scrollbar-hover-color: rgba(0, 0, 0, .3);
123+
--td-scroll-track-color: #fff;
124+
}
125+
126+
:root[theme-mode="dark"] {
127+
--td-brand-color-1: #1b2f51;
128+
--td-brand-color-2: #173463;
129+
--td-brand-color-3: #143975;
130+
--td-brand-color-4: #103d88;
131+
--td-brand-color-5: #0d429a;
132+
--td-brand-color-6: #054bbe;
133+
--td-brand-color-7: #2667d4;
134+
--td-brand-color-8: #4582e6;
135+
--td-brand-color-9: #699ef5;
136+
--td-brand-color-10: #96bbf8;
137+
--td-warning-color-1: #4f2a1d;
138+
--td-warning-color-2: #582f21;
139+
--td-warning-color-3: #733c23;
140+
--td-warning-color-4: #a75d2b;
141+
--td-warning-color-5: #cf6e2d;
142+
--td-warning-color-6: #dc7633;
143+
--td-warning-color-7: #e8935c;
144+
--td-warning-color-8: #ecbf91;
145+
--td-warning-color-9: #eed7bf;
146+
--td-warning-color-10: #f3e9dc;
147+
--td-error-color-1: #472324;
148+
--td-error-color-2: #5e2a2d;
149+
--td-error-color-3: #703439;
150+
--td-error-color-4: #83383e;
151+
--td-error-color-5: #a03f46;
152+
--td-error-color-6: #c64751;
153+
--td-error-color-7: #de6670;
154+
--td-error-color-8: #ec888e;
155+
--td-error-color-9: #edb1b6;
156+
--td-error-color-10: #eeced0;
157+
--td-success-color-1: #193a2a;
158+
--td-success-color-2: #1a4230;
159+
--td-success-color-3: #17533d;
160+
--td-success-color-4: #0d7a55;
161+
--td-success-color-5: #059465;
162+
--td-success-color-6: #43af8a;
163+
--td-success-color-7: #46bf96;
164+
--td-success-color-8: #80d2b6;
165+
--td-success-color-9: #b4e1d3;
166+
--td-success-color-10: #deede8;
167+
--td-gray-color-1: #f3f3f3;
168+
--td-gray-color-2: #eee;
169+
--td-gray-color-3: #e8e8e8;
170+
--td-gray-color-4: #ddd;
171+
--td-gray-color-5: #c6c6c6;
172+
--td-gray-color-6: #a6a6a6;
173+
--td-gray-color-7: #8b8b8b;
174+
--td-gray-color-8: #777;
175+
--td-gray-color-9: #5e5e5e;
176+
--td-gray-color-10: #4b4b4b;
177+
--td-gray-color-11: #383838;
178+
--td-gray-color-12: #2c2c2c;
179+
--td-gray-color-13: #242424;
180+
--td-gray-color-14: #181818;
181+
--td-font-white-1: rgba(255, 255, 255, .9);
182+
--td-font-white-2: rgba(255, 255, 255, .55);
183+
--td-font-white-3: rgba(255, 255, 255, .35);
184+
--td-font-white-4: rgba(255, 255, 255, .22);
185+
--td-font-gray-1: rgba(0, 0, 0, .9);
186+
--td-font-gray-2: rgba(0, 0, 0, .6);
187+
--td-font-gray-3: rgba(0, 0, 0, .4);
188+
--td-font-gray-4: rgba(0, 0, 0, .26);
189+
--td-brand-color: var(--td-brand-color-8);
190+
--td-warning-color: var(--td-warning-color-5);
191+
--td-error-color: var(--td-error-color-6);
192+
--td-success-color: var(--td-success-color-5);
193+
--td-brand-color-focus: var(--td-brand-color-1);
194+
--td-brand-color-active: var(--td-brand-color-9);
195+
--td-brand-color-disabled: var(--td-brand-color-3);
196+
--td-brand-color-light: var(--td-brand-color-1);
197+
--td-brand-color-light-active: var(--td-brand-color-2);
198+
--td-warning-color-focus: var(--td-warning-color-2);
199+
--td-warning-color-active: var(--td-warning-color-4);
200+
--td-warning-color-disabled: var(--td-warning-color-3);
201+
--td-warning-color-light: var(--td-warning-color-1);
202+
--td-warning-color-light-active: var(--td-warning-color-2);
203+
--td-error-color-focus: var(--td-error-color-2);
204+
--td-error-color-active: var(--td-error-color-5);
205+
--td-error-color-disabled: var(--td-error-color-3);
206+
--td-error-color-light: var(--td-error-color-1);
207+
--td-error-color-light-active: var(--td-error-color-2);
208+
--td-success-color-focus: var(--td-success-color-2);
209+
--td-success-color-active: var(--td-success-color-4);
210+
--td-success-color-disabled: var(--td-success-color-3);
211+
--td-success-color-light: var(--td-success-color-1);
212+
--td-success-color-light-active: var(--td-success-color-2);
213+
--td-mask-active: rgba(0, 0, 0, .4);
214+
--td-mask-disabled: rgba(0, 0, 0, .6);
215+
--td-bg-color-page: var(--td-gray-color-14);
216+
--td-bg-color-container: var(--td-gray-color-13);
217+
--td-bg-color-secondarycontainer: var(--td-gray-color-12);
218+
--td-bg-color-component: var(--td-gray-color-11);
219+
--td-bg-color-container-active: var(--td-gray-color-12);
220+
--td-bg-color-secondarycontainer-active: var(--td-gray-color-11);
221+
--td-bg-color-component-active: var(--td-gray-color-10);
222+
--td-bg-color-component-disabled: var(--td-gray-color-12);
223+
--td-bg-color-specialcomponent: transparent;
224+
--td-text-color-primary: var(--td-font-white-1);
225+
--td-text-color-secondary: var(--td-font-white-2);
226+
--td-text-color-placeholder: var(--td-font-white-3);
227+
--td-text-color-disabled: var(--td-font-white-4);
228+
--td-text-color-anti: var(--td-font-white-1);
229+
--td-text-color-brand: var(--td-brand-color-8);
230+
--td-text-color-link: var(--td-brand-color-8);
231+
--td-border-level-1-color: var(--td-gray-color-11);
232+
--td-component-stroke: var(--td-gray-color-11);
233+
--td-border-level-2-color: var(--td-gray-color-9);
234+
--td-component-border: var(--td-gray-color-9);
235+
--td-shadow-1: 0 4px 6px rgba(0, 0, 0, 6%), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
236+
--td-shadow-2: 0 8px 10px rgba(0, 0, 0, 12%), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
237+
--td-shadow-3: 0 16px 24px rgba(0, 0, 0, 14%), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
238+
--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;
239+
--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;
240+
--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;
241+
--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;
242+
--td-table-shadow-color: rgba(0, 0, 0, .55);
243+
--td-scrollbar-color: rgba(255, 255, 255, .1);
244+
--td-scroll-track-color: #333;
245+
}
246+
247+
:root {
248+
--td-font-family: pingfang sc, microsoft yahei, arial regular;
249+
--td-font-family-medium: pingfang sc, microsoft yahei, arial medium;
250+
--td-font-size-link-small: 12px;
251+
--td-font-size-link-medium: 14px;
252+
--td-font-size-link-large: 16px;
253+
--td-font-size-mark-extra-small: 10px;
254+
--td-font-size-mark-small: 12px;
255+
--td-font-size-mark-medium: 14px;
256+
--td-font-size-mark-large: 16px;
257+
--td-font-size-body-extra-small: 10px;
258+
--td-font-size-body-small: 12px;
259+
--td-font-size-body-medium: 14px;
260+
--td-font-size-body-large: 16px;
261+
--td-font-size-title-small: 14px;
262+
--td-font-size-title-medium: 16px;
263+
--td-font-size-title-large: 18px;
264+
--td-font-size-title-extra-large: 20px;
265+
--td-font-size-headline-small: 24px;
266+
--td-font-size-headline-medium: 28px;
267+
--td-font-size-headline-large: 36px;
268+
--td-font-size-display-medium: 48px;
269+
--td-font-size-display-large: 64px;
270+
--td-font-size: 10px;
271+
--td-font-size-xs: var(--td-font-size-body-extra-small);
272+
--td-font-size-s: var(--td-font-size-body-small);
273+
--td-font-size-base: var(--td-font-size-title-small);
274+
--td-font-size-m: var(--td-font-size-title-medium);
275+
--td-font-size-l: var(--td-font-size-title-large);
276+
--td-font-size-xl: var(--td-font-size-title-extra-large);
277+
--td-font-size-xxl: var(--td-font-size-headline-large);
278+
--td-radius-small: 3px;
279+
--td-radius-default: 6px;
280+
--td-radius-large: 9px;
281+
--td-radius-extraLarge: 12px;
282+
--td-radius-round: 999px;
283+
--td-radius-circle: 50%;
284+
}

0 commit comments

Comments
 (0)