--

vue/app/temp.coffee

@@ -18,129 +18,7 @@ routes = [
   #{ path: '/about', component: require 'app/pages/About' }
   #{ path: '/contacts', component: require 'app/pages/Contacts' }
 ]
-tailwind.config = {
-  content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
-  darkMode: 'class', # или 'media' для автоматического определения системной темы
-  theme: {
-    extend: {
-      colors: {
-        # Основная палитра на основе красного золота
-        'primary': {
-          50: '#fef7ee',
-          100: '#fdedd6',
-          200: '#fbd7ad',
-          300: '#f8ba79',
-          400: '#f49343',
-          500: '#f17317', # Базовый красное золото
-          600: '#e2570d',
-          700: '#bc3f0d',
-          800: '#963213',
-          900: '#792b14',
-          950: '#411308',
-        },
-        
-        # Вторичные цвета - глубокие благородные тона
-        'secondary': {
-          50: '#f8fafc',
-          100: '#f1f5f9',
-          200: '#e2e8f0',
-          300: '#cbd5e1',
-          400: '#94a3b8',
-          500: '#64748b',
-          600: '#475569',
-          700: '#334155',
-          800: '#1e293b',
-          900: '#0f172a',
-          950: '#020617',
-        },
-        
-        # Акцентные цвета - контрастные элементы
-        'accent': {
-          50: '#fffbeb',
-          100: '#fef3c7',
-          200: '#fde68a',
-          300: '#fcd34d',
-          400: '#fbbf24',
-          500: '#f59e0b', # Теплый золотой акцент
-          600: '#d97706',
-          700: '#b45309',
-          800: '#92400e',
-          900: '#78350f',
-          950: '#451a03',
-        },
-        
-        # Фоновые цвета для светлой и темной тем
-        'surface': {
-          light: {
-            DEFAULT: '#ffffff',
-            variant: '#f8fafc',
-            elevated: '#ffffff',
-          },
-          dark: {
-            DEFAULT: '#0f172a',
-            variant: '#1e293b',
-            elevated: '#334155',
-          }
-        },
-        
-        # Статусные цвета
-        'success': {
-          50: '#f0fdf4',
-          100: '#dcfce7',
-          200: '#bbf7d0',
-          300: '#86efac',
-          400: '#4ade80',
-          500: '#22c55e',
-          600: '#16a34a',
-          700: '#15803d',
-          800: '#166534',
-          900: '#14532d',
-        },
-        'warning': {
-          50: '#fffbeb',
-          100: '#fef3c7',
-          200: '#fde68a',
-          300: '#fcd34d',
-          400: '#fbbf24',
-          500: '#f59e0b',
-          600: '#d97706',
-          700: '#b45309',
-          800: '#92400e',
-          900: '#78350f',
-        },
-        'error': {
-          50: '#fef2f2',
-          100: '#fee2e2',
-          200: '#fecaca',
-          300: '#fca5a5',
-          400: '#f87171',
-          500: '#ef4444',
-          600: '#dc2626',
-          700: '#b91c1c',
-          800: '#991b1b',
-          900: '#7f1d1d',
-        }
-      },
-      
-      # Дополнительные настройки темы
-      fontFamily: {
-        'display': ['Playfair Display', 'serif'], # Для заголовков
-        'body': ['Inter', 'sans-serif'], # Для основного текста
-      },
-      
-      backgroundImage: {
-        'gold-gradient': 'linear-gradient(135deg, #f17317 0%, #f59e0b 100%)',
-        'premium-gradient': 'linear-gradient(135deg, #792b14 0%, #411308 100%)',
-      },
-      
-      boxShadow: {
-        'gold': '0 4px 14px 0 rgba(241, 115, 23, 0.3)',
-        'premium': '0 8px 32px 0 rgba(121, 43, 20, 0.4)',
-      }
-    },
-  },
-  plugins: [],
-}
+tailwind.config = require '../tailwind.config.js'
 debug.log "002"
 # Глобальное состояние темы
 app = Vue.createApp

vue/tailwind.config.js

@@ -1,19 +1,123 @@
 module.exports = {
-        content: [
-            './dist/**/*.json', // Анализ собранных JSON-файлов
-            './src/**/*.{pug,html,js}'
-          ],
-        darkMode: 'class',
-        theme: {
-          extend: {
-            colors: {
-              primary: '#1a202c',
-              accent: '#d69e2e',
-              secondary: '#742a2a'
-            },
-            fontFamily: {
-              sans: ['Inter', 'system-ui', 'sans-serif'],
-            }
+  content: ['./src/**/*.{html,js,ts,jsx,tsx,pug,styl,json}'],
+  darkMode: 'class', // или 'media' для автоматического определения системной темы
+  theme: {
+    extend: {
+      colors: {
+        // Основная палитра на основе красного золота
+        'primary': {
+          50: '#fef7ee',
+          100: '#fdedd6',
+          200: '#fbd7ad',
+          300: '#f8ba79',
+          400: '#f49343',
+          500: '#f17317', // Базовый красное золото
+          600: '#e2570d',
+          700: '#bc3f0d',
+          800: '#963213',
+          900: '#792b14',
+          950: '#411308',
+        },
+        
+        // Вторичные цвета - глубокие благородные тона
+        'secondary': {
+          50: '#f8fafc',
+          100: '#f1f5f9',
+          200: '#e2e8f0',
+          300: '#cbd5e1',
+          400: '#94a3b8',
+          500: '#64748b',
+          600: '#475569',
+          700: '#334155',
+          800: '#1e293b',
+          900: '#0f172a',
+          950: '#020617',
+        },
+        
+        // Акцентные цвета - контрастные элементы
+        'accent': {
+          50: '#fffbeb',
+          100: '#fef3c7',
+          200: '#fde68a',
+          300: '#fcd34d',
+          400: '#fbbf24',
+          500: '#f59e0b', // Теплый золотой акцент
+          600: '#d97706',
+          700: '#b45309',
+          800: '#92400e',
+          900: '#78350f',
+          950: '#451a03',
+        },
+        
+        // Фоновые цвета для светлой и темной тем
+        'surface': {
+          light: {
+            DEFAULT: '#ffffff',
+            variant: '#f8fafc',
+            elevated: '#ffffff',
+          },
+          dark: {
+            DEFAULT: '#0f172a',
+            variant: '#1e293b',
+            elevated: '#334155',
           }
+        },
+        
+        // Статусные цвета
+        'success': {
+          50: '#f0fdf4',
+          100: '#dcfce7',
+          200: '#bbf7d0',
+          300: '#86efac',
+          400: '#4ade80',
+          500: '#22c55e',
+          600: '#16a34a',
+          700: '#15803d',
+          800: '#166534',
+          900: '#14532d',
+        },
+        'warning': {
+          50: '#fffbeb',
+          100: '#fef3c7',
+          200: '#fde68a',
+          300: '#fcd34d',
+          400: '#fbbf24',
+          500: '#f59e0b',
+          600: '#d97706',
+          700: '#b45309',
+          800: '#92400e',
+          900: '#78350f',
+        },
+        'error': {
+          50: '#fef2f2',
+          100: '#fee2e2',
+          200: '#fecaca',
+          300: '#fca5a5',
+          400: '#f87171',
+          500: '#ef4444',
+          600: '#dc2626',
+          700: '#b91c1c',
+          800: '#991b1b',
+          900: '#7f1d1d',
         }
+      },
+      
+      // Дополнительные настройки темы
+      fontFamily: {
+        'display': ['Playfair Display', 'serif'], // Для заголовков
+        'body': ['Inter', 'sans-serif'], // Для основного текста
+      },
+      
+      backgroundImage: {
+        'gold-gradient': 'linear-gradient(135deg, #f17317 0%, #f59e0b 100%)',
+        'premium-gradient': 'linear-gradient(135deg, #792b14 0%, #411308 100%)',
+      },
+      
+      boxShadow: {
+        'gold': '0 4px 14px 0 rgba(241, 115, 23, 0.3)',
+        'premium': '0 8px 32px 0 rgba(121, 43, 20, 0.4)',
       }
+    },
+  },
+  plugins: [],
+}