From b0178e91865d2e944a6d1b6c3678a4d24c89bfc3 Mon Sep 17 00:00:00 2001
From: gabeszm <vgabor92@protonmail.com>
Date: Thu, 16 Oct 2025 17:32:23 +0200
Subject: [PATCH] Add custom CSS setting for admin customization

- Add custom_css textarea setting in settings.yml
- Support custom CSS injection in welcome-banner component
- Allow admins to override or extend banner styles without modifying code
- Inject custom CSS only when banner is displayed
- Include English and Hungarian descriptions with examples
---
 javascripts/discourse/components/welcome-banner.gjs | 3 +++
 settings.yml                                        | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/javascripts/discourse/components/welcome-banner.gjs b/javascripts/discourse/components/welcome-banner.gjs
index c70834d..bfed1fd 100644
--- a/javascripts/discourse/components/welcome-banner.gjs
+++ b/javascripts/discourse/components/welcome-banner.gjs
@@ -47,6 +47,9 @@ export default class WelcomeBanner extends Component {
 
   <template>
     {{#if this.shouldDisplay}}
+      {{#if settings.custom_css}}
+        <style>{{settings.custom_css}}</style>
+      {{/if}}
       <section class={{concat settings.banner_position "-outlet"}} {{didInsert this.didInsert}} {{willDestroy this.willDestroy}}>
         <div class="welcome-card">
           <div class="hero-section">
diff --git a/settings.yml b/settings.yml
index d7a2a46..9b09b59 100644
--- a/settings.yml
+++ b/settings.yml
@@ -329,3 +329,12 @@ cta_card_4_url:
   description:
     en: CTA card 4 URL
     hu: 4. CTA kártya URL-je
+
+# Advanced Customization
+custom_css:
+  default: ""
+  type: string
+  textarea: true
+  description:
+    en: "Custom CSS to override or extend banner styles. Example: .welcome-card { background: blue; }"
+    hu: "Egyedi CSS a banner stílusok felülírásához vagy kiterjesztéséhez. Példa: .welcome-card { background: blue; }"