diff --git a/Assets/desktopScreen.png b/Assets/desktopScreen.png
new file mode 100644
index 0000000..dc5ba2a
Binary files /dev/null and b/Assets/desktopScreen.png differ
diff --git a/Assets/loading.gif b/Assets/loading.gif
new file mode 100644
index 0000000..3931914
Binary files /dev/null and b/Assets/loading.gif differ
diff --git a/Assets/mobileScreen.png b/Assets/mobileScreen.png
new file mode 100644
index 0000000..aa00fd0
Binary files /dev/null and b/Assets/mobileScreen.png differ
diff --git a/README.md b/README.md
index 57369f5..f67507f 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,32 @@ Dark mode only. Built around a cyan and magenta palette with Xcode Midnight synt
 
 ---
 
+## Screenshots
+
+####Light Mode
+
+> ### ☀️ Coming Soon
+> **The bright side of CyberGlow is currently in development.**
+> We are carefully adapting the neon color palette to deliver a high-fidelity light mode that retains the same cyberpunk energy while remaining perfectly readable.
+> 
+> <div align="center">
+>   <p>Development in progress:</p>
+>   <img src="Assets/loading.gif" alt="Loading Progress Bar" width="120" style="mix-blend-mode: multiply;">
+> </div>
+
+---
+
+####Dark Mode
+
+
+#####Desktop
+<img src="Assets/desktopScreen.png" alt="Desktop Screenshot" width="70%">
+
+#####mobile
+<img src="Assets/mobileScreen.png" alt="Mobile Screenshot" width="220">
+
+---
+
 ## Color Palette
 
 | Role       | Hex       | Description       |
diff --git a/preview.png b/preview.png
index 71fb2fd..0729371 100644
Binary files a/preview.png and b/preview.png differ
diff --git a/theme.css b/theme.css
index d0bc6cd..d52010b 100644
--- a/theme.css
+++ b/theme.css
@@ -201,7 +201,11 @@ settings:
     description: "https://github.com/DevM0nk3y/CyberGlow/issues"
     type: info-text
     markdown: true
-
+  - id: cg-url-donate
+    title: "☕ Buy Me a Coffee via Paypal"
+    description: "<details><summary><b>Choose your support tier</b></summary><br><ul style='list-style:none; padding-left:10px;'><li style='margin-bottom:6px;'>☕ <a href='https://www.paypal.com/paypalme/abellazaro067/3usd'>Tier 1: Donate $3 USD</a></li><li style='margin-bottom:6px;'>☕ ☕ <a href='https://www.paypal.com/paypalme/abellazaro067/5usd'>Tier 2: Donate $5 USD</a></li><li style='margin-bottom:6px;'>☕ ☕ ☕ <a href='https://www.paypal.com/paypalme/abellazaro067/10usd'>Tier 3: Donate $10 USD</a></li></ul></details>"
+    type: info-text
+    markdown: true
 */
 
 
@@ -651,7 +655,7 @@ pre.code-styler-pre .token.operator,
 pre.code-styler-pre .token.punctuation { color: var(--cg-code-text); }
 pre.code-styler-pre .token.parameter { color: #EB905A; }
 pre.code-styler-pre .token.variable { color: #00B1FF; }
-pre.code-styler-pre .token.parameter.variable { color: #00B1FF \s*; }
+pre.code-styler-pre .token.parameter.variable { color: #00B1FF; }
 
 
 /* ============================================================