New header

This commit is contained in:
Yash Mehrotra
2021-08-02 15:19:20 +05:30
parent 5f6b430784
commit cd3845ea11
2 changed files with 5 additions and 6 deletions

View File

@@ -2,7 +2,7 @@
/* dark theme colors */ /* dark theme colors */
--dark-bg-color: #121212; --dark-bg-color: #121212;
--dark-text-color: white; --dark-text-color: white;
--dark-header-bg-color: #1f1f1f; --dark-header-bg-color: #121212;
--dark-header-divider-color: #484848; --dark-header-divider-color: #484848;
} }
@@ -12,8 +12,7 @@ html {
} }
.header { .header {
box-shadow: rgba(102, 102, 102, 0.5) 0px 1px 2px 0px; background-color: var(--dark-bg-color);
background-color: var(--dark-header-bg-color);
} }
.nav-hamburger-list { .nav-hamburger-list {

View File

@@ -4,7 +4,7 @@
/* light theme colors */ /* light theme colors */
--light-bg-color: white; --light-bg-color: white;
--light-text-color: black; --light-text-color: black;
--light-header-bg-color: #f0f0f0; --light-header-bg-color: white;
--light-header-divider-color: #dfdfdf; --light-header-divider-color: #dfdfdf;
} }
@@ -42,8 +42,7 @@ img {
/* HEADER */ /* HEADER */
.header { .header {
background-color: rgba(240, 240, 240, 0.95); background-color: var(--light-bg-color);
box-shadow: rgba(170, 170, 170, 0.5) 0px 1px 2px 0px;
color: inherit; color: inherit;
font-size: 1.05rem; font-size: 1.05rem;
height: 50px; height: 50px;
@@ -51,6 +50,7 @@ img {
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
opacity: 0.95;
} }
.header a { .header a {