Bug fixes for system crash

assets/javascripts/discourse/initializers/community-landing-admin-tabs.js

@@ -16,8 +16,10 @@ const TABS = [
     id: "navbar",
     label: "Navbar",
     settings: new Set([
-      "navbar_signin_label", "navbar_signin_enabled", "navbar_signin_color",
-      "navbar_join_label", "navbar_join_enabled", "navbar_join_color",
+      "navbar_signin_label", "navbar_signin_enabled",
+      "navbar_signin_color_dark", "navbar_signin_color_light",
+      "navbar_join_label", "navbar_join_enabled",
+      "navbar_join_color_dark", "navbar_join_color_light",
       "navbar_bg_color", "navbar_border_style"
     ])
   },
@@ -26,16 +28,19 @@ const TABS = [
     label: "Hero",
     settings: new Set([
       "hero_title", "hero_accent_word", "hero_subtitle",
-      "hero_card_enabled", "hero_image_first", "hero_content_width",
+      "hero_card_enabled", "hero_image_first",
       "hero_background_image_url", "hero_image_urls", "hero_image_max_height",
       "hero_primary_button_enabled", "hero_primary_button_label", "hero_primary_button_url",
       "hero_secondary_button_enabled", "hero_secondary_button_label", "hero_secondary_button_url",
+      "hero_primary_btn_color_dark", "hero_primary_btn_color_light",
+      "hero_secondary_btn_color_dark", "hero_secondary_btn_color_light",
       "hero_video_url", "hero_video_button_color", "hero_video_blur_on_hover",
       "hero_bg_dark", "hero_bg_light", "hero_min_height", "hero_border_style",
       "hero_card_bg_dark", "hero_card_bg_light", "hero_card_opacity",
       "contributors_enabled", "contributors_title", "contributors_title_enabled",
       "contributors_count_label", "contributors_count_label_enabled",
-      "contributors_alignment", "contributors_pill_max_width", "contributors_pill_bg_color",
+      "contributors_alignment", "contributors_pill_max_width",
+      "contributors_pill_bg_dark", "contributors_pill_bg_light",
       "contributors_days", "contributors_count"
     ])
   },
@@ -48,6 +53,7 @@ const TABS = [
       "stat_icon_color", "stat_icon_bg_color", "stat_icon_shape", "stat_counter_color",
       "stat_members_label", "stat_topics_label", "stat_posts_label",
       "stat_likes_label", "stat_chats_label", "stat_round_numbers",
+      "stat_card_bg_dark", "stat_card_bg_light",
       "stats_bg_dark", "stats_bg_light", "stats_min_height", "stats_border_style"
     ])
   },
@@ -57,7 +63,8 @@ const TABS = [
     settings: new Set([
       "about_enabled", "about_heading_enabled", "about_heading",
       "about_title", "about_role", "about_body", "about_image_url",
-      "about_card_color", "about_background_image_url",
+      "about_card_color_dark", "about_card_color_light",
+      "about_background_image_url",
       "about_bg_dark", "about_bg_light", "about_min_height", "about_border_style"
     ])
   },
@@ -66,7 +73,7 @@ const TABS = [
     label: "Trending",
     settings: new Set([
       "topics_enabled", "topics_title_enabled", "topics_title", "topics_count",
-      "topics_card_bg_color",
+      "topics_card_bg_dark", "topics_card_bg_light",
       "topics_bg_dark", "topics_bg_light", "topics_min_height", "topics_border_style"
     ])
   },
@@ -75,7 +82,8 @@ const TABS = [
     label: "Spaces",
     settings: new Set([
       "groups_enabled", "groups_title_enabled", "groups_title", "groups_count",
-      "groups_selected", "groups_card_bg_color",
+      "groups_selected",
+      "groups_card_bg_dark", "groups_card_bg_light",
       "groups_bg_dark", "groups_bg_light", "groups_min_height", "groups_border_style"
     ])
   },
@@ -102,15 +110,32 @@ const TABS = [
   }
 ];
 
-// Dark/light background pairs — light row gets merged into dark row
+// Dark/light color pairs — light row gets merged into dark row (same-row display)
 const BG_PAIRS = [
+  // Navbar
+  ["navbar_signin_color_dark", "navbar_signin_color_light"],
+  ["navbar_join_color_dark", "navbar_join_color_light"],
+  // Hero
+  ["hero_primary_btn_color_dark", "hero_primary_btn_color_light"],
+  ["hero_secondary_btn_color_dark", "hero_secondary_btn_color_light"],
   ["hero_bg_dark", "hero_bg_light"],
   ["hero_card_bg_dark", "hero_card_bg_light"],
+  ["contributors_pill_bg_dark", "contributors_pill_bg_light"],
+  // Stats
+  ["stat_card_bg_dark", "stat_card_bg_light"],
   ["stats_bg_dark", "stats_bg_light"],
+  // About
+  ["about_card_color_dark", "about_card_color_light"],
   ["about_bg_dark", "about_bg_light"],
+  // Trending
+  ["topics_card_bg_dark", "topics_card_bg_light"],
   ["topics_bg_dark", "topics_bg_light"],
+  // Spaces
+  ["groups_card_bg_dark", "groups_card_bg_light"],
   ["groups_bg_dark", "groups_bg_light"],
+  // App CTA
   ["app_cta_bg_dark", "app_cta_bg_light"],
+  // Footer
   ["footer_bg_dark", "footer_bg_light"],
 ];
 

assets/stylesheets/community_landing/landing.css

@@ -310,19 +310,20 @@
 }
 
 .cl-btn--primary {
-  background: var(--cl-accent);
+  background: var(--cl-primary-btn-bg, var(--cl-accent));
   color: #fff;
   box-shadow: 0 4px 15px var(--cl-accent-glow);
 }
 
 .cl-btn--primary:hover {
-  background: var(--cl-accent-hover);
+  background: var(--cl-primary-btn-bg, var(--cl-accent-hover));
+  filter: brightness(1.1);
   transform: translateY(-2px);
   box-shadow: 0 8px 25px var(--cl-accent-glow);
 }
 
 .cl-btn--ghost {
-  background: var(--cl-glass);
+  background: var(--cl-secondary-btn-bg, var(--cl-glass));
   color: var(--cl-text-strong);
   border: 1px solid var(--cl-glass-border);
   backdrop-filter: var(--cl-blur);
@@ -330,7 +331,7 @@
 }
 
 .cl-btn--ghost:hover {
-  background: var(--cl-accent-subtle);
+  background: var(--cl-secondary-btn-bg, var(--cl-accent-subtle));
   border-color: var(--cl-accent);
   transform: translateY(-2px);
 }
@@ -499,21 +500,23 @@
 }
 
 .cl-navbar__link.cl-btn--primary {
-  background: var(--cl-accent);
+  background: var(--cl-navbar-join-bg, var(--cl-accent));
   color: #fff;
 }
 
 .cl-navbar__link.cl-btn--primary:hover {
-  background: var(--cl-accent-hover);
+  background: var(--cl-navbar-join-bg, var(--cl-accent-hover));
+  filter: brightness(1.1);
 }
 
 .cl-navbar__link.cl-btn--ghost {
-  border: 1px solid var(--cl-border);
+  border: 1px solid var(--cl-navbar-signin-color, var(--cl-border));
+  color: var(--cl-navbar-signin-color, var(--cl-text-strong));
 }
 
 .cl-navbar__link.cl-btn--ghost:hover {
   background: var(--cl-accent-subtle);
-  border-color: var(--cl-border-hover);
+  border-color: var(--cl-navbar-signin-color, var(--cl-border-hover));
 }
 
 /* Theme Toggle */
@@ -637,18 +640,6 @@
   text-align: left;
 }
 
-@media (min-width: 1024px) {
-  .cl-hero__content {
-    flex: 0 0 var(--cl-hero-content-w, 50%);
-    max-width: var(--cl-hero-content-w, 50%);
-  }
-
-  .cl-hero__image {
-    flex: 1;
-    min-width: 0;
-  }
-}
-
 .cl-hero__title {
   font-size: clamp(2.5rem, 8vw, 4.5rem);
   font-weight: 900;
@@ -946,7 +937,7 @@
   align-items: center;
   gap: 0.75rem;
   padding: 1rem 1.25rem;
-  background: var(--cl-card);
+  background: var(--cl-stat-card-bg, var(--cl-card));
   border: 1px solid var(--cl-border);
   border-radius: var(--cl-radius-sm);
   backdrop-filter: var(--cl-blur);
@@ -1287,7 +1278,7 @@
   padding: 0.6rem 1.25rem 0.6rem 0.6rem;
   width: 100%;
   max-width: 340px;
-  background: var(--cl-card);
+  background: var(--cl-pill-bg, var(--cl-card));
   border: 1px solid var(--cl-border);
   border-radius: 14px;
   text-decoration: none;