From 8b7d74e3564f3d06d89ab119d08d3dc80321ee4a Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sat, 11 Oct 2025 13:11:07 -0400
Subject: [PATCH] Align torrent styles with global tokens

---
 torrent/app.js    |  2 +-
 torrent/style.css | 22 ++++++----------------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/torrent/app.js b/torrent/app.js
index c97ef91d..69c17928 100644
--- a/torrent/app.js
+++ b/torrent/app.js
@@ -36,7 +36,7 @@ const app = angular.module("BTorrent", [
 const styleEl = document.createElement("style");
 styleEl.textContent = `
   .ui-grid-row {
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid var(--color-border-subtle, #d1d5db);
   }
 `;
 document.head.appendChild(styleEl);
diff --git a/torrent/style.css b/torrent/style.css
index 8ebf7d05..05bce580 100644
--- a/torrent/style.css
+++ b/torrent/style.css
@@ -1,18 +1,8 @@
-:root {
-  --color-bg: #ffffff;
-  --color-card: #1e293b;
-  --color-primary: #8b5cf6;
-  --color-secondary: #f43f5e;
-  --color-text: #7b7b7b;
-  --color-muted: #94a3b8;
-  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
-}
+@import "../css/tokens.css";
 
 body {
-  font-family: system-ui, -apple-system, sans-serif;
-  background-color: var(--color-bg);
+  font-family: var(--font-family-sans, system-ui, -apple-system, sans-serif);
+  background-color: var(--color-surface);
   color: var(--color-text);
   line-height: 1.5;
   height: 100%;
@@ -29,7 +19,7 @@ body {
 
 /* Header styling */
 .header-torrent {
-  background-color: var(--color-bg);
+  background-color: var(--color-surface);
   margin-bottom: 2rem;
   /* No extra horizontal padding so it lines up with .container */
 }
@@ -49,11 +39,11 @@ body {
 
 /* Footer styling */
 .footer-torrent {
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  border-top: 1px solid var(--color-border-translucent-medium);
   padding-top: 2rem;
   padding-bottom: 2rem;
   margin-top: 2rem;
-  background-color: var(--color-bg);
+  background-color: var(--color-surface);
   text-align: center;
 }