Make moon and sun awesome

This commit is contained in:
Yash Mehrotra
2021-08-04 22:09:51 +05:30
parent dd2081a1a8
commit e3ddca563b
2 changed files with 21 additions and 2 deletions

View File

@@ -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);

View File

@@ -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;
} }