@@ -16,7 +16,7 @@ const rotate360 = keyframes`
16
16
`
17
17
18
18
export const LoadingIcon = styled ( loadingIcon ) `
19
- fill:${ theme ( 'u_panel .search_icon' ) } ;
19
+ fill:${ theme ( 'shell .search_icon' ) } ;
20
20
width: 30px;
21
21
height: 30px;
22
22
margin-top: 20px;
@@ -69,10 +69,10 @@ export const SuggestionWrapper = styled.div`
69
69
70
70
// #001b21;
71
71
export const BaseBar = styled . div `
72
- border: 1px solid${ theme ( 'u_panel .border' ) } ;
72
+ border: 1px solid${ theme ( 'shell .border' ) } ;
73
73
width: 100%;
74
74
height: 70px;
75
- background:${ theme ( 'u_panel .bar_bg' ) } ;
75
+ background:${ theme ( 'shell .bar_bg' ) } ;
76
76
color: white;
77
77
display: flex;
78
78
flex-direction: row;
@@ -92,19 +92,18 @@ export const AlertBar = styled(BaseBar)`
92
92
export const InfoBar = styled ( BaseBar ) `
93
93
padding: 10px;
94
94
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 ) :'' ) } ;
97
96
`
98
97
export const InputBar = styled . input `
99
- caret-color:${ theme ( 'u_panel .search_input' ) } ;
98
+ caret-color:${ theme ( 'shell .search_input' ) } ;
100
99
flex-grow: 1;
101
100
font-family: '.SFNSText-Light', 'SF UI Text', 'Helvetica Neue', 'Arial',
102
101
'Lucida Grande', 'Segoe UI', Noto Sans, sans-serif;
103
102
height: 100%;
104
103
width: auto;
105
104
outline: none;
106
105
font-weight: 200;
107
- color:${ theme ( 'u_panel .search_input' ) } ;
106
+ color:${ theme ( 'shell .search_input' ) } ;
108
107
font-size: 1.6rem;
109
108
max-height: none;
110
109
background-color: transparent;
@@ -133,11 +132,11 @@ export const Title = styled.div`
133
132
font-size: 1.5em;
134
133
color: white;
135
134
> a {
136
- color:${ theme ( 'u_panel .link' ) } ;
135
+ color:${ theme ( 'shell .link' ) } ;
137
136
}
138
137
`
139
138
export const Desc = styled . div `
140
- color:${ theme ( 'u_panel .text' ) } ;
139
+ color:${ theme ( 'shell .text' ) } ;
141
140
text-overflow: ellipsis;
142
141
font-size: 1.1em;
143
142
width: 90%;
@@ -146,20 +145,20 @@ export const Desc = styled.div`
146
145
margin-bottom: 7px;
147
146
`
148
147
export const Hint = styled . div `
149
- color:${ theme ( 'u_panel .text' ) } ;
148
+ color:${ theme ( 'shell .text' ) } ;
150
149
margin-top: 10px;
151
150
margin-right: 15px;
152
151
width: 30px;
153
152
font-size: 1.1rem;
154
153
`
155
154
export const HintEnter = styled ( ReactSVG ) `
156
- color:${ theme ( 'u_panel .text' ) } ;
155
+ color:${ theme ( 'shell .text' ) } ;
157
156
margin-top: 10px;
158
157
margin-right: 1.5em;
159
158
width: 30px;
160
159
height: 30px;
161
160
transform: rotateX(180deg);
162
- fill:${ theme ( 'u_panel .text' ) } ;
161
+ fill:${ theme ( 'shell .text' ) } ;
163
162
`
164
163
165
164
export const SubInfoWraper = styled . div `
@@ -168,12 +167,12 @@ export const SubInfoWraper = styled.div`
168
167
`
169
168
170
169
export const RepoLang = styled . div `
171
- color:${ theme ( 'u_panel .text' ) } ;
170
+ color:${ theme ( 'shell .text' ) } ;
172
171
font-style: italic;
173
172
`
174
173
175
174
export const RepoStar = styled . div `
176
- color:${ theme ( 'u_panel .text' ) } ;
175
+ color:${ theme ( 'shell .text' ) } ;
177
176
font-style: italic;
178
177
margin-right: 10px;
179
178
`
@@ -204,7 +203,7 @@ export const PrefixSearchIcon = styled(ReactSVG)`
204
203
width: 30px;
205
204
height: 30px;
206
205
margin-top: 20px;
207
- fill:${ theme ( 'u_panel .search_icon' ) } ;
206
+ fill:${ theme ( 'shell .search_icon' ) } ;
208
207
`
209
208
210
209
export const PrefixMagicIcon = styled ( ReactSVG ) `