From fcc6589043be50dc4c9278233494efbb9bc83c34 Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Mon, 30 Oct 2023 00:06:10 +0000
Subject: [PATCH] Fix row colors not working properly

---
 src/components/RedirectCreator.svelte |  8 ++++++++
 src/components/RedirectRow.svelte     |  8 ++++++++
 src/components/RouteCreator.svelte    |  8 ++++++++
 src/components/RouteRow.svelte        |  8 ++++++++
 src/views/VioletView.svelte           | 10 ----------
 5 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/components/RedirectCreator.svelte b/src/components/RedirectCreator.svelte
index 5fdc09e..dabfda7 100644
--- a/src/components/RedirectCreator.svelte
+++ b/src/components/RedirectCreator.svelte
@@ -30,6 +30,14 @@
 </tr>
 
 <style lang="scss">
+  tr:nth-child(2n) {
+    background-color: #2a2a2a;
+  }
+
+  tr:nth-child(2n + 1) {
+    background-color: #242424;
+  }
+
   tr.created {
     position: sticky;
     top: 0;
diff --git a/src/components/RedirectRow.svelte b/src/components/RedirectRow.svelte
index 9dc833b..d557eff 100644
--- a/src/components/RedirectRow.svelte
+++ b/src/components/RedirectRow.svelte
@@ -41,6 +41,14 @@
 {/if}
 
 <style lang="scss">
+  tr:nth-child(2n) {
+    background-color: #2a2a2a;
+  }
+
+  tr:nth-child(2n + 1) {
+    background-color: #242424;
+  }
+
   tr.created {
     background-color: #1a5100;
 
diff --git a/src/components/RouteCreator.svelte b/src/components/RouteCreator.svelte
index 06984de..458e79c 100644
--- a/src/components/RouteCreator.svelte
+++ b/src/components/RouteCreator.svelte
@@ -28,6 +28,14 @@
 </tr>
 
 <style lang="scss">
+  tr:nth-child(2n) {
+    background-color: #2a2a2a;
+  }
+
+  tr:nth-child(2n + 1) {
+    background-color: #242424;
+  }
+
   tr.created {
     position: sticky;
     top: 0;
diff --git a/src/components/RouteRow.svelte b/src/components/RouteRow.svelte
index 41c3623..6a8d3c1 100644
--- a/src/components/RouteRow.svelte
+++ b/src/components/RouteRow.svelte
@@ -38,6 +38,14 @@
 {/if}
 
 <style lang="scss">
+  tr:nth-child(2n) {
+    background-color: #2a2a2a;
+  }
+
+  tr:nth-child(2n + 1) {
+    background-color: #242424;
+  }
+
   tr.created {
     background-color: #1a5100;
 
diff --git a/src/views/VioletView.svelte b/src/views/VioletView.svelte
index b5c2d33..88feda3 100644
--- a/src/views/VioletView.svelte
+++ b/src/views/VioletView.svelte
@@ -259,16 +259,6 @@
       }
     }
 
-    tbody :global(tr) {
-      &:nth-child(2n) {
-        background-color: #2a2a2a;
-      }
-
-      &:nth-child(2n + 1) {
-        background-color: #242424;
-      }
-    }
-
     :global(th),
     :global(td) {
       padding: 11px 8px 11px 8px;