From 0e53b8873aac02ac767d2bc0782517907c0bf095 Mon Sep 17 00:00:00 2001
From: gabeszm <vgabor92@protonmail.com>
Date: Thu, 16 Oct 2025 17:36:07 +0200
Subject: [PATCH] Support gradients and multiple color formats in settings

- Add support for hex, rgb, rgba, hsl color formats
- Enable gradient backgrounds (linear-gradient, radial-gradient)
- Convert page_background and card_background to textarea for multi-line gradients
- Update hero-section to use var(--page-bg) instead of hardcoded gradient
- Set default page_background to current gradient for backward compatibility
- Add detailed examples in English and Hungarian descriptions
---
 common/common.scss |  2 +-
 settings.yml       | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index 2a26986..bd3abed 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -50,7 +50,7 @@
     padding: 40px 40px 60px;
     border-radius: 4px;
     color: #fff;
-    background: linear-gradient(136deg, rgba(205, 29, 29, 0.2), rgba(155, 0, 0, 0));
+    background: var(--page-bg);
   }
   
   @media (min-width: 1100px) {
diff --git a/settings.yml b/settings.yml
index 9b09b59..14f6e28 100644
--- a/settings.yml
+++ b/settings.yml
@@ -30,29 +30,31 @@ primary_color:
   default: "#e81f2d"
   type: string
   description:
-    en: Primary accent color (hex format)
-    hu: Elsődleges hangsúly szín (hex formátum)
+    en: "Primary accent color. Supports: hex (#e81f2d), rgb(232,31,45), rgba(232,31,45,0.9), hsl(355,81%,52%)"
+    hu: "Elsődleges hangsúly szín. Támogatott: hex (#e81f2d), rgb(232,31,45), rgba(232,31,45,0.9), hsl(355,81%,52%)"
 
 page_background:
-  default: "#14191f"
+  default: "linear-gradient(136deg, rgba(205, 29, 29, 0.2), rgba(155, 0, 0, 0))"
   type: string
+  textarea: true
   description:
-    en: Page background color (hex format)
-    hu: Oldal háttérszín (hex formátum)
+    en: "Hero section background. Supports colors and gradients. Examples: #14191f OR linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
+    hu: "Hero szekció háttér. Támogatott színek és átmenetek. Példák: #14191f VAGY linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
 
 card_background:
   default: "#1b2028"
   type: string
+  textarea: true
   description:
-    en: Card background color (hex format)
-    hu: Kártya háttérszín (hex formátum)
+    en: "Card background. Supports colors and gradients. Examples: #1b2028 OR linear-gradient(to right, #232526, #414345)"
+    hu: "Kártya háttér. Támogatott színek és átmenetek. Példák: #1b2028 VAGY linear-gradient(to right, #232526, #414345)"
 
 text_color:
   default: "#dddddd"
   type: string
   description:
-    en: Text color (hex format)
-    hu: Szöveg színe (hex formátum)
+    en: "Text color. Supports: hex, rgb, rgba, hsl. Example: #ddd OR rgba(255,255,255,0.9)"
+    hu: "Szöveg színe. Támogatott: hex, rgb, rgba, hsl. Példa: #ddd VAGY rgba(255,255,255,0.9)"
 
 # Hero Section Settings
 hero_title_html: