rahzel/stoffhaus-hanke-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Final polish: custom scrollbar, mobile menu, checkout forms, and alerts

Browse Source
This commit is contained in:
AI Assistant
2026-04-11 04:33:17 +00:00
commit fd7164a098
2 changed files with 493 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
NOVAChild/themes/my-nova/sass/_variables.scss Normal file
View File

@@ -0,0 +1,64 @@
//
// Platz für eigene Variablen in SCSS-Notation
//
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
// --------------------------------------------------
// my-nova Theme
// Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
// -------------------Beginn eigene Variablen----------------------------------
// --- Typografie (Modern & Elegant für ein Stoffgeschäft) ---
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');
$font-family-sans-serif: 'Inter', sans-serif !default;
$headings-font-family: 'Playfair Display', serif !default;
$headings-font-weight: 600 !default;
// --- Farben ---
$primary: #2c8d2e !default; // Das gewünschte Grün für Kauf-Buttons
$secondary: #d4a373 !default; // Ein warmer, erdiger Ton (passt zu Stoffen/Holz)
$body-bg: #f9f8f6 !default; // Ein sehr sanftes Creme/Beige als Hintergrund ("Leinwand")
$body-color: #333333 !default;
$footer-color: #FFFFFF !default;
$footer-bg-color: #2E3740 !default;
$header-color: #000000 !default;
$header-bg-color: #FFFFFF !default;
$copyright-bg-color: #1a2026 !default; // Etwas dunkler als der Footer für Tiefe
$white: #ffffff !default;
$black: #000000 !default;
// --- UI Elemente (Rundungen & Schatten für einen modernen Look) ---
$enable-shadows: true !default;
$border-radius: 12px !default;
$border-radius-lg: 15px !default;
$border-radius-sm: 8px !default;
$box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !default;
$box-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04) !default;
// --- Forms & Inputs ---
$input-border-radius: $border-radius-sm !default;
$input-bg: $white !default;
$input-border-color: #e0e0e0 !default;
$input-focus-border-color: $secondary !default;
$input-focus-box-shadow: 0 0 0 0.2rem rgba($secondary, 0.25) !default;
// --- Animationen ---
$transition-base-duration: 0.3s !default;
$transition-base-timing: ease-in-out !default;
$transition-base: all $transition-base-duration $transition-base-timing !default;
$transition-fade: opacity .3s linear !default;
// -------------------Ende eigene Variablen----------------------------------
// Lädt Theme-Variablen, hier aus dem "clear"
// @import '../../../../NOVA/themes/blackline/sass/variables';
@import '../../../../NOVA/themes/clear/sass/variables';
// @import '../../../../NOVA/themes/midnight/sass/variables';
// passt die Pfade an
$nova-theme-path: "../../../NOVA/themes";
$fa-font-path: "../../../NOVA/themes/base/fontawesome/webfonts";