🎨 Layout: Глобальные стили, favicon, корневой layout

2026-02-04 05:03:33 +03:00
parent 55cc3c022a
commit 2b611c2abe
3 changed files with 96 additions and 0 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -0,0 +1,44 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  /* Hiddify Colors */
+  --primary: #2fbea5;
+  --primary-dark: #005048;
+  --primary-light: #7df8dd;
+
+  --bg-app: #191f23;
+  --bg-card: #263238;
+  --bg-elevated: #37474f;
+
+  --text-primary: #e1e2e6;
+  --text-white: #ffffff;
+
+  --border: #37474f;
+  --outline: #4caf50;
+
+  --success: #44a334;
+  --idle: #4a4d8b;
+  --error: #f44336;
+}
+
+body {
+  background: var(--bg-app);
+  color: var(--text-primary);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+/* Бегущая строка */
+@keyframes marquee {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-50%);
+  }
+}
+
+.animate-marquee {
+  animation: marquee 20s linear infinite;
+}