gabeszm/weclome-banner
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support gradients and multiple color formats in settings

Browse source 
- 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
This commit is contained in:
gabeszm 2025-10-16 17:36:07 +02:00
parent b0178e9186
commit 0e53b8873a
2 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
common/common.scss
View file

@ -50,7 +50,7 @@
padding: 40px 40px 60px; padding: 40px 40px 60px;
border-radius: 4px; border-radius: 4px;
color: #fff; 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) { @media (min-width: 1100px) {

20
settings.yml
View file

@ -30,29 +30,31 @@ primary_color:
default: "#e81f2d" default: "#e81f2d"
type: string type: string
description: description:
en: Primary accent color (hex format) 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 (hex formátum) 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: page_background:
default: "#14191f" default: "linear-gradient(136deg, rgba(205, 29, 29, 0.2), rgba(155, 0, 0, 0))"
type: string type: string
textarea: true
description: description:
en: Page background color (hex format) en: "Hero section background. Supports colors and gradients. Examples: #14191f OR linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
hu: Oldal háttérszín (hex formátum) 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: card_background:
default: "#1b2028" default: "#1b2028"
type: string type: string
textarea: true
description: description:
en: Card background color (hex format) en: "Card background. Supports colors and gradients. Examples: #1b2028 OR linear-gradient(to right, #232526, #414345)"
hu: Kártya háttérszín (hex formátum) 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: text_color:
default: "#dddddd" default: "#dddddd"
type: string type: string
description: description:
en: Text color (hex format) en: "Text color. Supports: hex, rgb, rgba, hsl. Example: #ddd OR rgba(255,255,255,0.9)"
hu: Szöveg színe (hex formátum) 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 Section Settings
hero_title_html: hero_title_html: