change all black text to bright neon green

components/comments-section.js

@@ -8,7 +8,8 @@ class CustomCommentsSection extends HTMLElement {
           padding: 20px;
           border-radius: 10px;
           margin-top: 20px;
-        }
+          color: #00ff00;
+}
         .comments-header {
           font-size: 1.2rem;
           margin-bottom: 15px;
@@ -55,8 +56,8 @@ class CustomCommentsSection extends HTMLElement {
         }
         .comment-date {
           font-size: 0.8rem;
-          color: #aaa;
-          margin-bottom: 5px;
+          color: #00ff00;
+margin-bottom: 5px;
         }
         .comment-text {
           line-height: 1.4;

components/footer.js

@@ -5,8 +5,8 @@ class CustomFooter extends HTMLElement {
             <style>
                 footer {
                     background-color: #2c3e50;
-                    color: white;
-                    padding: 2rem 0;
+                    color: #00ff00;
+padding: 2rem 0;
                     margin-top: 2rem;
                 }
                 .footer-container {
@@ -31,8 +31,8 @@ class CustomFooter extends HTMLElement {
                     margin-bottom: 0.5rem;
                 }
                 .footer-section a {
-                    color: #bdc3c7;
-                    text-decoration: none;
+                    color: #00ff00;
+text-decoration: none;
                 }
                 .footer-section a:hover {
                     color: white;

components/friend-list.js

@@ -39,8 +39,8 @@ border-radius: 10px;
                     font-weight: bold;
                 }
                 .view-all {
-                    color: #3b5998;
-                    font-size: 0.9rem;
+                    color: #00ff00;
+font-size: 0.9rem;
                     cursor: pointer;
                 }
                 .view-all:hover {

components/navbar.js

@@ -5,8 +5,8 @@ class CustomNavbar extends HTMLElement {
             <style>
                 .navbar {
                     background: linear-gradient(to right, #3b5998, #4a6ea9);
-                    color: white;
-                    padding: 1rem 2rem;
+                    color: #00ff00;
+padding: 1rem 2rem;
                     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                 }
                 .nav-container {
@@ -30,8 +30,8 @@ class CustomNavbar extends HTMLElement {
                     gap: 1.5rem;
                 }
                 .nav-links a {
-                    color: white;
-                    text-decoration: none;
+                    color: #00ff00;
+text-decoration: none;
                     font-weight: 500;
                     display: flex;
                     align-items: center;

components/profile-card.js

@@ -38,8 +38,8 @@ border-radius: 10px;
                     margin-bottom: 0.5rem;
                 }
                 .profile-title {
-                    color: #666;
-                    font-size: 0.9rem;
+                    color: #00ff00;
+font-size: 0.9rem;
                     margin-bottom: 1rem;
                 }
                 .profile-stats {
@@ -56,8 +56,8 @@ border-radius: 10px;
                 }
                 .stat-label {
                     font-size: 0.8rem;
-                    color: #666;
-                }
+                    color: #00ff00;
+}
                 .profile-actions {
                     display: flex;
                     flex-direction: column;

components/profile-editor.js

@@ -7,8 +7,8 @@ class CustomProfileEditor extends HTMLElement {
           background: rgba(0,0,0,0.7);
           padding: 20px;
           border-radius: 10px;
-          color: white;
-          margin: 20px 0;
+          color: #00ff00;
+margin: 20px 0;
         }
         .editor-tabs {
           display: flex;

style.css

@@ -14,8 +14,8 @@ body {
     background-image: url('https://huggingface.co/spaces/mrdreamers/retrospace-blastoff/resolve/main/images/space_disco_bg_by_neonlover.png');
     background-size: cover;
     background-attachment: fixed;
-    color: #0f0;
-    background-blend-mode: overlay;
+    color: #00ff00;
+background-blend-mode: overlay;
 }
 /* Custom scrollbar */
 ::-webkit-scrollbar {
@@ -63,8 +63,8 @@ body {
 .retro-mode .comments-section {
 background-color: rgba(0, 0, 0, 0.7) !important;
     background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuNykiPjwvcmVjdD4KPHBhdGggZD0iTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVoiIHN0cm9rZT0ibGltZSIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+Cjwvc3ZnPg==') !important;
-    border: 2px solid #0f0;
-    color: #0f0;
+    border: 2px solid #00ff00;
+color: #0f0;
 }
 .retro-mode .profile-banner {
     background: linear-gradient(to right, #000, #333) !important;
@@ -77,7 +77,7 @@ background-color: rgba(0, 0, 0, 0.7) !important;
 .retro-mode .footer-section a,
 .retro-mode .profile-title,
 .retro-mode .text-gray-500 {
-    color: #0f0 !important;
+  color: #00ff00 !important;
 }
 
 .retro-mode .view-all {