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/AppFooter.vue
+6 -6
View File
@@ -1,16 +1,16 @@
<template>
<footer id="footer" class="border-t border-gray-800 px-6 py-12 md:px-12">
<footer id="footer" class="border-t border-gray-200 dark:border-gray-800 px-6 py-12 md:px-12">
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-3">
<div class="flex items-center gap-3">
<img src="/images/logo.png" alt="uVPN logo" class="size-8" />
<span class="text-lg font-bold">uVPN</span>
</div>
<div class="flex gap-6 text-gray-400 text-sm">
<a href="#" class="hover:text-white transition">Политика конфиденциальности</a>
<a href="#" class="hover:text-white transition">Условия использования</a>
<a href="#" class="hover:text-white transition">Поддержка</a>
<div class="flex gap-6 text-gray-500 dark:text-gray-400 text-sm">
<a href="#" class="hover:text-gray-900 dark:text-white transition">Политика конфиденциальности</a>
<a href="#" class="hover:text-gray-900 dark:text-white transition">Условия использования</a>
<a href="#" class="hover:text-gray-900 dark:text-white transition">Поддержка</a>
</div>
<p class="text-gray-500 text-sm">
<p class="text-gray-500 dark:text-gray-400 text-sm">
© 2026 uVPN. Все права защищены.
</p>
</div>