landing page styling

3 years ago · 6b50f7c3e0
2 changed files with 8 additions and 7 deletions
--- a/index.html
+++ b/index.html
@ -41,7 +41,7 @@
    <!-- Core theme CSS (includes Bootstrap)-->
    <link href="resources/landing-page/css/styles.css?v=1.1" rel="stylesheet" />
    <link rel="stylesheet" href="resources/landing-page/css/jquery-bg-slideshow.css">
-    <link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.4">
+    <link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.5">
 </head>

 <body id="page-top">
--- 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);