Spaces:

transformered
/

secure-sco-shield

Running

App Files Files Community

transformered commited on 11 days ago

Commit

963228a

verified ·

1 Parent(s): a9b8b44

make dark theme more black not like rainbow

Browse files

Files changed (3) hide show

components/navbar.js +6 -9
index.html +7 -7
style.css +4 -6

components/navbar.js CHANGED Viewed

@@ -11,9 +11,9 @@ class CustomNavbar extends HTMLElement {
           right: 0;
           z-index: 1000;
           backdrop-filter: blur(10px);
-          background-color: rgba(2, 6, 23, 0.8);
-          border-bottom: 1px solid rgba(6, 182, 212, 0.2);
-        }
         nav {
           display: flex;
@@ -27,11 +27,8 @@ class CustomNavbar extends HTMLElement {
         .logo {
           font-size: 1.5rem;
           font-weight: 700;
-          background: linear-gradient(to right, #ffffff, #cccccc);
--webkit-background-clip: text;
-          background-clip: text;
-          color: transparent;
-        }
         .nav-links {
           display: flex;
@@ -57,7 +54,7 @@ class CustomNavbar extends HTMLElement {
           left: 0;
           width: 0;
           height: 2px;
-          background: linear-gradient(to right, #ffffff, #cccccc);
 transition: width 0.3s;
         }

           right: 0;
           z-index: 1000;
           backdrop-filter: blur(10px);
+          background-color: rgba(10, 10, 10, 0.9);
+          border-bottom: 1px solid rgba(59, 130, 246, 0.2);
+}
         nav {
           display: flex;
         .logo {
           font-size: 1.5rem;
           font-weight: 700;
+          color: #3b82f6;
+}
         .nav-links {
           display: flex;
           left: 0;
           width: 0;
           height: 2px;
+          background: #3b82f6;
 transition: width 0.3s;
         }

index.html CHANGED Viewed

@@ -22,7 +22,7 @@
       }
     </script>
 </head>
-<body class="bg-black text-gray-200">
 <custom-navbar></custom-navbar>
     <main>
@@ -111,8 +111,8 @@
                     <i data-feather="arrow-down" class="w-12 h-12"></i>
                     <div class="bg-purple-900/50 border-2 border-purple-400 rounded-2xl px-8 py-4 text-xl">شبکه ملی 4G/5G موجود</div>
                     <i data-feather="arrow-down" class="w-12 h-12"></i>
-                    <div class="bg-gradient-to-r from-emerald-600 to-teal-600 rounded-2xl px-10 py-6 text-2xl font-bold text-white shadow-2xl shadow-teal-500/50">
-                        SCO Secure Gateway Layer
                     </div>
                     <i data-feather="arrow-down" class="w-12 h-12"></i>
                     <div class="bg-gray-800/80 border border-gray-500 rounded-2xl px-8 py-4">Backend ملی + مدیریت کلید</div>
@@ -134,16 +134,16 @@
 <div>۱۰۰–۵۰۰ میلیون دلار/سال نگهداری</div>
                     </div>
                 </div>
-                <div class="bg-gray-800 border border-gray-600 rounded-xl shadow-2xl p-8">
 <div class="flex items-center justify-center gap-3 mb-6">
                         <i data-feather="zap" class="w-8 h-8 text-emerald-300"></i>
                         <h3 class="text-2xl md:text-3xl text-white font-bold">راه‌حل پیشنهادی ما</h3>
 </div>
                     <div class="space-y-6 text-2xl md:text-3xl font-bold text-center text-white">
-                        <div class="text-4xl md:text-5xl text-white">۱۳–۲۱ میلیون دلار</div>
-                        <div class="text-gray-300">۶–۱۲ ماه اجرا</div>
 <div>۷–۱۶ میلیون دلار/سال نگهداری</div>
-                        <span class="inline-block text-xl py-2 px-6 bg-gray-700 rounded-full">۹۹.۸٪ صرفه‌جویی</span>
 </div>
                 </div>
             </div>

       }
     </script>
 </head>
+<body class="bg-[#0a0a0a] text-gray-200">
 <custom-navbar></custom-navbar>
     <main>
                     <i data-feather="arrow-down" class="w-12 h-12"></i>
                     <div class="bg-purple-900/50 border-2 border-purple-400 rounded-2xl px-8 py-4 text-xl">شبکه ملی 4G/5G موجود</div>
                     <i data-feather="arrow-down" class="w-12 h-12"></i>
+                <div class="bg-[#1e1e1e] border-2 border-[#3b82f6] rounded-2xl px-10 py-6 text-2xl font-bold text-white shadow-2xl shadow-blue-500/20">
+SCO Secure Gateway Layer
                     </div>
                     <i data-feather="arrow-down" class="w-12 h-12"></i>
                     <div class="bg-gray-800/80 border border-gray-500 rounded-2xl px-8 py-4">Backend ملی + مدیریت کلید</div>
 <div>۱۰۰–۵۰۰ میلیون دلار/سال نگهداری</div>
                     </div>
                 </div>
+                <div class="bg-[#1a1a1a] border border-[#3b82f6] rounded-xl shadow-2xl p-8">
 <div class="flex items-center justify-center gap-3 mb-6">
                         <i data-feather="zap" class="w-8 h-8 text-emerald-300"></i>
                         <h3 class="text-2xl md:text-3xl text-white font-bold">راه‌حل پیشنهادی ما</h3>
 </div>
                     <div class="space-y-6 text-2xl md:text-3xl font-bold text-center text-white">
+                        <div class="text-4xl md:text-5xl text-[#3b82f6]">۱۳–۲۱ میلیون دلار</div>
+<div class="text-gray-300">۶–۱۲ ماه اجرا</div>
 <div>۷–۱۶ میلیون دلار/سال نگهداری</div>
+                        <span class="inline-block text-xl py-2 px-6 bg-[#1e1e1e] border border-[#3b82f6] rounded-full">۹۹.۸٪ صرفه‌جویی</span>
 </div>
                 </div>
             </div>

style.css CHANGED Viewed

@@ -1,13 +1,11 @@
 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;700;900&display=swap');
 :root {
-    --bg-color: #000000;
-    --text-color: #f8f8f8;
-    --border-color: #333333;
-    --highlight-color: #06b6d4;
 }
 * {
     font-family: 'Vazirmatn', sans-serif;
     margin: 0;

 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;700;900&display=swap');
 :root {
+    --bg-color: #0a0a0a;
+    --text-color: #e5e5e5;
+    --border-color: #262626;
+    --highlight-color: #3b82f6;
 }
 * {
     font-family: 'Vazirmatn', sans-serif;
     margin: 0;