From deabcc0b37be712fb915fc290d970d6a65c37e62 Mon Sep 17 00:00:00 2001
From: wfxey <158351052+wfxey@users.noreply.github.com>
Date: Wed, 7 Aug 2024 20:32:47 +0200
Subject: [PATCH] Add files via upload

---
 .../index.html"                               | 20 +--------
 .../style_profit.css"                         | 42 +------------------
 home/index.html                               | 19 ---------
 home/style_home.css                           | 42 +------------------
 impressum/index.html                          | 20 +--------
 impressum/style_impressum.css                 | 42 +------------------
 people/index.html                             | 21 +---------
 people/style_people.css                       | 42 +------------------
 profit/index.html                             | 20 +--------
 profit/style_profit.css                       | 42 +------------------
 project/chatbox/index.html                    | 21 +---------
 project/chatbox/style_project_diec.css        | 42 +------------------
 project/destor/documentation/index.html       | 21 +---------
 .../documentation/style_project_destor.css    | 42 +------------------
 project/destor/index.html                     | 21 +---------
 project/destor/style_project_destor.css       | 42 +------------------
 project/destor/version-history/index.html     | 21 +---------
 .../version-history/style_project_destor.css  | 42 +------------------
 project/devplaceo/index.html                  | 21 +---------
 project/devplaceo/style_project_diec.css      | 42 +------------------
 project/diec-test-gui/index.html              | 21 +---------
 .../style_project_diec-test-gui.css           | 42 +------------------
 project/diec/documentation/index.html         | 21 +---------
 .../diec/documentation/style_project_diec.css | 42 +------------------
 project/diec/index.html                       | 21 +---------
 project/diec/style_project_diec.css           | 42 +------------------
 project/diec/version-history/index.html       | 21 +---------
 .../version-history/style_project_diec.css    | 42 +------------------
 project/discord-bot/index.html                | 21 +---------
 project/discord-bot/style_project_diec.css    | 42 +------------------
 project/discordbotmanager/index.html          | 21 +---------
 .../discordbotmanager/style_project_diec.css  | 42 +------------------
 projects/index.html                           | 21 +---------
 projects/style_projects.css                   | 42 +------------------
 34 files changed, 46 insertions(+), 1020 deletions(-)

diff --git "a/gesch\303\244ftsm\303\244\303\237ig/index.html" "b/gesch\303\244ftsm\303\244\303\237ig/index.html"
index 9564b99..341c965 100644
--- "a/gesch\303\244ftsm\303\244\303\237ig/index.html"
+++ "b/gesch\303\244ftsm\303\244\303\237ig/index.html"
@@ -59,24 +59,6 @@ <h1>Geschäftsmäßig</h1>
         </div>
     </footer>
 </div>
-<button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-    <i class="fas fa-moon"></i>
-    <i class="fas fa-sun"></i>
-</button>
-<script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const toggleLightMode = () => {
-            document.body.classList.toggle('light-mode');
-            const isLightMode = document.body.classList.contains('light-mode');
-            localStorage.setItem('lightMode', isLightMode);
-        };
-    
-        document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-    
-        if (localStorage.getItem('lightMode') === 'true') {
-            document.body.classList.add('light-mode');
-        }
-    });    
-</script>
+  
 </body> 
 </html>
\ No newline at end of file
diff --git "a/gesch\303\244ftsm\303\244\303\237ig/style_profit.css" "b/gesch\303\244ftsm\303\244\303\237ig/style_profit.css"
index bcbe118..6152938 100644
--- "a/gesch\303\244ftsm\303\244\303\237ig/style_profit.css"
+++ "b/gesch\303\244ftsm\303\244\303\237ig/style_profit.css"
@@ -95,47 +95,7 @@ b {
     color: var(--text-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/home/index.html b/home/index.html
index b2d6b0e..c225014 100644
--- a/home/index.html
+++ b/home/index.html
@@ -108,24 +108,5 @@ <h1>Raw info page</h1>
         </div>
     </footer>
 </div>
-<button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-    <i class="fas fa-moon"></i>
-    <i class="fas fa-sun"></i>
-</button>
-<script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const toggleLightMode = () => {
-            document.body.classList.toggle('light-mode');
-            const isLightMode = document.body.classList.contains('light-mode');
-            localStorage.setItem('lightMode', isLightMode);
-        };
-    
-        document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-    
-        if (localStorage.getItem('lightMode') === 'true') {
-            document.body.classList.add('light-mode');
-        }
-    });    
-</script>
 </body> 
 </html>
diff --git a/home/style_home.css b/home/style_home.css
index bcfa0c5..f88583c 100644
--- a/home/style_home.css
+++ b/home/style_home.css
@@ -107,47 +107,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/impressum/index.html b/impressum/index.html
index 72d5353..5889c37 100644
--- a/impressum/index.html
+++ b/impressum/index.html
@@ -63,24 +63,6 @@ <h1 id="info">Impressum</h1>
         </div>
     </footer>
 </div>
-<button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-    <i class="fas fa-moon"></i>
-    <i class="fas fa-sun"></i>
-</button>
-<script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const toggleLightMode = () => {
-            document.body.classList.toggle('light-mode');
-            const isLightMode = document.body.classList.contains('light-mode');
-            localStorage.setItem('lightMode', isLightMode);
-        };
-    
-        document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-    
-        if (localStorage.getItem('lightMode') === 'true') {
-            document.body.classList.add('light-mode');
-        }
-    });    
-</script>
+  
 </body> 
 </html>
\ No newline at end of file
diff --git a/impressum/style_impressum.css b/impressum/style_impressum.css
index 33f6499..13af65b 100644
--- a/impressum/style_impressum.css
+++ b/impressum/style_impressum.css
@@ -95,47 +95,7 @@ b {
     color: var(--text-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/people/index.html b/people/index.html
index f3c5e75..1f88646 100644
--- a/people/index.html
+++ b/people/index.html
@@ -74,24 +74,7 @@ <h1>People</h1>
             </div>
         </div>
     </footer>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/people/style_people.css b/people/style_people.css
index 947d8d7..1884269 100644
--- a/people/style_people.css
+++ b/people/style_people.css
@@ -95,47 +95,7 @@ b {
     color: var(--text-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/profit/index.html b/profit/index.html
index 32446c9..d0e5128 100644
--- a/profit/index.html
+++ b/profit/index.html
@@ -82,24 +82,6 @@ <h1>Profit</h1>
         </div>
     </footer>
 </div>
-<button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-    <i class="fas fa-moon"></i>
-    <i class="fas fa-sun"></i>
-</button>
-<script>
-    document.addEventListener('DOMContentLoaded', () => {
-        const toggleLightMode = () => {
-            document.body.classList.toggle('light-mode');
-            const isLightMode = document.body.classList.contains('light-mode');
-            localStorage.setItem('lightMode', isLightMode);
-        };
-    
-        document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-    
-        if (localStorage.getItem('lightMode') === 'true') {
-            document.body.classList.add('light-mode');
-        }
-    });    
-</script>
+  
 </body> 
 </html>
\ No newline at end of file
diff --git a/profit/style_profit.css b/profit/style_profit.css
index bcbe118..6152938 100644
--- a/profit/style_profit.css
+++ b/profit/style_profit.css
@@ -95,47 +95,7 @@ b {
     color: var(--text-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/project/chatbox/index.html b/project/chatbox/index.html
index b1e3a98..2e1f04c 100644
--- a/project/chatbox/index.html
+++ b/project/chatbox/index.html
@@ -61,24 +61,7 @@ <h1>diec</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/chatbox/style_project_diec.css b/project/chatbox/style_project_diec.css
index 27d9a8b..43b0494 100644
--- a/project/chatbox/style_project_diec.css
+++ b/project/chatbox/style_project_diec.css
@@ -108,47 +108,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/project/destor/documentation/index.html b/project/destor/documentation/index.html
index c769aa6..a4a9ef1 100644
--- a/project/destor/documentation/index.html
+++ b/project/destor/documentation/index.html
@@ -111,24 +111,7 @@ <h4>2. <strong>Decode Text</strong>:</h4>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/destor/documentation/style_project_destor.css b/project/destor/documentation/style_project_destor.css
index af7007c..813d0bd 100644
--- a/project/destor/documentation/style_project_destor.css
+++ b/project/destor/documentation/style_project_destor.css
@@ -113,47 +113,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: var(--header-color);
diff --git a/project/destor/index.html b/project/destor/index.html
index d6ab100..ae77ff2 100644
--- a/project/destor/index.html
+++ b/project/destor/index.html
@@ -80,24 +80,7 @@ <h1>Overview</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/destor/style_project_destor.css b/project/destor/style_project_destor.css
index 8f1176b..01dd0ae 100644
--- a/project/destor/style_project_destor.css
+++ b/project/destor/style_project_destor.css
@@ -108,47 +108,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: var(--table-header-background-color);
diff --git a/project/destor/version-history/index.html b/project/destor/version-history/index.html
index b49093b..f63a1e1 100644
--- a/project/destor/version-history/index.html
+++ b/project/destor/version-history/index.html
@@ -115,24 +115,7 @@ <h1>Version History</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/destor/version-history/style_project_destor.css b/project/destor/version-history/style_project_destor.css
index e131aec..10b4842 100644
--- a/project/destor/version-history/style_project_destor.css
+++ b/project/destor/version-history/style_project_destor.css
@@ -113,47 +113,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: var(--header-color);
diff --git a/project/devplaceo/index.html b/project/devplaceo/index.html
index 67942e3..029bfe8 100644
--- a/project/devplaceo/index.html
+++ b/project/devplaceo/index.html
@@ -61,24 +61,7 @@ <h1>placeholder</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/devplaceo/style_project_diec.css b/project/devplaceo/style_project_diec.css
index 27d9a8b..43b0494 100644
--- a/project/devplaceo/style_project_diec.css
+++ b/project/devplaceo/style_project_diec.css
@@ -108,47 +108,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/project/diec-test-gui/index.html b/project/diec-test-gui/index.html
index 25e7607..e4ed89f 100644
--- a/project/diec-test-gui/index.html
+++ b/project/diec-test-gui/index.html
@@ -61,24 +61,7 @@ <h1>test-gui</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/diec-test-gui/style_project_diec-test-gui.css b/project/diec-test-gui/style_project_diec-test-gui.css
index 271e5ba..a20f1af 100644
--- a/project/diec-test-gui/style_project_diec-test-gui.css
+++ b/project/diec-test-gui/style_project_diec-test-gui.css
@@ -108,47 +108,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/project/diec/documentation/index.html b/project/diec/documentation/index.html
index e52051b..01e1d11 100644
--- a/project/diec/documentation/index.html
+++ b/project/diec/documentation/index.html
@@ -111,24 +111,7 @@ <h4>2. <strong>Decode Text</strong>:</h4>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/diec/documentation/style_project_diec.css b/project/diec/documentation/style_project_diec.css
index ee43822..3424ee6 100644
--- a/project/diec/documentation/style_project_diec.css
+++ b/project/diec/documentation/style_project_diec.css
@@ -113,47 +113,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: var(--header-color);
diff --git a/project/diec/index.html b/project/diec/index.html
index 2c27408..329e2fe 100644
--- a/project/diec/index.html
+++ b/project/diec/index.html
@@ -80,24 +80,7 @@ <h1>Overview</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/diec/style_project_diec.css b/project/diec/style_project_diec.css
index 447026e..8eebcc6 100644
--- a/project/diec/style_project_diec.css
+++ b/project/diec/style_project_diec.css
@@ -108,47 +108,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: var(--table-header-background-color);
diff --git a/project/diec/version-history/index.html b/project/diec/version-history/index.html
index 78f26fe..e4c7c2a 100644
--- a/project/diec/version-history/index.html
+++ b/project/diec/version-history/index.html
@@ -135,24 +135,7 @@ <h1>Version History</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/diec/version-history/style_project_diec.css b/project/diec/version-history/style_project_diec.css
index 7914006..0ddbba4 100644
--- a/project/diec/version-history/style_project_diec.css
+++ b/project/diec/version-history/style_project_diec.css
@@ -113,47 +113,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: var(--header-color);
diff --git a/project/discord-bot/index.html b/project/discord-bot/index.html
index 67942e3..029bfe8 100644
--- a/project/discord-bot/index.html
+++ b/project/discord-bot/index.html
@@ -61,24 +61,7 @@ <h1>placeholder</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/discord-bot/style_project_diec.css b/project/discord-bot/style_project_diec.css
index 27d9a8b..43b0494 100644
--- a/project/discord-bot/style_project_diec.css
+++ b/project/discord-bot/style_project_diec.css
@@ -108,47 +108,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/project/discordbotmanager/index.html b/project/discordbotmanager/index.html
index 67942e3..029bfe8 100644
--- a/project/discordbotmanager/index.html
+++ b/project/discordbotmanager/index.html
@@ -61,24 +61,7 @@ <h1>placeholder</h1>
             </div>
         </footer>
     </div>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/project/discordbotmanager/style_project_diec.css b/project/discordbotmanager/style_project_diec.css
index 27d9a8b..43b0494 100644
--- a/project/discordbotmanager/style_project_diec.css
+++ b/project/discordbotmanager/style_project_diec.css
@@ -108,47 +108,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;
diff --git a/projects/index.html b/projects/index.html
index 2977c21..3c7c7a0 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -97,24 +97,7 @@ <h2 class="card-title">diec-test-gui</h2>
             </div>
         </div>
     </footer>
-    <button id="toggle-light-mode" class="light-mode-btn" aria-label="Light Mode">
-        <i class="fas fa-moon"></i>
-        <i class="fas fa-sun"></i>
-    </button>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const toggleLightMode = () => {
-                document.body.classList.toggle('light-mode');
-                const isLightMode = document.body.classList.contains('light-mode');
-                localStorage.setItem('lightMode', isLightMode);
-            };
-        
-            document.getElementById('toggle-light-mode').addEventListener('click', toggleLightMode);
-        
-            if (localStorage.getItem('lightMode') === 'true') {
-                document.body.classList.add('light-mode');
-            }
-        });    
-    </script>
+  
+  
 </body> 
 </html>
diff --git a/projects/style_projects.css b/projects/style_projects.css
index 69b9f2e..e52b71a 100644
--- a/projects/style_projects.css
+++ b/projects/style_projects.css
@@ -107,47 +107,7 @@ b {
     color: var(--link-hover-color);
 }
 
-body.light-mode {
-    --bg-color: #f0f0f0;
-    --text-color: #444;
-    --header-color: #333;
-    --primary-color: #4CAF50;
-    --secondary-color: whitesmoke;
-    --border-color: black;
-    --hover-bg-color: #ddd;
-    --link-color: rgb(4, 85, 10);
-    --link-hover-color: #333;
-    --table-alt-row-color: #f2f2f2;
-    --button-color: #1a1a1a; 
-    --light-pic : block;
-    --dark-pic : none;
-    --box-color-text : rgb(255, 255, 255);
-    --box-color : #1a1a1a;
-    --button-color-reverse : #f0f0f0; 
-    --table-background-color: #f0f0f0;
-    --table-header-background-color: #ddd;
-    --table-header-text-color: #333;
-    --table-row-even-background-color: #f2f2f2;
-    --table-row-hover-background-color: #ddd;
-}
-
-body.light-mode .program_table {
-    color: white;
-}
-
-body.light-mode .program_table th,
-body.light-mode .program_table td {
-    border-color: var(--border-color);
-    color: white;
-}
-
-body.light-mode .program_table tr:nth-child(even) {
-    background-color: var(--table-alt-row-color);
-}
-
-body.light-mode .program_table tr:hover {
-    background-color: var(--hover-bg-color);
-}
+ 
 
 pre {
     background-color: #282c34;