Skip to content
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commit 7855925

Browse files
mydearxymmydearxym
committed
[rename] u_panel -> shell
1 parent 0f437d4 commit 7855925

File tree

10 files changed

+33
-34
lines changed

10 files changed

+33
-34
lines changed

‎containers/Doraemon/styles/index.js‎

Lines changed: 14 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const rotate360 = keyframes`
1616
`
1717

1818
export const LoadingIcon = styled(loadingIcon)`
19-
fill: ${theme('u_panel.search_icon')};
19+
fill: ${theme('shell.search_icon')};
2020
width: 30px;
2121
height: 30px;
2222
margin-top: 20px;
@@ -69,10 +69,10 @@ export const SuggestionWrapper = styled.div`
6969

7070
// #001b21;
7171
export const BaseBar = styled.div`
72-
border: 1px solid ${theme('u_panel.border')};
72+
border: 1px solid ${theme('shell.border')};
7373
width: 100%;
7474
height: 70px;
75-
background: ${theme('u_panel.bar_bg')};
75+
background: ${theme('shell.bar_bg')};
7676
color: white;
7777
display: flex;
7878
flex-direction: row;
@@ -92,19 +92,18 @@ export const AlertBar = styled(BaseBar)`
9292
export const InfoBar = styled(BaseBar)`
9393
padding: 10px;
9494
min-height: 70px;
95-
background: ${props =>
96-
props.active ? theme('u_panel.active_bg', props) : ''};
95+
background: ${props => (props.active ? theme('shell.active_bg', props) : '')};
9796
`
9897
export const InputBar = styled.input`
99-
caret-color: ${theme('u_panel.search_input')};
98+
caret-color: ${theme('shell.search_input')};
10099
flex-grow: 1;
101100
font-family: '.SFNSText-Light', 'SF UI Text', 'Helvetica Neue', 'Arial',
102101
'Lucida Grande', 'Segoe UI', Noto Sans, sans-serif;
103102
height: 100%;
104103
width: auto;
105104
outline: none;
106105
font-weight: 200;
107-
color: ${theme('u_panel.search_input')};
106+
color: ${theme('shell.search_input')};
108107
font-size: 1.6rem;
109108
max-height: none;
110109
background-color: transparent;
@@ -133,11 +132,11 @@ export const Title = styled.div`
133132
font-size: 1.5em;
134133
color: white;
135134
> a {
136-
color: ${theme('u_panel.link')};
135+
color: ${theme('shell.link')};
137136
}
138137
`
139138
export const Desc = styled.div`
140-
color: ${theme('u_panel.text')};
139+
color: ${theme('shell.text')};
141140
text-overflow: ellipsis;
142141
font-size: 1.1em;
143142
width: 90%;
@@ -146,20 +145,20 @@ export const Desc = styled.div`
146145
margin-bottom: 7px;
147146
`
148147
export const Hint = styled.div`
149-
color: ${theme('u_panel.text')};
148+
color: ${theme('shell.text')};
150149
margin-top: 10px;
151150
margin-right: 15px;
152151
width: 30px;
153152
font-size: 1.1rem;
154153
`
155154
export const HintEnter = styled(ReactSVG)`
156-
color: ${theme('u_panel.text')};
155+
color: ${theme('shell.text')};
157156
margin-top: 10px;
158157
margin-right: 1.5em;
159158
width: 30px;
160159
height: 30px;
161160
transform: rotateX(180deg);
162-
fill: ${theme('u_panel.text')};
161+
fill: ${theme('shell.text')};
163162
`
164163

165164
export const SubInfoWraper = styled.div`
@@ -168,12 +167,12 @@ export const SubInfoWraper = styled.div`
168167
`
169168

170169
export const RepoLang = styled.div`
171-
color: ${theme('u_panel.text')};
170+
color: ${theme('shell.text')};
172171
font-style: italic;
173172
`
174173

175174
export const RepoStar = styled.div`
176-
color: ${theme('u_panel.text')};
175+
color: ${theme('shell.text')};
177176
font-style: italic;
178177
margin-right: 10px;
179178
`
@@ -204,7 +203,7 @@ export const PrefixSearchIcon = styled(ReactSVG)`
204203
width: 30px;
205204
height: 30px;
206205
margin-top: 20px;
207-
fill: ${theme('u_panel.search_icon')};
206+
fill: ${theme('shell.search_icon')};
208207
`
209208

210209
export const PrefixMagicIcon = styled(ReactSVG)`

‎containers/GithubSearchPanel/styles/index.js‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,14 @@ const rotate360 = keyframes`
1919
`
2020

2121
export const SearchIcon = styled(searchIcon)`
22-
fill: ${theme('u_panel.search_icon')};
22+
fill: ${theme('shell.search_icon')};
2323
width: 30px;
2424
height: 30px;
2525
margin-top: 20px;
2626
`
2727

2828
export const LoadingIcon = styled(loadingIcon)`
29-
fill: ${theme('u_panel.search_icon')};
29+
fill: ${theme('shell.search_icon')};
3030
width: 30px;
3131
height: 30px;
3232
margin-top: 20px;
@@ -57,13 +57,13 @@ export const Wraper = styled.div`
5757
`
5858

5959
// #001b21;
60-
// ${theme('u_panel.bar_bg')};
60+
// ${theme('shell.bar_bg')};
6161

6262
export const BaseBar = styled.div`
63-
border: 1px solid ${theme('u_panel.border')};
63+
border: 1px solid ${theme('shell.border')};
6464
width: 100%;
6565
height: 70px;
66-
background: ${theme('u_panel.bar_bg')};
66+
background: ${theme('shell.bar_bg')};
6767
color: white;
6868
display: flex;
6969
flex-direction: row;
@@ -89,14 +89,14 @@ export const InfoBar = styled(BaseBar)`
8989
min-height: 100px;
9090
`
9191
export const InputBar = styled.input`
92-
caret-color: ${theme('u_panel.search_input')};
92+
caret-color: ${theme('shell.search_input')};
9393
flex-grow: 1;
9494
${placeholder({ color: 'wheat' })};
9595
height: 100%;
9696
width: auto;
9797
outline: none;
9898
font-weight: 200;
99-
color: ${theme('u_panel.search_input')};
99+
color: ${theme('shell.search_input')};
100100
font-size: 24px;
101101
line-height: 70px;
102102
max-height: none;
@@ -124,11 +124,11 @@ export const ContentWraper = styled.div`
124124
export const Title = styled.div`
125125
display: block;
126126
> a {
127-
color: ${theme('u_panel.link')};
127+
color: ${theme('shell.link')};
128128
}
129129
`
130130
export const Desc = styled.div`
131-
color: ${theme('u_panel.text')};
131+
color: ${theme('shell.text')};
132132
text-overflow: ellipsis;
133133
width: 400px;
134134
white-space: nowrap;
@@ -142,12 +142,12 @@ export const SubInfoWraper = styled.div`
142142
`
143143

144144
export const RepoLang = styled.div`
145-
color: ${theme('u_panel.text')};
145+
color: ${theme('shell.text')};
146146
font-style: italic;
147147
`
148148

149149
export const RepoStar = styled.div`
150-
color: ${theme('u_panel.text')};
150+
color: ${theme('shell.text')};
151151
font-style: italic;
152152
margin-right: 10px;
153153
`

‎docs/ideas.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,6 @@
3434

3535
- [ ] Docrator -> ThemeWrapper
3636
- [ ] u_panel -> shell
37-
- [x] Big Bug ---> svg switch
3837
- [ ] Component -> PureComponent
3938
- [ ] Offline Plugin [example](https://insight.io/github.com/Sly777/ran/blob/master/next.config.js?source=0)
4039
- [ ] use header section footer main ... html tags
@@ -54,6 +53,7 @@
5453
- [ ] docs introduction / file-structure / theme / debug / generator / testing ... see [this](https://github.com/react-boilerplate/react-boilerplate/tree/master/docs)
5554
- [ ] [防嵌套网页](https://segmentfault.com/a/1190000004502619)
5655
- [ ] [devdocs 的离线缓存怎么做的?](https://devdocs.io/) 弄一个呗
56+
- [x] Big Bug ---> svg switch
5757
- [x] navbar
5858
- [x] *sync route info to store*
5959
- [x] remove the clock page

‎utils/themes/Brown.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const Slack = {
2020
menu_link: '#B1A89D',
2121
border_color: darken(0.1, sidebarBg),
2222
},
23-
u_panel: {
23+
shell: {
2424
link: lighten(0.2, fontColor),
2525
search_input: lighten(0.1, fontColor),
2626
search_icon: lighten(0.1, fontColor),

‎utils/themes/Cyan.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const Cyan = {
2020
menu_link: '#D9E6E5',
2121
border_color: '#14363E',
2222
},
23-
u_panel: {
23+
shell: {
2424
link: lighten(0.3, fontColor),
2525
search_input: lighten(0.3, fontColor),
2626
search_icon: lighten(0.3, fontColor),

‎utils/themes/CyanGreen.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const CyanGreen = {
2020
menu_link: '#CAE5E5',
2121
border_color: darken(0.1, sidebarBg),
2222
},
23-
u_panel: {
23+
shell: {
2424
link: darken(0.25, sidebarBg),
2525
search_input: darken(0.2, sidebarBg),
2626
search_icon: darken(0.2, sidebarBg),

‎utils/themes/Muzli.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const Muzli = {
1818
menu_link: 'lightgrey',
1919
border_color: '#100F13',
2020
},
21-
u_panel: {
21+
shell: {
2222
link: lighten(0.25, mainBg),
2323
search_input: lighten(0.1, mainBg),
2424
search_icon: lighten(0.1, mainBg),

‎utils/themes/Slack.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const Slack = {
2020
menu_link: '#A99BA9',
2121
border_color: darken(0.1, sidebarBg),
2222
},
23-
u_panel: {
23+
shell: {
2424
link: lighten(0.3, sidebarBg),
2525
search_input: lighten(0.3, fontColor),
2626
search_icon: lighten(0.3, fontColor),

‎utils/themes/SolarizedDark.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const SolarizedDark = {
2121
menu_link: '#93A1A1',
2222
border_color: '#14363E',
2323
},
24-
u_panel: {
24+
shell: {
2525
link: lighten(0.2, mainBg),
2626
search_input: lighten(0.1, mainBg),
2727
search_icon: lighten(0.1, mainBg),

‎utils/themes/Yellow.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const Yellow = {
2020
menu_link: '#000',
2121
border_color: darken(0.1, sidebarBg),
2222
},
23-
u_panel: {
23+
shell: {
2424
link: darken(0.45, sidebarBg),
2525
search_input: darken(0.5, sidebarBg),
2626
search_icon: darken(0.4, sidebarBg),

0 commit comments

Comments
 (0)