Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit49083dc

Browse files
committed
add default theme variables
Signed-off-by: shmck <shawn.j.mckay@gmail.com>
1 parentc9a34ed commit49083dc

File tree

2 files changed

+260
-1
lines changed

2 files changed

+260
-1
lines changed

‎web-app/src/App.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,18 @@ import { ConfigProvider } from '@alifd/next'
33
importenUSfrom'@alifd/next/lib/locale/en-us'
44
importErrorBoundaryfrom'./components/ErrorBoundary'
55
importWorkspacefrom'./components/Workspace'
6+
import{ThemeProvider}from'emotion-theming'
7+
importthemefrom'./styles/theme'
68
importRoutesfrom'./Routes'
79

810
constApp=()=>(
911
/*@ts-ignore invalid in enUS locale typings for @alifd/next@1.20.20 https://github.com/alibaba-fusion/next/commit/e3b934b */
1012
<ConfigProviderlocale={enUS}>
1113
<ErrorBoundary>
1214
<Workspace>
13-
<Routes/>
15+
<ThemeProvidertheme={theme}>
16+
<Routes/>
17+
</ThemeProvider>
1418
</Workspace>
1519
</ErrorBoundary>
1620
</ConfigProvider>

‎web-app/src/styles/theme.tsx

Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
// import variables from '@alifd/theme-4/variables'
2+
3+
consttheme={
4+
'$form-element-small-height':'20px',
5+
'$form-element-medium-height':'32px',
6+
'$form-element-large-height':'44px',
7+
'$form-element-small-font-size':'12px',
8+
'$form-element-medium-font-size':'12px',
9+
'$form-element-large-font-size':'16px',
10+
'$form-element-small-preview-height':'20px',
11+
'$form-element-medium-preview-height':'28px',
12+
'$form-element-large-preview-height':'40px',
13+
'$form-element-small-preview-font-size':'12px',
14+
'$form-element-medium-preview-font-size':'12px',
15+
'$form-element-large-preview-font-size':'16px',
16+
'$form-element-small-icon-size':'12px',
17+
'$form-element-medium-icon-size':'12px',
18+
'$form-element-large-icon-size':'16px',
19+
'$form-element-small-corner':'35px',
20+
'$form-element-medium-corner':'35px',
21+
'$form-element-large-corner':'35px',
22+
'$mask-background':'#000000',
23+
'$mask-opacity':'.2',
24+
'$popup-local-border-width':'1px',
25+
'$popup-local-border-style':'solid',
26+
'$popup-local-border-color':'#DCDEE3',
27+
'$popup-local-corner':'3px',
28+
'$popup-local-shadow':'none',
29+
'$popup-global-border-width':'0',
30+
'$popup-global-border-style':'solid',
31+
'$popup-global-border-color':'#DCDEE3',
32+
'$popup-global-corner':'3px',
33+
'$popup-global-shadow':'0px 2px 4px 0px rgba(0,0, 0, 0.12)',
34+
'$color-brand1-1':'#D6F4ED',
35+
'$color-brand1-6':'#01C1B2',
36+
'$color-brand1-9':'#01A79A',
37+
'$color-data1-1':'#01C1B2',
38+
'$color-data1-2':'#5584FF',
39+
'$color-data1-3':'#8272EC',
40+
'$color-data1-4':'#FF445F',
41+
'$color-data1-5':'#FF6A00',
42+
'$color-data1-6':'#FFD74D',
43+
'$color-data1-7':'#4DDE6D',
44+
'$color-data1-8':'#18B1F7',
45+
'$color-white':'#FFFFFF',
46+
'$color-black':'#000000',
47+
'$color-transparent':'transparent',
48+
'$color-success-1':'#E4FDDA',
49+
'$color-success-2':'#CDF2BE',
50+
'$color-success-3':'#46BC15',
51+
'$color-success-4':'#41A716',
52+
'$color-notice-1':'#E3F2FD',
53+
'$color-notice-2':'#BAD9FF',
54+
'$color-notice-3':'#4494F9',
55+
'$color-notice-4':'#2E7DE0',
56+
'$color-warning-1':'#FFF3E0',
57+
'$color-warning-2':'#FFE6BD',
58+
'$color-warning-3':'#FF9300',
59+
'$color-warning-4':'#EB7E10',
60+
'$color-error-1':'#FFECE4',
61+
'$color-error-2':'#FFC8B2',
62+
'$color-error-3':'#FF3000',
63+
'$color-error-4':'#E72B00',
64+
'$color-help-1':'#E3FFF8',
65+
'$color-help-2':'#C0ECE2',
66+
'$color-help-3':'#01C1B2',
67+
'$color-help-4':'#01A79A',
68+
'$color-link-1':'#5584FF',
69+
'$color-link-2':'#5584FF',
70+
'$color-link-3':'#3E71F7',
71+
'$color-other-1':'#FFEB3B',
72+
'$color-other-2':'#FCCC12',
73+
'$color-other-3':'#EABB06',
74+
'$color-line1-1':'#E6E7EB',
75+
'$color-line1-2':'#DCDEE3',
76+
'$color-line1-3':'#C4C6CF',
77+
'$color-line1-4':'#A0A2AD',
78+
'$color-fill1-1':'#F7F8FA',
79+
'$color-fill1-2':'#F2F3F7',
80+
'$color-fill1-3':'#EBECF0',
81+
'$color-fill1-4':'#E2E4E8',
82+
'$color-text1-1':'#CCCCCC',
83+
'$color-text1-2':'#999999',
84+
'$color-text1-3':'#666666',
85+
'$color-text1-4':'#333333',
86+
'$corner-1':'3px',
87+
'$corner-2':'15px',
88+
'$corner-3':'35px',
89+
'$corner-circle':'50%',
90+
'$corner-semicircle':'500px',
91+
'$corner-zero':'0',
92+
'$font-family-base':'Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei"',
93+
'$font-lineheight-1':'1.3',
94+
'$font-lineheight-2':'1.5',
95+
'$font-lineheight-3':'1.7',
96+
'$font-size-display-3':'56px',
97+
'$font-size-display-2':'48px',
98+
'$font-size-display-1':'36px',
99+
'$font-size-headline':'24px',
100+
'$font-size-title':'20px',
101+
'$font-size-subhead':'16px',
102+
'$font-size-body-2':'14px',
103+
'$font-size-body-1':'12px',
104+
'$font-size-caption':'12px',
105+
'$font-weight-1':'lighter',
106+
'$font-weight-thin':'200',
107+
'$font-weight-light':'300',
108+
'$font-weight-2':'normal',
109+
'$font-weight-medium':'500',
110+
'$font-weight-semi-bold':'600',
111+
'$font-weight-3':'bold',
112+
'$font-weight-extra-bold':'800',
113+
'$font-weight-ultra-bold':'900',
114+
'$icon-xxs':'8px',
115+
'$icon-xs':'12px',
116+
'$icon-s':'16px',
117+
'$icon-m':'20px',
118+
'$icon-l':'24px',
119+
'$icon-xl':'32px',
120+
'$icon-xxl':'48px',
121+
'$icon-xxxl':'64px',
122+
'$icon-content-smile':'"\\e65f"',
123+
'$icon-content-cry':'"\\e65d"',
124+
'$icon-content-success':'"\\e60a"',
125+
'$icon-content-warning':'"\\e60b"',
126+
'$icon-content-prompt':'"\\e60c"',
127+
'$icon-content-error':'"\\e60d"',
128+
'$icon-content-help':'"\\e673"',
129+
'$icon-content-clock':'"\\e621"',
130+
'$icon-content-success-filling':'"\\e63a"',
131+
'$icon-content-delete-filling':'"\\e623"',
132+
'$icon-content-favorites-filling':'"\\e60e"',
133+
'$icon-content-add':'"\\e655"',
134+
'$icon-content-minus':'"\\e601"',
135+
'$icon-content-arrow-up':'"\\e625"',
136+
'$icon-content-arrow-down':'"\\e63d"',
137+
'$icon-content-arrow-left':'"\\e61d"',
138+
'$icon-content-arrow-right':'"\\e619"',
139+
'$icon-content-arrow-double-left':'"\\e659"',
140+
'$icon-content-arrow-double-right':'"\\e65e"',
141+
'$icon-content-switch':'"\\e6b3"',
142+
'$icon-content-sorting':'"\\e634"',
143+
'$icon-content-descending':'"\\e61f"',
144+
'$icon-content-ascending':'"\\e61e"',
145+
'$icon-content-select':'"\\e632"',
146+
'$icon-content-semi-select':'"\\e633"',
147+
'$icon-content-loading':'"\\e646"',
148+
'$icon-content-search':'"\\e656"',
149+
'$icon-content-close':'"\\e626"',
150+
'$icon-content-ellipsis':'"\\e654"',
151+
'$icon-content-picture':'"\\e631"',
152+
'$icon-content-calendar':'"\\e607"',
153+
'$icon-content-ashbin':'"\\e639"',
154+
'$icon-content-upload':'"\\e7ee"',
155+
'$icon-content-download':'"\\e628"',
156+
'$icon-content-set':'"\\e683"',
157+
'$icon-content-edit':'"\\e63b"',
158+
'$icon-content-refresh':'"\\e677"',
159+
'$icon-content-filter':'"\\e627"',
160+
'$icon-content-attachment':'"\\e665"',
161+
'$icon-content-account':'"\\e608"',
162+
'$icon-content-email':'"\\e605"',
163+
'$icon-content-atm':'"\\e606"',
164+
'$icon-content-copy':'"\\e60f"',
165+
'$icon-content-toggle-left':'"\\e602"',
166+
'$icon-content-toggle-right':'"\\e603"',
167+
'$icon-content-eye':'"\\e611"',
168+
'$icon-content-eye-close':'"\\e600"',
169+
'$icon-content-unlock':'"\\e615"',
170+
'$icon-content-lock':'"\\e617"',
171+
'$icon-content-exit':'"\\e616"',
172+
'$icon-content-chart-bar':'"\\e612"',
173+
'$icon-content-chart-pie':'"\\e613"',
174+
'$icon-content-form':'"\\e7fb"',
175+
'$icon-content-detail':'"\\e7f8"',
176+
'$icon-content-list':'"\\e7f9"',
177+
'$icon-content-dashboard':'"\\e7fa"',
178+
'$icon-reset':'""',
179+
'$line-zero':'0',
180+
'$line-1':'1px',
181+
'$line-2':'2px',
182+
'$line-3':'4px',
183+
'$line-solid':'solid',
184+
'$line-dashed':'dashed',
185+
'$line-dotted':'dotted',
186+
'$shadow-zero':'none',
187+
'$shadow-1':'1px 1px 3px 0px rgba(0,0,0,0.12)',
188+
'$shadow-1-up':'0px -1px 3px 0px rgba(0,0,0,0.12)',
189+
'$shadow-1-right':'1px 0px 3px 0px rgba(0,0,0,0.12)',
190+
'$shadow-1-down':'0px 1px 3px 0px rgba(0,0,0,0.12)',
191+
'$shadow-1-left':'-1px 0px 3px 0px rgba(0,0,0,0.12)',
192+
'$shadow-2':'2px 2px 4px 0px rgba(0,0,0,0.12)',
193+
'$shadow-2-up':'0px -2px 4px 0px rgba(0,0,0,0.12)',
194+
'$shadow-2-right':'2px 0px 4px 0px rgba(0,0,0,0.12)',
195+
'$shadow-2-down':'0px 2px 4px 0px rgba(0,0,0,0.12)',
196+
'$shadow-2-left':'-2px 0px 4px 0px rgba(0,0,0,0.12)',
197+
'$shadow-3':'2px 2px 8px 0px rgba(0,0,0,0.12)',
198+
'$shadow-3-up':'0px -2px 8px 0px rgba(0,0,0,0.12)',
199+
'$shadow-3-right':'2px 0px 8px 0px rgba(0,0,0,0.12)',
200+
'$shadow-3-down':'0px 2px 8px 0px rgba(0,0,0,0.12)',
201+
'$shadow-3-left':'-2px 0px 8px 0px rgba(0,0,0,0.12)',
202+
'$s-zero':'0',
203+
'$s-1':'4px',
204+
'$s-2':'8px',
205+
'$s-3':'12px',
206+
'$s-4':'16px',
207+
'$s-5':'20px',
208+
'$s-6':'24px',
209+
'$s-7':'28px',
210+
'$s-8':'32px',
211+
'$s-9':'36px',
212+
'$s-10':'40px',
213+
'$s-11':'44px',
214+
'$s-12':'48px',
215+
'$s-13':'52px',
216+
'$s-14':'56px',
217+
'$s-15':'60px',
218+
'$s-16':'64px',
219+
'$s-17':'68px',
220+
'$s-18':'72px',
221+
'$s-19':'76px',
222+
'$s-20':'80px',
223+
'$s-21':'84px',
224+
'$s-22':'88px',
225+
'$s-23':'92px',
226+
'$s-24':'96px',
227+
'$s-25':'100px',
228+
'$s-26':'104px',
229+
'$s-27':'108px',
230+
'$s-28':'112px',
231+
'$s-29':'116px',
232+
'$s-30':'120px',
233+
'$s-31':'124px',
234+
'$s-32':'128px',
235+
'$s-33':'132px',
236+
'$s-34':'136px',
237+
'$s-35':'140px',
238+
'$s-36':'144px',
239+
'$s-37':'148px',
240+
'$s-38':'152px',
241+
'$s-39':'156px',
242+
'$s-40':'160px',
243+
'$s-41':'164px',
244+
'$s-42':'168px',
245+
'$s-43':'172px',
246+
'$s-44':'176px',
247+
'$s-45':'180px',
248+
'$s-46':'184px',
249+
'$s-47':'188px',
250+
'$s-48':'192px',
251+
'$s-49':'196px',
252+
'$s-50':'200px',
253+
}
254+
255+
exportdefaulttheme

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp