change color theme

This commit is contained in:
rox630 2020-12-15 12:46:25 +01:00
parent 697897d5c3
commit 2fa696c043
9 changed files with 217 additions and 31 deletions

View file

@ -5,12 +5,12 @@
.social-link a {
font-size: 1.5rem;
color: #3c4858;
color: #BC645F;
padding: 0.5rem;
}
.social-link a:hover {
color: #248aaa;
color: #d68b87;
transition: all 0.3s ease-in;
}

View file

@ -1,3 +1,26 @@
/* ========= Colors ============
Heading: #1C2D41
Paragraph: #3C4858
Iconography: #8392A5
Secondary: #C0CCDA
Dirty Snow: #E5E9F2
Snow: #F9FAFC
Emerald: #3BC265
Rose Red: #C12F5A
Dark Liver: #46444D
Sonic Silver:#6F6F6F
Sonic Silver2: #5f5e66
Fuzzy Wuzzy: #BC645F
Fuzzy Wuzzy Light: #d68b87
Magenta: #7551E9
Orange: #FF7D51
Pink: #ED63D2
Green: #2DCA73
Yellow: #FFC212
*/
.experiences-section {
padding-bottom: 1rem;
}
@ -12,7 +35,7 @@
.experiences-section ul > li {
margin-left: 0;
color: #3c4858;
color: #E5E9F2;
}
.experiences-section .designation {
@ -22,7 +45,7 @@
.circle {
padding: 13px 20px;
border-radius: 50%;
background-color: #248aaa;
background-color: #C12F5A;
color: #f9fafc;
max-height: 50px;
z-index: 2;
@ -35,7 +58,7 @@
.timeline .vertical-line::after {
content: "";
position: absolute;
border-left: 3px solid #248aaa;
border-left: 3px solid #C12F5A;
z-index: 1;
height: 100%;
left: 50%;
@ -51,7 +74,7 @@
}
.timeline .horizontal-line hr {
border-top: 3px solid #248aaa;
border-top: 3px solid #C12F5A;
margin: 0;
top: 17px;
position: relative;
@ -63,7 +86,7 @@
}
.timeline .horizontal-line .corner {
border: 3px solid #248aaa;
border: 3px solid #C12F5A;
width: 100%;
position: relative;
border-radius: 15px;

View file

@ -1,5 +1,28 @@
/* ========= Colors ============
Heading: #1C2D41
Paragraph: #3C4858
Iconography: #8392A5
Secondary: #C0CCDA
Dirty Snow: #E5E9F2
Snow: #F9FAFC
Emerald: #3BC265
Rose Red: #C12F5A
Dark Liver: #46444D
Sonic Silver:#6F6F6F
Sonic Silver2: #5f5e66
Fuzzy Wuzzy: #BC645F
Fuzzy Wuzzy Light: #d68b87
Magenta: #7551E9
Orange: #FF7D51
Pink: #ED63D2
Green: #2DCA73
Yellow: #FFC212
*/
.projects-section .card .card-header {
background-color: #f9fafc;
background-color: #BC645F;
padding: 0.7rem;
padding-bottom: 0rem;
text-decoration: none;
@ -21,7 +44,7 @@
}
.projects-section .card .card-header .sub-title {
color: #8392a5;
color: #46444D;
margin-top: 0.4rem;
}

View file

@ -1,5 +1,28 @@
/* ========= Colors ============
Heading: #1C2D41
Paragraph: #3C4858
Iconography: #8392A5
Secondary: #C0CCDA
Dirty Snow: #E5E9F2
Snow: #F9FAFC
Emerald: #3BC265
Rose Red: #C12F5A
Dark Liver: #46444D
Sonic Silver:#6F6F6F
Sonic Silver2: #5f5e66
Fuzzy Wuzzy: #BC645F
Fuzzy Wuzzy Light: #d68b87
Magenta: #7551E9
Orange: #FF7D51
Pink: #ED63D2
Green: #2DCA73
Yellow: #FFC212
*/
.skills-section .card .card-head {
background-color: #f9fafc;
background-color: #BC645F;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;