From 6b50f7c3e0f05e7471c0c09ebf1277d2bfc5754d Mon Sep 17 00:00:00 2001 From: GilbN Date: Thu, 17 Feb 2022 21:15:13 +0100 Subject: [PATCH] landing page styling --- index.html | 2 +- resources/landing-page/css/custom.css | 13 +++++++------ 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index c7b0da1d..e124437e 100644 --- a/index.html +++ b/index.html @@ -41,7 +41,7 @@ - + diff --git a/resources/landing-page/css/custom.css b/resources/landing-page/css/custom.css index e82c05cd..33f30736 100644 --- a/resources/landing-page/css/custom.css +++ b/resources/landing-page/css/custom.css @@ -38,7 +38,7 @@ section { #mainNav, #mainNav.navbar-scrolled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.55); + background-color: rgba(var(--accent-color),1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } @@ -57,6 +57,7 @@ section { #mainNav .navbar-nav .nav-item .nav-link { padding-left: 1rem; + color: var(--label-text-color) } } @@ -73,7 +74,7 @@ section { @media (min-width: 992px) { #mainNav { box-shadow: none; - background-color: rgba(0, 0, 0, 0.55); + background-color: rgba(var(--accent-color), 0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } @@ -101,7 +102,7 @@ section { #mainNav.navbar-scrolled { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - background-color: rgba(0, 0, 0, 0.55); + background-color: rgba(var(--accent-color), 0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } @@ -125,16 +126,16 @@ section { #mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active { - color: rgb(var(--accent-color)); + color: var(--text-hover); } #mainNav .navbar-nav .nav-item .nav-link.active { color: var(--link-color-hover) !important; } -.navbar-light .navbar-toggler-icon { +/* .navbar-light .navbar-toggler-icon { filter: invert(1); -} +} */ .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5);