Fix CSS for other background colors

Basically, we just lighten or darken where need be, instead of
hardcoding colors.
This commit is contained in:
Arnaud Rebillout
2020-07-26 22:20:37 +07:00
parent de62fe7b47
commit d54ac6880c
+4 -4
View File
@@ -91,7 +91,7 @@ html {
.sidebar-about .profile-picture { .sidebar-about .profile-picture {
margin: 0 auto; margin: 0 auto;
border-radius: 50%; border-radius: 50%;
border: 2px solid #5b8da2; border: 2px solid #0001;
max-width: 5rem; max-width: 5rem;
} }
@@ -102,7 +102,7 @@ html {
.sidebar-nav-item { .sidebar-nav-item {
display: block; display: block;
padding: .25rem 0.5rem; padding: .25rem 0.5rem;
background: #7dafc4; background: #fff2;
margin: 0 .2rem; margin: 0 .2rem;
border-radius: .25rem; border-radius: .25rem;
text-transform: uppercase; text-transform: uppercase;
@@ -113,11 +113,11 @@ html {
} }
a.sidebar-nav-item:hover, a.sidebar-nav-item:hover,
a.sidebar-nav-item:focus { a.sidebar-nav-item:focus {
background: #6096ac; background: #0001;
text-decoration: none; text-decoration: none;
} }
.sidebar-nav-item.active { .sidebar-nav-item.active {
color: #6096ac; color: #0001;
background: #fff; background: #fff;
} }
a.sidebar-nav-item.active:hover, a.sidebar-nav-item.active:hover,