Make moon and sun awesome
This commit is contained in:
@@ -23,6 +23,15 @@ html {
|
|||||||
color: var(--dark-header-divider-color);
|
color: var(--dark-header-divider-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.feather-moon {
|
||||||
|
fill: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover .feather-moon {
|
||||||
|
fill: none;
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
.post-tags .post-tag:hover {
|
.post-tags .post-tag:hover {
|
||||||
background-color: var(--dark-text-color);
|
background-color: var(--dark-text-color);
|
||||||
color: var(--dark-bg-color);
|
color: var(--dark-bg-color);
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ img {
|
|||||||
.header {
|
.header {
|
||||||
background-color: var(--light-bg-color);
|
background-color: var(--light-bg-color);
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-size: 1.25rem;
|
font-size: 1.15rem;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
left: 0;
|
left: 0;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -110,6 +110,16 @@ img {
|
|||||||
.nav-links #dark-theme-toggle:hover {
|
.nav-links #dark-theme-toggle:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.feather-sun {
|
||||||
|
fill: black
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover .feather-sun {
|
||||||
|
fill: none;
|
||||||
|
color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
#dark-theme-toggle .feather {
|
#dark-theme-toggle .feather {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
stroke-linecap: round;
|
stroke-linecap: round;
|
||||||
@@ -293,7 +303,7 @@ table td {
|
|||||||
width: 9rem;
|
width: 9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-about .avatar img {
|
.home-about .avatar img.size-m {
|
||||||
height: 11rem;
|
height: 11rem;
|
||||||
width: 11rem;
|
width: 11rem;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user