# feature: add dark/light theme support

Realized by prefers-color-scheme media queries with Tailwind CSS
2026-05-24 02:00:54 +03:00
parent 5edd56a31f
commit b89f92953d
8 changed files with 55 additions and 55 deletions
@@ -2,12 +2,12 @@
  <section id="hero" class="px-6 py-16 md:py-24 md:px-12 max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center">
    <div>
      <h1 class="text-4xl md:text-5xl font-extrabold leading-tight mb-6">
-        Безопасный и быстрый VPN <br /> от <span class="text-blue-500">uVPN</span>
+        Безопасный и быстрый VPN <br /> от <span class="text-blue-600 dark:text-blue-400">uVPN</span>
      </h1>
-      <p class="text-gray-400 text-lg mb-8 max-w-md">
+      <p class="text-gray-500 dark:text-gray-400 text-lg mb-8 max-w-md">
        Защитите свои данные, обходите блокировки и оставайтесь анонимными в сети с нашим современным VPN-сервисом на базе Xray.
      </p>
-      <button class="bg-blue-600 hover:bg-blue-700 transition px-8 py-4 rounded-xl font-bold text-lg shadow-lg shadow-blue-600/30 flex items-center gap-2">
+      <button class="bg-blue-600 dark:bg-blue-500 hover:bg-blue-700 transition px-8 py-4 rounded-xl font-bold text-lg shadow-lg shadow-blue-600/30 flex items-center gap-2 text-white">
        <Zap class="w-5 h-5" /> Начать бесплатно
      </button>
      <p class="text-gray-500 text-sm mt-4">30-дневная гарантия возврата денег</p>