diff --git a/src/ae-firefly-axonius.css b/src/ae-firefly-axonius.css new file mode 100644 index 00000000..b9c310ac --- /dev/null +++ b/src/ae-firefly-axonius.css @@ -0,0 +1,51 @@ +/* + * AE Firefly — Axonius variant + * Primary: #ff6112 (Axonius) + * A minimal variant file that provides the primary color ramp and + * a couple of anchor / spacing tokens. This file follows the + * AE_Firefly_ naming pattern so it can be selected at runtime + * via the `data-theme` attribute on . + */ + +html[data-theme='AE_Firefly_Axonius'] { + --text-scaling: 1.067; + --background: var(--color-surface-50) !important; + --base-font-color: var(--color-surface-950); + --base-font-color-dark: var(--color-surface-50); + --base-font-family: system-ui, sans-serif; + + /* Anchors: Axonius orange in light, lighter in dark */ + --anchor-font-color: var(--color-primary-600); + --anchor-font-color-dark: var(--color-primary-300); + + --spacing: 0.25rem; + --radius-base: 0.375rem; + --radius-container: 0.875rem; + + /* Primary ramp (hex fallbacks centered on #ff6112) */ + --color-primary-50: #fff5ef; + --color-primary-100: #ffe0d1; + --color-primary-200: #ffc7a8; + --color-primary-300: #ffad7f; + --color-primary-400: #ff9356; + --color-primary-500: #ff6112; + --color-primary-600: #e6550f; + --color-primary-700: #bf4b0d; + --color-primary-800: #993f0b; + --color-primary-900: #7c3509; + --color-primary-950: #5f2b08; + --color-primary-contrast-dark: var(--color-primary-950); + --color-primary-contrast-light: var(--color-primary-50); +} + +/* Dark mode tweaks */ +html.dark[data-theme='AE_Firefly_Axonius'] { + --background: var(--color-surface-950) !important; + /* Keep a minimal set of contrast tokens in dark mode */ + --color-primary-contrast-50: var(--color-primary-contrast-dark); + --color-primary-contrast-100: var(--color-primary-contrast-dark); + --color-primary-contrast-200: var(--color-primary-contrast-dark); + --color-primary-contrast-300: var(--color-primary-contrast-dark); + --color-primary-contrast-400: var(--color-primary-contrast-dark); + --color-primary-contrast-500: var(--color-primary-contrast-light); +} diff --git a/src/app.css b/src/app.css index 60ec347f..93923213 100644 --- a/src/app.css +++ b/src/app.css @@ -41,6 +41,7 @@ html.light { @import './ae-firefly-steelblue.css'; @import './ae-firefly-indigo.css'; @import './ae-firefly-rainbow.css'; +@import './ae-firefly-axonius.css'; @source '../node_modules/@skeletonlabs/skeleton-svelte/dist'; diff --git a/src/lib/app_components/e_app_sys_bar.svelte b/src/lib/app_components/e_app_sys_bar.svelte index 7beb6d03..c0043429 100644 --- a/src/lib/app_components/e_app_sys_bar.svelte +++ b/src/lib/app_components/e_app_sys_bar.svelte @@ -220,6 +220,7 @@ const theme_options = [ { value: 'AE_Firefly_SteelBlue', label: 'Firefly SteelBlue ✦' }, { value: 'AE_Firefly_Indigo', label: 'Firefly Indigo ✦' }, { value: 'AE_Firefly_Rainbow', label: 'Firefly Rainbow ✨' }, + { value: 'AE_Firefly_Axonius', label: 'Firefly Axonius ✦' }, { value: 'AE_c_IDAA_light', label: 'IDAA – light' }, { value: 'AE_c_LCI', label: 'LCI' } ]; diff --git a/src/lib/app_components/e_app_theme.svelte b/src/lib/app_components/e_app_theme.svelte index 95734c6a..7aec6e85 100644 --- a/src/lib/app_components/e_app_theme.svelte +++ b/src/lib/app_components/e_app_theme.svelte @@ -111,6 +111,7 @@ if ($ae_loc.app_cfg.theme_mode == 'light') { + diff --git a/src/lib/app_components/e_app_url_builder.svelte b/src/lib/app_components/e_app_url_builder.svelte index 20c00562..221ba233 100644 --- a/src/lib/app_components/e_app_url_builder.svelte +++ b/src/lib/app_components/e_app_url_builder.svelte @@ -98,6 +98,7 @@ const theme_options = [ { value: 'AE_Firefly_SteelBlue', label: 'Firefly SteelBlue ✦' }, { value: 'AE_Firefly_Indigo', label: 'Firefly Indigo ✦' }, { value: 'AE_Firefly_Rainbow', label: 'Firefly Rainbow ✨' }, + { value: 'AE_Firefly_Axonius', label: 'Firefly Axonius ✦' }, { value: 'AE_c_IDAA_light', label: 'IDAA – light' }, { value: 'AE_c_LCI', label: 'LCI' } ]; diff --git a/src/routes/events/+layout.svelte b/src/routes/events/+layout.svelte index bea608f1..d6a46957 100644 --- a/src/routes/events/+layout.svelte +++ b/src/routes/events/+layout.svelte @@ -228,9 +228,13 @@ function clear_sess() { left-0 z-20 m-auto flex min-h-12 w-full max-w-7xl flex-col - items-center justify-between gap-1 rounded-b-lg + items-center justify-between gap-1 - border-b-2 bg-gray-200 + rounded-b-lg border-b-2 + border-primary-200 dark:border-primary-800 + bg-primary-200/80 dark:bg-primary-800/80 + text-primary-900 dark:text-primary-100 + backdrop-blur-sm p-1 px-2 transition-all duration-1000 @@ -238,7 +242,7 @@ function clear_sess() { sm:flex-wrap md:min-h-14 - dark:bg-gray-800 print:hidden + print:hidden "> @@ -371,19 +375,23 @@ function clear_sess() { left-0 z-20 m-auto flex w-full max-w-7xl flex-row flex-wrap - items-center justify-between gap-1 + rounded-t-lg border-t-2 - border-gray-200 bg-gray-200 p-1 + border-primary-200 dark:border-primary-800 + bg-primary-200/80 dark:bg-primary-800/80 + text-primary-700 dark:text-primary-400 + backdrop-blur-sm + p-1 text-xs transition-all duration-1000 hover:text-base hover:opacity-100 sm:flex-row md:items-center - md:justify-between dark:border-gray-600 + md:justify-between - dark:bg-gray-800 print:hidden + print:hidden " class:ae_debug={$ae_loc.debug}> (fn: (event: T) => void) { {#if !pres_mgmt_loc.current.show_content__event_view || pres_mgmt_loc.current.show_content__event_view == 'default'} -
+
handle_search_trigger())} autocomplete="off"