uVPN/frontend
1
0
Fork 0
Code Issues 1 Pull Requests Actions Releases 6 Activity

# feature: add dark/light theme support

Browse Source 
Realized by prefers-color-scheme media queries with Tailwind CSS
This commit is contained in:
austnv
2026-05-24 02:00:54 +03:00
parent 5edd56a31f
commit b89f92953d
8 changed files with 55 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FeaturesSection.vue
+9 -9
View File
@@ -4,20 +4,20 @@
Почему выбирают uVPN
</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-800 transition border border-gray-800">
<Zap class="w-12 h-12 text-blue-500 mx-auto mb-4" />
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<Zap class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Высокая скорость</h3>
<p class="text-gray-400">Серверы в 90+ странах с пропускной способностью до 10 Гбит/с.</p>
<p class="text-gray-500 dark:text-gray-400">Серверы в 90+ странах с пропускной способностью до 10 Гбит/с.</p>
</div>
<div class="bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-800 transition border border-gray-800">
<Shield class="w-12 h-12 text-blue-500 mx-auto mb-4" />
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<Shield class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Полная безопасность</h3>
<p class="text-gray-400">Шифрование AES-256 и политика отсутствия логов.</p>
<p class="text-gray-500 dark:text-gray-400">Шифрование AES-256 и политика отсутствия логов.</p>
</div>
<div class="bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-800 transition border border-gray-800">
<Globe class="w-12 h-12 text-blue-500 mx-auto mb-4" />
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<Globe class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Глобальный доступ</h3>
<p class="text-gray-400">Обходите цензуру и получайте доступ к любому контенту из любой точки мира.</p>
<p class="text-gray-500 dark:text-gray-400">Обходите цензуру и получайте доступ к любому контенту из любой точки мира.</p>
</div>
</div>
</section>