From f05c965208385486841e345556526702e1e295fb Mon Sep 17 00:00:00 2001
From: Thiago Costa Porto <thiagocostaporto@gmail.com>
Date: Tue, 10 Oct 2023 15:08:08 +0200
Subject: [PATCH 1/3] fix: dark mode activation

---
 .../syft/util/notebook_ui/notebook_addons.py  | 33 +++++++++----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/packages/syft/src/syft/util/notebook_ui/notebook_addons.py b/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
index d0d1d463fc9..39fa17c5b82 100644
--- a/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
+++ b/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
@@ -9,18 +9,20 @@
 
 CSS_CODE = """
 <style>
-    :root {
-        --primary-color: #ffffff;
-        --secondary-color: #f5f5f5;
-        --tertiary-color: #000000de;
-        --button-color: #d1d5db;
-    }
-    .dark-theme {
+  body[data-jp-theme-light='false'] {
         --primary-color: #111111;
         --secondary-color: #212121;
         --tertiary-color: #CFCDD6;
         --button-color: #111111;
-    }
+  }
+
+  body {
+        --primary-color: #ffffff;
+        --secondary-color: #f5f5f5;
+        --tertiary-color: #000000de;
+        --button-color: #d1d5db;
+  }
+
   .header-1 {
         font-style: normal;
         font-weight: 600;
@@ -157,6 +159,10 @@
         color: var(--tertiary-color);
     }
 
+    .dark-theme .search-input { 
+        color: pink;
+    }
+
     .search-input{
         display: flex;
         flex-direction: row;
@@ -215,6 +221,8 @@
         overflow-x: auto;
     }
 
+    .grid-table${uid}
+
     .grid-std-cells {
         grid-column: span 4;
 
@@ -560,14 +568,6 @@
                         buildPaginationContainer${uid}(result);
                     }
 
-                    function setTheme${uid}(){
-                        const theme = document.body.getAttribute('data-jp-theme-light') === 'true' ? 'light' : 'dark';
-
-                        if (theme === 'dark') document.body.classList.add('dark-theme');
-                        else document.body.classList.remove('dark-theme');
-
-                    }
-
                     function resetById${uid}(id){
                         let element = document.getElementById(id);
                         while (element.firstChild) {
@@ -582,7 +582,6 @@
                                 let div = document.createElement("div");
                                 div.classList.add('grid-header', 'grid-index-cells');
                                 grid.appendChild(div);
-                                setTheme${uid}();
                                 headers.forEach((title) =>{
                                     let div = document.createElement("div");
                                     div.classList.add('grid-header', 'grid-std-cells');

From 95793a5f2270f12f0b98957077c72ffdac242110 Mon Sep 17 00:00:00 2001
From: Thiago Costa Porto <thiagocostaporto@gmail.com>
Date: Tue, 10 Oct 2023 15:09:41 +0200
Subject: [PATCH 2/3] fix: remove grid-table{uid}

---
 packages/syft/src/syft/util/notebook_ui/notebook_addons.py | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/syft/src/syft/util/notebook_ui/notebook_addons.py b/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
index 39fa17c5b82..e365e9a6ce9 100644
--- a/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
+++ b/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
@@ -221,8 +221,6 @@
         overflow-x: auto;
     }
 
-    .grid-table${uid}
-
     .grid-std-cells {
         grid-column: span 4;
 

From 27913d50f71c1477864a36734f5617a1ef506f3f Mon Sep 17 00:00:00 2001
From: Thiago Costa Porto <thiagocostaporto@gmail.com>
Date: Tue, 10 Oct 2023 15:10:15 +0200
Subject: [PATCH 3/3] fix: remove pink color for search inputs

---
 packages/syft/src/syft/util/notebook_ui/notebook_addons.py | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/syft/src/syft/util/notebook_ui/notebook_addons.py b/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
index e365e9a6ce9..9a66e308656 100644
--- a/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
+++ b/packages/syft/src/syft/util/notebook_ui/notebook_addons.py
@@ -159,10 +159,6 @@
         color: var(--tertiary-color);
     }
 
-    .dark-theme .search-input { 
-        color: pink;
-    }
-
     .search-input{
         display: flex;
         flex-direction: row;