dark/ light theme

2 files changed, 8 insertions, 1 deletions

diff --git a/data-viewer/data-viewer.css b/data-viewer/data-viewer.css
index 7e4d8b3..f16bb00 100644
--- a/data-viewer/data-viewer.css
+++ b/data-viewer/data-viewer.css
@@ -1,4 +1,5 @@
 /* Data Viewer specific styles */
+@import url("../theme.css");
 
 /* General layout adjustments */
 .app-content {
@@ -12,6 +13,11 @@ body {
   min-width: 600px;
 }
 
+/* Apply the logo filter */
+.logo-img {
+  filter: var(--logo-filter);
+}
+
 /* Data section styling */
 .data-section {
   margin-bottom: 24px;
diff --git a/data-viewer/data-viewer.html b/data-viewer/data-viewer.html
index 12af92c..ddc31aa 100644
--- a/data-viewer/data-viewer.html
+++ b/data-viewer/data-viewer.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ZenInternet - Data Viewer</title>
+    <link rel="stylesheet" href="../theme.css">
     <link rel="stylesheet" href="../popup/popup.css">
     <link rel="stylesheet" href="data-viewer.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
@@ -42,7 +43,7 @@
                     <i class="fas fa-arrow-left"></i> Back to Extension
                 </button>
             </div>
-            
+
             <div class="danger-zone">
                 <h3 class="danger-title">Danger Zone</h3>
                 <div class="danger-actions">