UI Improvement v4

Fix broken CSS imports and addition of mp4/youtube play in hero area

config/locales/en.yml

@@ -35,6 +35,7 @@ en:
     hero_primary_button_url: "URL the primary button links to. Use a relative path like /latest or an absolute URL."
     hero_secondary_button_label: "Text on the secondary (outlined) CTA button."
     hero_secondary_button_url: "URL the secondary button links to."
+    hero_video_url: "URL for a hero video. Supports MP4 and YouTube links. A play button appears in the hero area; clicking opens a lightbox modal with the video."
     hero_bg_dark: "Background color for the hero section in dark mode. Hex value. Leave blank for default."
     hero_bg_light: "Background color for the hero section in light mode. Hex value. Leave blank for default."
     hero_min_height: "Minimum height for the hero section in pixels. Set to 0 for auto height."
@@ -77,6 +78,7 @@ en:
     topics_enabled: "━━ ROW 5: TRENDING ━━ — Show the Trending Discussions section: a horizontally scrollable row of topic cards showing the most active discussions. Each card displays category badge, title, reply count, and like count — all live data. Supports drag-to-scroll and native swipe."
     topics_title: "Heading text above the scrollable topic cards."
     topics_count: "Number of trending topic cards to display."
+    topics_card_bg_color: "Background color for each trending topic card. Leave blank for default card styling."
     topics_bg_dark: "Background color for the trending section in dark mode. Leave blank for default."
     topics_bg_light: "Background color for the trending section in light mode. Leave blank for default."
     topics_min_height: "Minimum height for the trending section in pixels. Set to 0 for auto height."

config/settings.yml

@@ -82,7 +82,7 @@ plugins:
     type: string
   navbar_bg_color:
     default: ""
-    type: string
+    type: color
   navbar_border_style:
     default: "none"
     type: enum
@@ -127,12 +127,15 @@ plugins:
   hero_secondary_button_url:
     default: "/login"
     type: string
+  hero_video_url:
+    default: ""
+    type: string
   hero_bg_dark:
     default: ""
-    type: string
+    type: color
   hero_bg_light:
     default: ""
-    type: string
+    type: color
   hero_min_height:
     default: 0
     type: integer
@@ -158,7 +161,7 @@ plugins:
     type: color
   stat_icon_bg_color:
     default: ""
-    type: string
+    type: color
   stat_icon_shape:
     default: "circle"
     type: enum
@@ -167,7 +170,7 @@ plugins:
       - rounded
   stat_counter_color:
     default: ""
-    type: string
+    type: color
   stat_members_label:
     default: "Members"
     type: string
@@ -185,10 +188,10 @@ plugins:
     type: string
   stats_bg_dark:
     default: ""
-    type: string
+    type: color
   stats_bg_light:
     default: ""
-    type: string
+    type: color
   stats_min_height:
     default: 0
     type: integer
@@ -241,10 +244,10 @@ plugins:
     type: string
   about_bg_dark:
     default: ""
-    type: string
+    type: color
   about_bg_light:
     default: ""
-    type: string
+    type: color
   about_min_height:
     default: 0
     type: integer
@@ -271,12 +274,15 @@ plugins:
   topics_count:
     default: 5
     type: integer
+  topics_card_bg_color:
+    default: ""
+    type: color
   topics_bg_dark:
     default: ""
-    type: string
+    type: color
   topics_bg_light:
     default: ""
-    type: string
+    type: color
   topics_min_height:
     default: 0
     type: integer
@@ -308,10 +314,10 @@ plugins:
     type: integer
   contributors_bg_dark:
     default: ""
-    type: string
+    type: color
   contributors_bg_light:
     default: ""
-    type: string
+    type: color
   contributors_min_height:
     default: 0
     type: integer
@@ -343,13 +349,13 @@ plugins:
     type: list
   groups_card_bg_color:
     default: ""
-    type: string
+    type: color
   groups_bg_dark:
     default: ""
-    type: string
+    type: color
   groups_bg_light:
     default: ""
-    type: string
+    type: color
   groups_min_height:
     default: 0
     type: integer
@@ -414,10 +420,10 @@ plugins:
     type: string
   app_cta_bg_dark:
     default: ""
-    type: string
+    type: color
   app_cta_bg_light:
     default: ""
-    type: string
+    type: color
   app_cta_min_height:
     default: 0
     type: integer
@@ -446,10 +452,10 @@ plugins:
     type: string
   footer_bg_dark:
     default: ""
-    type: string
+    type: color
   footer_bg_light:
     default: ""
-    type: string
+    type: color
   footer_border_style:
     default: "solid"
     type: enum