src/themes.css - master - Ozz/my-app

src/themes.css

73 строки2 KB

Ozz

feat: Автоматизация развертывания веб-приложения в Yandex Cloud через CI/CD

24 июн 2026, 14:07

24 июн 2026, 14:0717520b2

:root,
[data-theme="light"] {
  
  --bg-primary: #f0f2f5;
  --bg-secondary: #ffffff;
  --bg-card: rgba(255, 255, 255, 0.15);
  --bg-card-hover: rgba(255, 255, 255, 0.25);
  --bg-input: rgba(255, 255, 255, 0.2);
  --bg-modal: #ffffff;
  
  
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.9);
  --text-muted: rgba(255, 255, 255, 0.7);
  --text-modal: #333333;
  
  
  --accent-primary: #667eea;
  --accent-secondary: #764ba2;
  --accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  
  
  --border-color: rgba(255, 255, 255, 0.2);
  --border-input: rgba(255, 255, 255, 0.3);
  
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
  
  
  --color-success: #4caf50;
  --color-error: #f44336;
  --color-warning: #ffd700;
  
  
  --nav-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --nav-text: #ffffff;
}

[data-theme="dark"] {
  
  --bg-primary: #0f0f1a;
  --bg-secondary: #1a1a2e;
  --bg-card: rgba(30, 30, 50, 0.8);
  --bg-card-hover: rgba(40, 40, 60, 0.9);
  --bg-input: rgba(30, 30, 50, 0.6);
  --bg-modal: #1e1e2e;
  
  
  --text-primary: #e0e0e0;
  --text-secondary: rgba(224, 224, 224, 0.8);
  --text-muted: rgba(224, 224, 224, 0.5);
  --text-modal: #e0e0e0;
  
  
  --accent-primary: #7c3aed;
  --accent-secondary: #a78bfa;
  --accent-gradient: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  
 
  --border-color: rgba(255, 255, 255, 0.08);
  --border-input: rgba(255, 255, 255, 0.1);
  
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
  
  
  --nav-bg: linear-gradient(135deg, #1a1a2e 0%, #0f0f1a 100%);
  --nav-text: #e0e0e0;
}