From 5b1c8ed6320c3ee7ec142699f856ce5761ca0bbe Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Tue, 16 Jun 2026 18:39:49 -0400
Subject: [PATCH] feat(lci-theme): wire AE_c_LCI_new into theme pickers for
 demo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- app.css: import ae-c-lci-new.css alongside existing ae-c-lci.css
- e_app_theme.svelte, e_app_sys_bar.svelte, e_app_url_builder.svelte:
  add 'LCI (New ✦)' option pointing to AE_c_LCI_new selector

Both themes coexist — switch between 'LCI' and 'LCI (New ✦)' in the
theme picker to compare old vs brand-guide-accurate colors and fonts.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app.css                                     | 1 +
 src/lib/app_components/e_app_sys_bar.svelte     | 3 ++-
 src/lib/app_components/e_app_theme.svelte       | 1 +
 src/lib/app_components/e_app_url_builder.svelte | 3 ++-
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index ea6460f6..97883ce0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -36,6 +36,7 @@ html.light {
 /* @import '@skeletonlabs/skeleton/themes/ae_c_lci'; */
 @import './ae-osit-default.css';
 @import './ae-c-lci.css';
+@import './ae-c-lci-new.css';
 @import './ae-c-idaa-light.css';
 @import './ae-firefly.css';
 @import './ae-firefly-steelblue.css';
diff --git a/src/lib/app_components/e_app_sys_bar.svelte b/src/lib/app_components/e_app_sys_bar.svelte
index b0a2984e..d044adfd 100644
--- a/src/lib/app_components/e_app_sys_bar.svelte
+++ b/src/lib/app_components/e_app_sys_bar.svelte
@@ -225,7 +225,8 @@ const theme_options = [
     { value: 'AE_Firefly_Axonius', label: 'Firefly Axonius ✦' },
     { value: 'AE_Firefly_BGH', label: 'Firefly BGH ✦' },
     { value: 'AE_c_IDAA_light', label: 'IDAA – light' },
-    { value: 'AE_c_LCI', label: 'LCI' }
+    { value: 'AE_c_LCI', label: 'LCI' },
+    { value: 'AE_c_LCI_new', label: 'LCI (New ✦)' }
 ];
 </script>
 
diff --git a/src/lib/app_components/e_app_theme.svelte b/src/lib/app_components/e_app_theme.svelte
index 8db503b8..d4d06e79 100644
--- a/src/lib/app_components/e_app_theme.svelte
+++ b/src/lib/app_components/e_app_theme.svelte
@@ -97,6 +97,7 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
             <!-- <option value="AE_Firefly_new-name">Firefly new-name ✦</option> -->
             <option value="AE_c_IDAA_light">IDAA - light</option>
             <option value="AE_c_LCI">LCI</option>
+            <option value="AE_c_LCI_new">LCI (New ✦)</option>
         </select>
     </div>
 
diff --git a/src/lib/app_components/e_app_url_builder.svelte b/src/lib/app_components/e_app_url_builder.svelte
index e5e0bd82..475b3af6 100644
--- a/src/lib/app_components/e_app_url_builder.svelte
+++ b/src/lib/app_components/e_app_url_builder.svelte
@@ -101,7 +101,8 @@ const theme_options = [
     { value: 'AE_Firefly_Axonius', label: 'Firefly Axonius ✦' },
     { value: 'AE_Firefly_BGH', label: 'Firefly BGH ✦' },
     { value: 'AE_c_IDAA_light', label: 'IDAA – light' },
-    { value: 'AE_c_LCI', label: 'LCI' }
+    { value: 'AE_c_LCI', label: 'LCI' },
+    { value: 'AE_c_LCI_new', label: 'LCI (New ✦)' }
 ];
 </script>