From aa9d2cdfbebbcfdff492e995ba1ddc22c9b8ac9e Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Sat, 28 Sep 2024 00:37:26 +0100
Subject: [PATCH] colour styling

---
 apps/home/static/home/css/index.css | 38 ++---------------------------
 apps/home/templates/home/index.html |  9 ++++---
 templates/includes/navbar.html      |  2 +-
 3 files changed, 8 insertions(+), 41 deletions(-)

diff --git a/apps/home/static/home/css/index.css b/apps/home/static/home/css/index.css
index 186bb3e..324ceef 100644
--- a/apps/home/static/home/css/index.css
+++ b/apps/home/static/home/css/index.css
@@ -77,11 +77,11 @@
 }
 
 .server-item-selector:hover {
-    background-color: var(--bs-secondary-bg);
+    background-color: var(--bs-tertiary-bg);
 }
 
 .server-item-selector:active, .server-item-selector.active {
-    background-color: var(--bs-secondary-bg) !important;
+    background-color: var(--bs-tertiary-bg) !important;
 }
 
 /* widths */
@@ -96,40 +96,6 @@
   max-width: 3.5rem;
 }
 
-/* tables */
-
-.table {
-  color: var(--bs-body-color) !important;
-}
-
-.table tbody tr.selected > * {
-  box-shadow: inset 0 0 0 9999px rgba(var(--bs-secondary-bg-rgb), 0.9) !important;
-  color: var(--bs-body-color) !important;
-}
-
-.table.dataTable > tbody > tr.selected a {
-  color: var(--bs-link-color) !important;
-}
-
-/* Fuck ugly <td> height fix */
-td {
-  height: 1px;
-  text-wrap: nowrap;
-}
-
-td > .btn-link {
-  padding-left: 0;
-}
-
-@-moz-document url-prefix() {
-  tr {
-    height: 100%;
-  }
-  td {
-        height: 100%;
-    }
-}
-
 #serverTabs .nav-link {
   border-radius: 0;
 }
diff --git a/apps/home/templates/home/index.html b/apps/home/templates/home/index.html
index c603763..52670c4 100644
--- a/apps/home/templates/home/index.html
+++ b/apps/home/templates/home/index.html
@@ -6,13 +6,14 @@
 
 {% block stylesheets %}
 <link type="text/css" rel="stylesheet" href="{% static '/home/css/index.css' %}">
+<link type="text/css" rel="stylesheet" href="{% static '/home/css/tables.css' %}">
 <link type="text/css" rel="stylesheet" href="{% static '/css/select2.css' %}">
 {% endblock stylesheets %}
 
 {% block content %}
-<div class="px-0 h-100">
+<div class="px-0 h-100 bg-body-secondary">
     <div class="d-flex flex-nowrap h-100">
-        <div class="server-sidebar d-flex flex-column bg-body-tertiary py-3 border-end">
+        <div class="server-sidebar d-flex flex-column bg-body-secondary py-3">
             <h6 class="d-none d-lg-block ms-3">Discord Servers</h6>
             <ul id="serverList" class="nav nav-pills nav-flush flex-column mb-auto text-center px-lg-2 px-1 flex-nowrap overflow-y-auto">
                 {% for i in "0123456789"|make_list %}
@@ -59,7 +60,7 @@
                 </li>
             </ul>
         </div>
-        <div class="flex-grow-1 container-fluid bg-body overflow-y-auto" style="min-width: 0;">
+        <div class="flex-grow-1 container-fluid bg-body rounded-top-2 rounded-end-0 overflow-y-auto" style="min-width: 0;">
             <div id="noSelectedServer" class="h-100">
                 <div class="d-flex justify-content-center align-items-center flex-column h-100">
                     <img src="{% static '/images/pyrss_logo.webp' %}" alt="PYRSS Logo">
@@ -79,7 +80,7 @@
                 </div>
             </div>
             <div id="selectedServerContainer" class="row" style="display: none;">
-                <div class="col-12 bg-body-tertiary border-bottom p-3 py-sm-4">
+                <div class="col-12 bg-body-tertiary p-3 py-sm-4">
                     <div class="row">
                         <div class="col-sm-7 col-md-6 d-flex align-items-center">
                             <img alt="Server Icon" class="resolve-to-server-icon rounded-3 d-none d-sm-block">
diff --git a/templates/includes/navbar.html b/templates/includes/navbar.html
index e24ecb5..5623118 100644
--- a/templates/includes/navbar.html
+++ b/templates/includes/navbar.html
@@ -1,7 +1,7 @@
 {% load static %}
 
 <div class="px-0">
-    <div class="navbar navbar-expand-lg bg-body-secondary border-bottom">
+    <div class="navbar navbar-expand-lg bg-body-secondary">
         <div class="container-fluid">
             <a href="/" class="navbar-brand">
                 <img src="{% static '/images/pyrss_logo.webp' %}" alt="Logo" width="50" class="d-inline-block">