/** * D-NOVA Platform - Theme Configuration * * Ten plik możesz użyć do łatwej konfiguracji kolorów i stylów. * Import go w marketing.css jeśli chcesz oddzielić konfigurację. */ /* ======================================== COLOR THEMES - Gotowe palety kolorów ======================================== */ /* Theme 1: D-NOVA Default (Blue Accent) */ .theme-dnova { --color-accent: #0066ff; --color-accent-hover: #0052cc; } /* Theme 2: BMW Electric Blue */ .theme-bmw { --color-accent: #00d4ff; --color-accent-hover: #00b8e6; } /* Theme 3: Mercedes Silver */ .theme-mercedes { --color-accent: #c0c0c0; --color-accent-hover: #a0a0a0; } /* Theme 4: Audi Red */ .theme-audi { --color-accent: #bb0a30; --color-accent-hover: #960824; } /* Theme 5: Porsche Yellow */ .theme-porsche { --color-accent: #ffcc00; --color-accent-hover: #e6b800; } /* Theme 6: Tesla Red */ .theme-tesla { --color-accent: #e82127; --color-accent-hover: #cc1d23; } /* Theme 7: Lamborghini Green */ .theme-lambo { --color-accent: #00ff00; --color-accent-hover: #00cc00; } /* Theme 8: Ferrari Red */ .theme-ferrari { --color-accent: #dc0000; --color-accent-hover: #b00000; } /* ======================================== BACKGROUND VARIANTS ======================================== */ /* Variant 1: Pure Black (AMOLED friendly) */ .bg-pure-black { --color-bg-dark: #000000; --color-bg-darker: #000000; --color-bg-light: #0d0d0d; --color-bg-lighter: #1a1a1a; } /* Variant 2: Soft Dark (Default) */ .bg-soft-dark { --color-bg-dark: #0a0a0a; --color-bg-darker: #000000; --color-bg-light: #1a1a1a; --color-bg-lighter: #2a2a2a; } /* Variant 3: Charcoal */ .bg-charcoal { --color-bg-dark: #1a1a1a; --color-bg-darker: #0d0d0d; --color-bg-light: #2a2a2a; --color-bg-lighter: #3a3a3a; } /* ======================================== TYPOGRAPHY PRESETS ======================================== */ /* Typography 1: Minimal (Default - Inter) */ .typo-minimal { --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } /* Typography 2: Tech (Monospace accent) */ .typo-tech { --font-primary: 'JetBrains Mono', 'Courier New', monospace; } /* Typography 3: Elegant (Serif) */ .typo-elegant { --font-primary: 'Playfair Display', Georgia, serif; } /* Typography 4: Modern (Neue) */ .typo-modern { --font-primary: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* ======================================== USAGE EXAMPLES ======================================== */ /* // Aby użyć innego theme, dodaj klasę do w _Layout.cshtml: // Strona z BMW Electric Blue accent // Ferrari Red + Pure Black AMOLED // Tesla Red + Modern Typography */ /* ======================================== CUSTOM ANIMATIONS SPEEDS ======================================== */ /* Speed 1: Lightning Fast */ .speed-fast { --transition-fast: 0.1s ease; --transition-normal: 0.2s ease; --transition-slow: 0.3s ease; } /* Speed 2: Normal (Default) */ .speed-normal { --transition-fast: 0.2s ease; --transition-normal: 0.3s ease; --transition-slow: 0.5s ease; } /* Speed 3: Smooth & Slow */ .speed-smooth { --transition-fast: 0.3s ease; --transition-normal: 0.5s ease; --transition-slow: 0.8s ease; } /* ======================================== BUTTON VARIANTS ======================================== */ /* Variant 1: Solid (Default) */ .btn-variant-solid { /* Użyj istniejących .btn-primary / .btn-secondary */ } /* Variant 2: Outline */ .btn-variant-outline .btn-primary { background: transparent !important; border: 2px solid var(--color-accent) !important; color: var(--color-accent) !important; } .btn-variant-outline .btn-primary:hover { background: var(--color-accent) !important; color: #000 !important; } /* Variant 3: Gradient */ .btn-variant-gradient .btn-primary { background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%) !important; border: none !important; } /* Variant 4: Glow */ .btn-variant-glow .btn-primary:hover { box-shadow: 0 0 20px var(--color-accent), 0 0 40px var(--color-accent) !important; } /* ======================================== SECTION SPACING PRESETS ======================================== */ /* Compact */ .spacing-compact { --section-padding: 4rem 2rem; } /* Normal (Default) */ .spacing-normal { --section-padding: 8rem 2rem; } /* Spacious */ .spacing-spacious { --section-padding: 12rem 2rem; } /* ======================================== ACCESSIBILITY MODES ======================================== */ /* High Contrast Mode */ .mode-high-contrast { --color-text-primary: #ffffff; --color-text-secondary: #e0e0e0; --color-border: #666666; } /* Reduced Motion */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* ======================================== QUICK CUSTOMIZATION GUIDE ======================================== */ /* 1. Wybierz theme (np. theme-bmw) 2. Wybierz background (np. bg-pure-black) 3. Opcjonalnie: typography (np. typo-modern) 4. Opcjonalnie: speed (np. speed-smooth) 5. Opcjonalnie: button variant (np. btn-variant-glow) PRZYKŁAD: To da Ci: - BMW Electric Blue accent color - Pure black AMOLED background - Modern Helvetica Neue font - Smooth slow animations - Glowing buttons on hover ENJOY! ?? */