PVR/gokarna
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix hamburger menu opacity on mobile

Browse Source
This commit is contained in:
Avijit 🚀
2021-08-04 22:51:50 +02:00
committed by Yash Mehrotra
parent 6ff5def1f0
commit f4bad71986
2 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
themes/gokarna/static/css/dark.css
View File

@@ -1,21 +1,21 @@
:root {
--dark-bg-color: #121212;
--dark-bg-color: 18, 18, 18;
--dark-text-color: white;
--dark-tags-bg-color: #1f1f1f;
--dark-header-divider-color: #484848;
}
html {
background-color: var(--dark-bg-color);
background-color: rgb(var(--dark-bg-color));
color: var(--dark-text-color);
}
.header {
background-color: var(--dark-bg-color);
background-color: rgb(var(--dark-bg-color));
}
.nav-hamburger-list {
background: var(--dark-header-bg-color);
background: rgba(var(--dark-bg-color), 1);
}
.nav-links .nav-icons-divider {
@@ -29,7 +29,7 @@ a:hover .feather-moon {
.post-tags .post-tag:hover {
background-color: var(--dark-text-color);
color: var(--dark-bg-color);
color: rgb(--dark-bg-color);
}
.tags-list .post-tags .post-tag a .tag-posts-count {
@@ -38,7 +38,7 @@ a:hover .feather-moon {
.tags-list .post-tags .post-tag:hover a .tag-posts-count {
background-color: var(--dark-text-color);
color: var(--dark-bg-color);
color: rgb(--dark-bg-color);
}
.footer {

16
themes/gokarna/static/css/main.css
View File

@@ -1,14 +1,13 @@
:root {
--content-width: 810px;
--light-bg-color: white;
--light-bg-color: 255, 255, 255;
--light-text-color: black;
--light-header-bg-color: white;
--light-header-divider-color: #dfdfdf;
}
html {
background-color: var(--light-bg-color);
background-color: rgb(var(--light-bg-color));
color: var(--light-text-color);
font-family: "Jost", sans-serif;
font-weight: 400;
@@ -42,8 +41,7 @@ img {
/* HEADER */
.header {
background-color: var(--light-bg-color);
/* background-color: inherit; */
background-color: rgba(var(--light-bg-color), 0.95);
color: inherit;
font-size: 1.2rem;
height: 50px;
@@ -51,7 +49,7 @@ img {
position: fixed;
top: 0;
width: 100%;
opacity: 0.95;
/* opacity: 0.95; */
transition: box-shadow 0.3s ease-in-out;
}
@@ -133,7 +131,7 @@ a:hover .feather-sun {
width: 24px;
}
.nav-hamburger-list {
background: var(--light-header-bg-color);
background: rgb(var(--light-bg-color));
border-bottom: solid 1.5px var(--light-header-divider-color);
border-top: solid 1.5px var(--light-header-divider-color);
list-style-type: none;
@@ -152,7 +150,7 @@ a:hover .feather-sun {
/* FOOTER */
.footer {
bottom: 0;
border-top: 1px solid var(--light-header-bg-color);
border-top: 1px solid rgb(var(--light-bg-color));
color: inherit;
left: 0;
overflow: hidden;
@@ -262,7 +260,7 @@ table {
}
table thead {
background-color: var(--light-header-bg-color);
background-color: var(--light-bg-color);
}
table td,