From f0dcf329adcb3671cf0e40727db8897ce7756c3a Mon Sep 17 00:00:00 2001
From: unlishema <unlishema@jtryba.com>
Date: Wed, 1 Oct 2025 20:23:11 -0400
Subject: [PATCH] Adjusted look and feel

---
 dist/dev.html | 22 ++++++++++++++--------
 src/dev.html  | 22 ++++++++++++++--------
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/dist/dev.html b/dist/dev.html
index 8396f5f..89b0fb3 100644
--- a/dist/dev.html
+++ b/dist/dev.html
@@ -5,16 +5,16 @@
     <title>OSRS Wiki CORS Test</title>
     <style>
         body {
+            background: url("./images/ui/default/background.png");
             font-family: Arial, sans-serif;
             margin: 20px;
-            background-color: #f4f4f4;
-            color: #333;
+            color: #E5E6EB;
         }
 
         h1,
         h2,
         h3 {
-            color: #2c3e50;
+            color: #706500;
         }
 
         .left {
@@ -37,7 +37,6 @@
             border: 1px solid #ccc;
             border-radius: 8px;
             margin-bottom: 20px;
-            background-color: #fff;
         }
 
         .data-section {
@@ -45,14 +44,12 @@
             border: 1px solid #ccc;
             border-radius: 8px;
             margin-bottom: 20px;
-            background-color: #fff;
         }
 
         .raw-data-section {
             padding: 20px;
             border: 1px solid #ccc;
             border-radius: 8px;
-            background-color: #fff;
         }
 
         #limit,
@@ -60,6 +57,8 @@
             height: 16px;
             width: 80px;
             margin-right: 5px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         #querySearch,
@@ -67,6 +66,8 @@
             width: 85%;
             padding: 8px;
             margin-right: 10px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         #querySelect,
@@ -74,6 +75,8 @@
             width: 33%;
             padding: 8px;
             margin-top: 10px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         #itemSelect,
@@ -81,6 +84,8 @@
             width: 70%;
             padding: 8px;
             margin-top: 10px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         table {
@@ -92,7 +97,7 @@
         td,
         th {
             max-width: 100px;
-            overflow-x: scroll;
+            overflow-x: auto;
             border: 1px solid #ddd;
         }
 
@@ -110,7 +115,8 @@
         pre {
             white-space: pre-wrap;
             word-wrap: break-word;
-            background-color: #f8f8f8;
+            color: #E5E6EB;
+            background-color: #2c3e50;
             padding: 10px;
             border: 1px solid #ddd;
             border-radius: 4px;
diff --git a/src/dev.html b/src/dev.html
index 8396f5f..89b0fb3 100644
--- a/src/dev.html
+++ b/src/dev.html
@@ -5,16 +5,16 @@
     <title>OSRS Wiki CORS Test</title>
     <style>
         body {
+            background: url("./images/ui/default/background.png");
             font-family: Arial, sans-serif;
             margin: 20px;
-            background-color: #f4f4f4;
-            color: #333;
+            color: #E5E6EB;
         }
 
         h1,
         h2,
         h3 {
-            color: #2c3e50;
+            color: #706500;
         }
 
         .left {
@@ -37,7 +37,6 @@
             border: 1px solid #ccc;
             border-radius: 8px;
             margin-bottom: 20px;
-            background-color: #fff;
         }
 
         .data-section {
@@ -45,14 +44,12 @@
             border: 1px solid #ccc;
             border-radius: 8px;
             margin-bottom: 20px;
-            background-color: #fff;
         }
 
         .raw-data-section {
             padding: 20px;
             border: 1px solid #ccc;
             border-radius: 8px;
-            background-color: #fff;
         }
 
         #limit,
@@ -60,6 +57,8 @@
             height: 16px;
             width: 80px;
             margin-right: 5px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         #querySearch,
@@ -67,6 +66,8 @@
             width: 85%;
             padding: 8px;
             margin-right: 10px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         #querySelect,
@@ -74,6 +75,8 @@
             width: 33%;
             padding: 8px;
             margin-top: 10px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         #itemSelect,
@@ -81,6 +84,8 @@
             width: 70%;
             padding: 8px;
             margin-top: 10px;
+            color: #E5E6EB;
+            background-color: #2c3e50;
         }
 
         table {
@@ -92,7 +97,7 @@
         td,
         th {
             max-width: 100px;
-            overflow-x: scroll;
+            overflow-x: auto;
             border: 1px solid #ddd;
         }
 
@@ -110,7 +115,8 @@
         pre {
             white-space: pre-wrap;
             word-wrap: break-word;
-            background-color: #f8f8f8;
+            color: #E5E6EB;
+            background-color: #2c3e50;
             padding: 10px;
             border: 1px solid #ddd;
             border-radius: 4px;
-- 
2.43.0