From 4f6ca4b2e526b7f04062a5a2357d03879b495bab Mon Sep 17 00:00:00 2001
From: lza_menace <lza_menace@protonmail.com>
Date: Thu, 10 Mar 2022 22:48:26 -0800
Subject: [PATCH] color coordinate

---
 tubbymemes/static/css/custom.css          | 13 +++++++++++++
 tubbymemes/templates/includes/navbar.html |  8 ++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/tubbymemes/static/css/custom.css b/tubbymemes/static/css/custom.css
index f172702..6d48bee 100644
--- a/tubbymemes/static/css/custom.css
+++ b/tubbymemes/static/css/custom.css
@@ -32,3 +32,16 @@
   background-color: rgba(242,37,52,.2);
   border: 2px solid rgba(243,37,52,1);
 }
+
+.navbar {
+  background-color: #ffecf5;
+}
+
+.navbar-item-link {
+  color: #ff7fbf !important;
+}
+
+.navbar-item-link:hover {
+  background-color: #ff7fbf !important;
+  color: #fff !important;
+}
diff --git a/tubbymemes/templates/includes/navbar.html b/tubbymemes/templates/includes/navbar.html
index 33db80d..7f7041b 100644
--- a/tubbymemes/templates/includes/navbar.html
+++ b/tubbymemes/templates/includes/navbar.html
@@ -11,12 +11,12 @@
     </div>
 
     <div class="navbar-end">
-      <a class="navbar-item" href="{{ url_for('meme.index') }}" up-preload up-follow=".container">
-        Home
+      <a class="navbar-item navbar-item-link" {% if request.path == '/' %}style="border-bottom: 4px solid #ff7fbf; padding-bottom: 4px;"{% endif %} href="{{ url_for('meme.index') }}" up-preload up-follow=".container">
+        <strong>Home</strong>
       </a>
 
-      <a class="navbar-item" href="{{ url_for('meta.about') }}" up-preload up-follow=".container">
-        About
+      <a class="navbar-item navbar-item-link" {% if request.path == '/about' %}style="border-bottom: 4px solid #ff7fbf; padding-bottom: 4px;"{% endif %} href="{{ url_for('meta.about') }}" up-preload up-follow=".container">
+        <strong>About</strong>
       </a>
       <div class="navbar-item">
         <div class="buttons">