tweaked nav/footer borders/backgrounds

src/components/Footer.astro

@@ -5,8 +5,8 @@ import gitLogo from "@icons/git-logo.svg?raw";
 <footer>
   <section class="credits">
     <p class="hint">Brought to you by:</p>
-    <a href="https://outfoxxed.me" target="_blank">outfoxxed <span class="hint">- Lead Developer</span></a>
+    <a href="https://outfoxxed.me" target="_blank">outfoxxed - <span class="hint">Lead Developer</span></a>
-    <a href="https://github.com/Xanazf" target="_blank">Xanazf <span class="hint">- Website Developer / Designer</span></a>
+    <a href="https://github.com/Xanazf" target="_blank">Xanazf - <span class="hint">Website Developer / Designer</span></a>
     <a href="https://github.com/quickshell-mirror/quickshell/graphs/contributors" target="_blank">
       and our contributors
     </a>

src/styles/docs/nav/nav.css

@@ -32,20 +32,8 @@
     scrollbar-width: none;
     font-size: 1.2rem;
     -ms-overflow-style: none;
-    background: hsl(var(--bg-900));
+    background: hsla(var(--blue) 75 5);
-
+    border-right: 1px solid hsl(var(--blue) 45 15);
-    &::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      background: linear-gradient(
-        135deg,
-        hsla(var(--secondary-900) / 1) 36%,
-        hsla(var(--overlay-bkg-1) / 1) 100%
-      );
-      filter: blur(21px);
-      /* border-top: solid hsl(var(--overlay-bkg-border)) 1px; */
-    }
 
     &::-webkit-scrollbar {
       display: none;

src/styles/global.css

@@ -119,20 +119,22 @@ footer {
   padding: 1rem;
   overflow: hidden;
   flex-shrink: 0;
+  background: hsla(var(--blue) 66 5);
 
+  /*border-top: 1px solid hsl(var(--bg-800));*/
   &::before {
     content: "";
     position: absolute;
-    inset: 0;
+    top: 0;
-    background: hsl(var(--overlay-bkg));
+    left: -1rem;
+    height: 1px;
+    width: calc(100% + 1rem);
     background: linear-gradient(
-      180deg,
+      90deg,
-      hsla(var(--overlay-bkg-2) / 1) 30%,
+      transparent 0%,
-      hsla(var(--overlay-bkg-1) / 1) 66%,
+      hsl(var(--blue) 75 21) 50%,
-      hsla(var(--overlay-bkg-2) / 1) 100%
+      transparent 100%
     );
-    filter: blur(4rem);
-    /* border-top: solid hsl(var(--overlay-bkg-border)) 1px; */
   }
 
   & a {
@@ -173,6 +175,7 @@ footer {
 
     & > p {
       margin-bottom: 0.2rem;
+      color: hsl(0 0 40);
     }
 
     & > a {