FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change color theme

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

65
static/assets/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

23
static/assets/css/layouts/list.css
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
*/
.wrapper {
display: flex;
padding: 0;

38
static/assets/css/layouts/main.css
View file

@ -6,6 +6,14 @@ 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
@ -23,23 +31,23 @@ h2,
h3,
h4,
h5 {
color: #1c2d41;
color: #E5E9F2;
}
strong {
color: #1c2d41 !important;
color: #E5E9F2 !important;
}
p {
color: #3c4858;
color: #F9FAFC;
}
a {
color: #248aaa;
color: #BC645F;
}
a:hover {
color: #207089;
color: #d68b87;
}
.nav-button {
@ -50,26 +58,26 @@ a:hover {
}
.btn-dark {
background-color: #3c4858;
border-color: #3c4858;
background-color: #BC645F;
border-color: #BC645F;
color: #e5e9f2;
transition: all 0.3s ease-out;
}
.btn-dark:hover,
.btn-dark:focus {
background-color: #248aaa;
border-color: #248aaa;
background-color: #d68b87;
border-color: #d68b87;
transition: all 0.3s ease-out;
}
.btn-outline-info {
color: #2098d1 !important;
border-color: #2098d1 !important;
color: #46444D !important;
border-color: #46444D !important;
}
.btn-outline-info:hover {
background-color: #2098d1 !important;
background-color: #C12F5A !important;
color: #e5e9f2 !important;
}
@ -84,11 +92,11 @@ a:hover {
}
.bg-white {
background-color: #f9fafc !important;
background-color: #46444D !important;
}
.bg-dimmed {
background-color: #e5e9f2;
background-color: #5f5e66;
}
.anchor {
@ -164,7 +172,7 @@ img.right {
.footer {
color: #8392a5 !important;
background-color: #1c2d41;
background-color: #46444D;
position: relative;
z-index: 9999;
}

23
static/assets/css/layouts/single.css
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
*/
body {
background-color: #e5e9f2;
position: relative;

10
static/assets/css/navigators/navbar.css
View file

@ -18,17 +18,17 @@
}
.initial-navbar .navbar-brand {
color: #c0ccda;
color: #F9FAFC;
font-weight: 600;
}
.initial-navbar li a {
color: #c0ccda;
color: #F9FAFC;
}
.initial-navbar .navbar-nav .active,
.initial-navbar li a:hover {
color: #f9fafc;
color: #BC645F;
transition: all 0.3s ease-out;
}
@ -68,7 +68,7 @@
.final-navbar li a:hover {
color: #2098d1;
transition: all 0.3s ease-out;
border-bottom: 2px solid #2098d1;
border-bottom: 2px solid #C12F5A;
background: rgb(2, 0, 36);
background: linear-gradient(
90deg,
@ -86,7 +86,7 @@
.navbar-collapse.show .navbar-nav .active,
.navbar-collapse.show .navbar-nav a:hover {
color: #2098d1;
color: #d68b87;
}
#top-navbar-divider {

4
static/assets/css/sections/about.css
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;
}

33
static/assets/css/sections/experiences.css
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;

27
static/assets/css/sections/projects.css
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;
}

25
static/assets/css/sections/skills.css
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;