Skip to content

Commit 3ed7c37

Browse files
Rajesh-Nagarajan-11Rajesh-Nagarajan-11
committed
Removed All Hardcoded fallback colors
Signed-off-by: Rajesh-Nagarajan-11 <[email protected]>
1 parent 90eef96 commit 3ed7c37

File tree

1 file changed

+30
-30
lines changed

1 file changed

+30
-30
lines changed

‎src/sections/Community/Handbook/Handbook.style.js

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -17,19 +17,19 @@ export const HandbookWrapper = styled.div`
1717
width:100%;
1818
padding-bottom: 2rem;
1919
ul > li {
20-
color: ${(props) => props.theme.text || "#000"};
20+
color: ${(props) => props.theme.text};
2121
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
2222
}
2323
ol > li {
24-
color: ${(props) => props.theme.menuColor || "#000"};
24+
color: ${(props) => props.theme.menuColor};
2525
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
2626
}
2727
ul > li > span {
28-
color: ${(props) => props.theme.text || "#000"};
28+
color: ${(props) => props.theme.text};
2929
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
3030
}
3131
ol > li > span {
32-
color: ${(props) => props.theme.text || "#000"};
32+
color: ${(props) => props.theme.text};
3333
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
3434
}
3535
}
@@ -60,7 +60,7 @@ export const HandbookWrapper = styled.div`
6060
margin: 0;
6161
padding: 0;
6262
width: 250px;
63-
background-color:${(props) => props.theme.secondaryLightColor || "#f0f0f0"};
63+
background-color:${(props) => props.theme.secondaryLightColor};
6464
height: auto;
6565
min-height: 100%;
6666
flex-shrink: 0;
@@ -76,13 +76,13 @@ export const HandbookWrapper = styled.div`
7676
}
7777
7878
.sidebar a.active {
79-
background-color: ${(props) => props.theme.primaryLightColorTwo || "#007acc"};
79+
background-color: ${(props) => props.theme.primaryLightColorTwo};
8080
color: white;
8181
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
8282
}
8383
8484
.sidebar a:hover:not(.active) {
85-
background-color:${(props) => props.theme.secondaryLightColor || "#f0f0f0"};
85+
background-color:${(props) => props.theme.secondaryLightColor};
8686
color: white;
8787
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
8888
}
@@ -167,7 +167,7 @@ export const HandbookWrapper = styled.div`
167167
display: block;
168168
margin-left: auto;
169169
margin-right: auto;
170-
filter: invert(${(props) => props.theme.meshInterfaceLogoFilter || 0});
170+
filter: invert(${(props) => props.theme.meshInterfaceLogoFilter});
171171
}
172172
.site-icon{
173173
height: 1.6rem;
@@ -181,7 +181,7 @@ export const HandbookWrapper = styled.div`
181181
vertical-align: bottom;
182182
}
183183
.smp-action{
184-
filter: invert(${(props) => props.theme.meshInterfaceLogoFilter || 0});
184+
filter: invert(${(props) => props.theme.meshInterfaceLogoFilter});
185185
}
186186
}
187187
@@ -191,7 +191,7 @@ export const HandbookWrapper = styled.div`
191191
}
192192
193193
td, th {
194-
border: 0.05rem solid ${(props) => props.theme.primaryLightColor || "#ccc"};
194+
border: 0.05rem solid ${(props) => props.theme.primaryLightColor};
195195
text-align: left;
196196
padding: 0.5rem;
197197
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
@@ -209,7 +209,7 @@ export const HandbookWrapper = styled.div`
209209
}
210210
211211
tbody:nth-child(even) {
212-
background-color: ${(props) => props.theme.secondaryLightColorTwo || "#f9f9f9"};
212+
background-color: ${(props) => props.theme.secondaryLightColorTwo};
213213
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
214214
}
215215
@@ -247,7 +247,7 @@ export const HandbookWrapper = styled.div`
247247
}
248248
249249
input[type=checkbox] + label:before {
250-
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" viewBox="0 4 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
250+
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" viewBox="4 4 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
251251
border: 0.1em solid #000;
252252
border-radius: 0.2em;
253253
display: inline-block;
@@ -266,18 +266,18 @@ export const HandbookWrapper = styled.div`
266266
transform: scale(0);
267267
}
268268
rect {
269-
fill: ${props => props.theme.grey313131ToGreenC9FCF6 || "#313131"};
269+
fill: ${props => props.theme.grey313131ToGreenC9FCF6};
270270
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
271271
}
272272
path {
273-
stroke: ${props => props.theme.green00D3A9ToGreen00B39F || "#00D3A9"};
273+
stroke: ${props => props.theme.green00D3A9ToGreen00B39F};
274274
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
275275
}
276276
277277
input[type=checkbox]:checked + label:before {
278278
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="black" viewBox="4 4 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
279-
background-color: ${(props) => props.theme.keppelColor || "#00B39F"};
280-
border-color: ${(props) => props.theme.primaryLightColorTwo || "#007acc"};
279+
background-color: ${(props) => props.theme.keppelColor};
280+
border-color: ${(props) => props.theme.primaryLightColorTwo};
281281
color: #fff;
282282
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
283283
}
@@ -289,8 +289,8 @@ export const HandbookWrapper = styled.div`
289289
290290
input[type=checkbox]:checked:disabled + label:before {
291291
transform: scale(1);
292-
background-color: ${(props) => props.theme.secondaryLightColor || "#f0f0f0"};
293-
border-color: ${(props) => props.theme.secondaryLightColor || "#f0f0f0"};
292+
background-color: ${(props) => props.theme.secondaryLightColor};
293+
border-color: ${(props) => props.theme.secondaryLightColor};
294294
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
295295
}
296296
@@ -385,7 +385,7 @@ export const HandbookWrapper = styled.div`
385385
overflow:hidden;
386386
.active{
387387
font-weight:5000;
388-
color: ${(props) => props.theme.secondaryColor || "#333"};
388+
color: ${(props) => props.theme.secondaryColor};
389389
}
390390
ul{
391391
list-style: none;
@@ -412,7 +412,7 @@ export const HandbookWrapper = styled.div`
412412
}
413413
.text{
414414
p{
415-
color: ${props => props.theme.tertiaryColor || "#666"};
415+
color: ${props => props.theme.tertiaryColor};
416416
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
417417
}
418418
}
@@ -425,7 +425,7 @@ export const HandbookWrapper = styled.div`
425425
vertical-align: top;
426426
}
427427
.skill{
428-
color: ${props => props.theme.tertiaryColor || "#666"};
428+
color: ${props => props.theme.tertiaryColor};
429429
font-size: 16px;
430430
padding: 0 0 1.25rem 1.8rem;
431431
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
@@ -446,11 +446,11 @@ export const HandbookWrapper = styled.div`
446446
.content_type {
447447
display: flex;
448448
flex-direction: column;
449-
background: ${props => props.theme.grey212121ToWhite || "#212121"};
450-
box-shadow: 0px 0px ${props => props.theme.projectShadowsize || "10px"} ${props => props.theme.green00D3A9ToGreyE6E6E6 || "#00D3A9"};
449+
background: ${props => props.theme.grey212121ToWhite};
450+
box-shadow: 0px 0px ${props => props.theme.projectShadowsize} ${props => props.theme.green00D3A9ToGreyE6E6E6};
451451
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
452452
&:hover{
453-
box-shadow: 0px 0px 5px ${props => props.theme.primaryColor || "#007acc"};
453+
box-shadow: 0px 0px 5px ${props => props.theme.primaryColor};
454454
}
455455
padding: 12% 6% 12% 6%;
456456
height: 220px;
@@ -461,11 +461,11 @@ export const HandbookWrapper = styled.div`
461461
margin-bottom: auto;
462462
margin-top: 0.5rem;
463463
font-weight: 700;
464-
color: ${props => props.theme.secondaryColor || "#333"}
464+
color: ${props => props.theme.secondaryColor}
465465
}
466466
p{
467467
font-weight: 300;
468-
color: ${props => props.theme.text || "#000"};
468+
color: ${props => props.theme.text};
469469
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
470470
}
471471
img{
@@ -475,7 +475,7 @@ export const HandbookWrapper = styled.div`
475475
}
476476
.process {
477477
margin: 10px auto;
478-
border-left: solid 2px ${(props) => props.theme.tertiaryColor || "#666"};
478+
border-left: solid 2px ${(props) => props.theme.tertiaryColor};
479479
padding: 0px 20px 0px 20px;
480480
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
481481
}
@@ -491,9 +491,9 @@ export const HandbookWrapper = styled.div`
491491
width: 20px;
492492
height: 20px;
493493
display: block;
494-
border: 3px solid ${(props) => props.theme.tertiaryColor || "#666"};
494+
border: 3px solid ${(props) => props.theme.tertiaryColor};
495495
border-radius: 50%;
496-
background-color: ${(props) => props.theme.secondaryColor || "#333"};
496+
background-color: ${(props) => props.theme.secondaryColor};
497497
top: 25px;
498498
left: -32px;
499499
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
@@ -508,7 +508,7 @@ export const HandbookWrapper = styled.div`
508508
details.invite-only {
509509
margin: 1rem;
510510
padding: 1rem;
511-
background-color: ${(props) => props.theme.grey313131ToGreenC9FCF6 || "#313131"};
511+
background-color: ${(props) => props.theme.grey313131ToGreenC9FCF6};
512512
span {
513513
font-weight: bold;
514514
display: inline;

0 commit comments

Comments
 (0)