From 4fa8d0368fc4c787afb1b7cd86bd7d4eb4c46aba Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Fri, 23 Aug 2024 16:34:28 -0400 Subject: [PATCH] Working on the styling some more. --- osit_ae_theme_1.ts | 103 ++++++++++++++++++ osit_ae_theme_2.ts | 103 ++++++++++++++++++ osit_ae_theme_3.ts | 103 ++++++++++++++++++ package-lock.json | 6 +- package.json | 6 +- src/app.html | 6 +- src/app.postcss | 12 +- src/lib/ae_events_stores.ts | 1 + src/lib/ae_stores.ts | 4 +- src/lib/ae_string_snippets.ts | 11 +- src/lib/element_app_cfg.svelte | 34 +++--- .../[slug]/launcher_session_view.svelte | 2 +- .../events_pres_mgmt/event_page_menu.svelte | 33 ++++++ .../event_reports_page_menu.svelte | 4 + .../presenter_page_menu.svelte | 12 +- .../events_pres_mgmt/session_page_menu.svelte | 14 ++- svelte.config.js | 2 +- tailwind.config.ts | 5 + 18 files changed, 414 insertions(+), 47 deletions(-) create mode 100644 osit_ae_theme_1.ts create mode 100644 osit_ae_theme_2.ts create mode 100644 osit_ae_theme_3.ts diff --git a/osit_ae_theme_1.ts b/osit_ae_theme_1.ts new file mode 100644 index 00000000..e12632b5 --- /dev/null +++ b/osit_ae_theme_1.ts @@ -0,0 +1,103 @@ + +import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; + +export const myCustomTheme: CustomThemeConfig = { + name: 'my-custom-theme', + properties: { + // =~= Theme Properties =~= + "--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, + "--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, + "--theme-font-color-base": "0 0 0", + "--theme-font-color-dark": "255 255 255", + "--theme-rounded-base": "16px", + "--theme-rounded-container": "8px", + "--theme-border-base": "1px", + // =~= Theme On-X Colors =~= + "--on-primary": "0 0 0", + "--on-secondary": "0 0 0", + "--on-tertiary": "0 0 0", + "--on-success": "0 0 0", + "--on-warning": "0 0 0", + "--on-error": "0 0 0", + "--on-surface": "0 0 0", + // =~= Theme Colors =~= + // primary | #99c1f1 + "--color-primary-50": "240 246 253", // #f0f6fd + "--color-primary-100": "235 243 252", // #ebf3fc + "--color-primary-200": "230 240 252", // #e6f0fc + "--color-primary-300": "214 230 249", // #d6e6f9 + "--color-primary-400": "184 212 245", // #b8d4f5 + "--color-primary-500": "153 193 241", // #99c1f1 + "--color-primary-600": "138 174 217", // #8aaed9 + "--color-primary-700": "115 145 181", // #7391b5 + "--color-primary-800": "92 116 145", // #5c7491 + "--color-primary-900": "75 95 118", // #4b5f76 + // secondary | #8ff0a4 + "--color-secondary-50": "238 253 241", // #eefdf1 + "--color-secondary-100": "233 252 237", // #e9fced + "--color-secondary-200": "227 251 232", // #e3fbe8 + "--color-secondary-300": "210 249 219", // #d2f9db + "--color-secondary-400": "177 245 191", // #b1f5bf + "--color-secondary-500": "143 240 164", // #8ff0a4 + "--color-secondary-600": "129 216 148", // #81d894 + "--color-secondary-700": "107 180 123", // #6bb47b + "--color-secondary-800": "86 144 98", // #569062 + "--color-secondary-900": "70 118 80", // #467650 + // tertiary | #f8e45c + "--color-tertiary-50": "254 251 231", // #fefbe7 + "--color-tertiary-100": "254 250 222", // #fefade + "--color-tertiary-200": "253 248 214", // #fdf8d6 + "--color-tertiary-300": "252 244 190", // #fcf4be + "--color-tertiary-400": "250 236 141", // #faec8d + "--color-tertiary-500": "248 228 92", // #f8e45c + "--color-tertiary-600": "223 205 83", // #dfcd53 + "--color-tertiary-700": "186 171 69", // #baab45 + "--color-tertiary-800": "149 137 55", // #958937 + "--color-tertiary-900": "122 112 45", // #7a702d + // success | #33d17a + "--color-success-50": "224 248 235", // #e0f8eb + "--color-success-100": "214 246 228", // #d6f6e4 + "--color-success-200": "204 244 222", // #ccf4de + "--color-success-300": "173 237 202", // #adedca + "--color-success-400": "112 223 162", // #70dfa2 + "--color-success-500": "51 209 122", // #33d17a + "--color-success-600": "46 188 110", // #2ebc6e + "--color-success-700": "38 157 92", // #269d5c + "--color-success-800": "31 125 73", // #1f7d49 + "--color-success-900": "25 102 60", // #19663c + // warning | #ffa348 + "--color-warning-50": "255 241 228", // #fff1e4 + "--color-warning-100": "255 237 218", // #ffedda + "--color-warning-200": "255 232 209", // #ffe8d1 + "--color-warning-300": "255 218 182", // #ffdab6 + "--color-warning-400": "255 191 127", // #ffbf7f + "--color-warning-500": "255 163 72", // #ffa348 + "--color-warning-600": "230 147 65", // #e69341 + "--color-warning-700": "191 122 54", // #bf7a36 + "--color-warning-800": "153 98 43", // #99622b + "--color-warning-900": "125 80 35", // #7d5023 + // error | #f66151 + "--color-error-50": "254 231 229", // #fee7e5 + "--color-error-100": "253 223 220", // #fddfdc + "--color-error-200": "253 216 212", // #fdd8d4 + "--color-error-300": "251 192 185", // #fbc0b9 + "--color-error-400": "249 144 133", // #f99085 + "--color-error-500": "246 97 81", // #f66151 + "--color-error-600": "221 87 73", // #dd5749 + "--color-error-700": "185 73 61", // #b9493d + "--color-error-800": "148 58 49", // #943a31 + "--color-error-900": "121 48 40", // #793028 + // surface | #deddda + "--color-surface-50": "250 250 249", // #fafaf9 + "--color-surface-100": "248 248 248", // #f8f8f8 + "--color-surface-200": "247 247 246", // #f7f7f6 + "--color-surface-300": "242 241 240", // #f2f1f0 + "--color-surface-400": "232 231 229", // #e8e7e5 + "--color-surface-500": "222 221 218", // #deddda + "--color-surface-600": "200 199 196", // #c8c7c4 + "--color-surface-700": "167 166 164", // #a7a6a4 + "--color-surface-800": "133 133 131", // #858583 + "--color-surface-900": "109 108 107", // #6d6c6b + + } +} diff --git a/osit_ae_theme_2.ts b/osit_ae_theme_2.ts new file mode 100644 index 00000000..43084d9e --- /dev/null +++ b/osit_ae_theme_2.ts @@ -0,0 +1,103 @@ + +import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; + +export const myCustomTheme: CustomThemeConfig = { + name: 'my-custom-theme', + properties: { + // =~= Theme Properties =~= + "--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, + "--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, + "--theme-font-color-base": "0 0 0", + "--theme-font-color-dark": "255 255 255", + "--theme-rounded-base": "16px", + "--theme-rounded-container": "8px", + "--theme-border-base": "1px", + // =~= Theme On-X Colors =~= + "--on-primary": "0 0 0", + "--on-secondary": "0 0 0", + "--on-tertiary": "0 0 0", + "--on-success": "0 0 0", + "--on-warning": "0 0 0", + "--on-error": "0 0 0", + "--on-surface": "0 0 0", + // =~= Theme Colors =~= + // primary | #62a0ea + "--color-primary-50": "231 241 252", // #e7f1fc + "--color-primary-100": "224 236 251", // #e0ecfb + "--color-primary-200": "216 231 250", // #d8e7fa + "--color-primary-300": "192 217 247", // #c0d9f7 + "--color-primary-400": "145 189 240", // #91bdf0 + "--color-primary-500": "98 160 234", // #62a0ea + "--color-primary-600": "88 144 211", // #5890d3 + "--color-primary-700": "74 120 176", // #4a78b0 + "--color-primary-800": "59 96 140", // #3b608c + "--color-primary-900": "48 78 115", // #304e73 + // secondary | #99c1f1 + "--color-secondary-50": "240 246 253", // #f0f6fd + "--color-secondary-100": "235 243 252", // #ebf3fc + "--color-secondary-200": "230 240 252", // #e6f0fc + "--color-secondary-300": "214 230 249", // #d6e6f9 + "--color-secondary-400": "184 212 245", // #b8d4f5 + "--color-secondary-500": "153 193 241", // #99c1f1 + "--color-secondary-600": "138 174 217", // #8aaed9 + "--color-secondary-700": "115 145 181", // #7391b5 + "--color-secondary-800": "92 116 145", // #5c7491 + "--color-secondary-900": "75 95 118", // #4b5f76 + // tertiary | #f8e45c + "--color-tertiary-50": "254 251 231", // #fefbe7 + "--color-tertiary-100": "254 250 222", // #fefade + "--color-tertiary-200": "253 248 214", // #fdf8d6 + "--color-tertiary-300": "252 244 190", // #fcf4be + "--color-tertiary-400": "250 236 141", // #faec8d + "--color-tertiary-500": "248 228 92", // #f8e45c + "--color-tertiary-600": "223 205 83", // #dfcd53 + "--color-tertiary-700": "186 171 69", // #baab45 + "--color-tertiary-800": "149 137 55", // #958937 + "--color-tertiary-900": "122 112 45", // #7a702d + // success | #33d17a + "--color-success-50": "224 248 235", // #e0f8eb + "--color-success-100": "214 246 228", // #d6f6e4 + "--color-success-200": "204 244 222", // #ccf4de + "--color-success-300": "173 237 202", // #adedca + "--color-success-400": "112 223 162", // #70dfa2 + "--color-success-500": "51 209 122", // #33d17a + "--color-success-600": "46 188 110", // #2ebc6e + "--color-success-700": "38 157 92", // #269d5c + "--color-success-800": "31 125 73", // #1f7d49 + "--color-success-900": "25 102 60", // #19663c + // warning | #ffa348 + "--color-warning-50": "255 241 228", // #fff1e4 + "--color-warning-100": "255 237 218", // #ffedda + "--color-warning-200": "255 232 209", // #ffe8d1 + "--color-warning-300": "255 218 182", // #ffdab6 + "--color-warning-400": "255 191 127", // #ffbf7f + "--color-warning-500": "255 163 72", // #ffa348 + "--color-warning-600": "230 147 65", // #e69341 + "--color-warning-700": "191 122 54", // #bf7a36 + "--color-warning-800": "153 98 43", // #99622b + "--color-warning-900": "125 80 35", // #7d5023 + // error | #f66151 + "--color-error-50": "254 231 229", // #fee7e5 + "--color-error-100": "253 223 220", // #fddfdc + "--color-error-200": "253 216 212", // #fdd8d4 + "--color-error-300": "251 192 185", // #fbc0b9 + "--color-error-400": "249 144 133", // #f99085 + "--color-error-500": "246 97 81", // #f66151 + "--color-error-600": "221 87 73", // #dd5749 + "--color-error-700": "185 73 61", // #b9493d + "--color-error-800": "148 58 49", // #943a31 + "--color-error-900": "121 48 40", // #793028 + // surface | #deddda + "--color-surface-50": "250 250 249", // #fafaf9 + "--color-surface-100": "248 248 248", // #f8f8f8 + "--color-surface-200": "247 247 246", // #f7f7f6 + "--color-surface-300": "242 241 240", // #f2f1f0 + "--color-surface-400": "232 231 229", // #e8e7e5 + "--color-surface-500": "222 221 218", // #deddda + "--color-surface-600": "200 199 196", // #c8c7c4 + "--color-surface-700": "167 166 164", // #a7a6a4 + "--color-surface-800": "133 133 131", // #858583 + "--color-surface-900": "109 108 107", // #6d6c6b + + } +} diff --git a/osit_ae_theme_3.ts b/osit_ae_theme_3.ts new file mode 100644 index 00000000..d054a78b --- /dev/null +++ b/osit_ae_theme_3.ts @@ -0,0 +1,103 @@ + +import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; + +export const myCustomTheme: CustomThemeConfig = { + name: 'my-custom-theme', + properties: { + // =~= Theme Properties =~= + "--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, + "--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, + "--theme-font-color-base": "0 0 0", + "--theme-font-color-dark": "255 255 255", + "--theme-rounded-base": "16px", + "--theme-rounded-container": "8px", + "--theme-border-base": "1px", + // =~= Theme On-X Colors =~= + "--on-primary": "0 0 0", + "--on-secondary": "0 0 0", + "--on-tertiary": "0 0 0", + "--on-success": "0 0 0", + "--on-warning": "0 0 0", + "--on-error": "0 0 0", + "--on-surface": "0 0 0", + // =~= Theme Colors =~= + // primary | #3584e4 + "--color-primary-50": "225 237 251", // #e1edfb + "--color-primary-100": "215 230 250", // #d7e6fa + "--color-primary-200": "205 224 248", // #cde0f8 + "--color-primary-300": "174 206 244", // #aecef4 + "--color-primary-400": "114 169 236", // #72a9ec + "--color-primary-500": "53 132 228", // #3584e4 + "--color-primary-600": "48 119 205", // #3077cd + "--color-primary-700": "40 99 171", // #2863ab + "--color-primary-800": "32 79 137", // #204f89 + "--color-primary-900": "26 65 112", // #1a4170 + // secondary | #99c1f1 + "--color-secondary-50": "240 246 253", // #f0f6fd + "--color-secondary-100": "235 243 252", // #ebf3fc + "--color-secondary-200": "230 240 252", // #e6f0fc + "--color-secondary-300": "214 230 249", // #d6e6f9 + "--color-secondary-400": "184 212 245", // #b8d4f5 + "--color-secondary-500": "153 193 241", // #99c1f1 + "--color-secondary-600": "138 174 217", // #8aaed9 + "--color-secondary-700": "115 145 181", // #7391b5 + "--color-secondary-800": "92 116 145", // #5c7491 + "--color-secondary-900": "75 95 118", // #4b5f76 + // tertiary | #f8e45c + "--color-tertiary-50": "254 251 231", // #fefbe7 + "--color-tertiary-100": "254 250 222", // #fefade + "--color-tertiary-200": "253 248 214", // #fdf8d6 + "--color-tertiary-300": "252 244 190", // #fcf4be + "--color-tertiary-400": "250 236 141", // #faec8d + "--color-tertiary-500": "248 228 92", // #f8e45c + "--color-tertiary-600": "223 205 83", // #dfcd53 + "--color-tertiary-700": "186 171 69", // #baab45 + "--color-tertiary-800": "149 137 55", // #958937 + "--color-tertiary-900": "122 112 45", // #7a702d + // success | #33d17a + "--color-success-50": "224 248 235", // #e0f8eb + "--color-success-100": "214 246 228", // #d6f6e4 + "--color-success-200": "204 244 222", // #ccf4de + "--color-success-300": "173 237 202", // #adedca + "--color-success-400": "112 223 162", // #70dfa2 + "--color-success-500": "51 209 122", // #33d17a + "--color-success-600": "46 188 110", // #2ebc6e + "--color-success-700": "38 157 92", // #269d5c + "--color-success-800": "31 125 73", // #1f7d49 + "--color-success-900": "25 102 60", // #19663c + // warning | #ffa348 + "--color-warning-50": "255 241 228", // #fff1e4 + "--color-warning-100": "255 237 218", // #ffedda + "--color-warning-200": "255 232 209", // #ffe8d1 + "--color-warning-300": "255 218 182", // #ffdab6 + "--color-warning-400": "255 191 127", // #ffbf7f + "--color-warning-500": "255 163 72", // #ffa348 + "--color-warning-600": "230 147 65", // #e69341 + "--color-warning-700": "191 122 54", // #bf7a36 + "--color-warning-800": "153 98 43", // #99622b + "--color-warning-900": "125 80 35", // #7d5023 + // error | #f66151 + "--color-error-50": "254 231 229", // #fee7e5 + "--color-error-100": "253 223 220", // #fddfdc + "--color-error-200": "253 216 212", // #fdd8d4 + "--color-error-300": "251 192 185", // #fbc0b9 + "--color-error-400": "249 144 133", // #f99085 + "--color-error-500": "246 97 81", // #f66151 + "--color-error-600": "221 87 73", // #dd5749 + "--color-error-700": "185 73 61", // #b9493d + "--color-error-800": "148 58 49", // #943a31 + "--color-error-900": "121 48 40", // #793028 + // surface | #deddda + "--color-surface-50": "250 250 249", // #fafaf9 + "--color-surface-100": "248 248 248", // #f8f8f8 + "--color-surface-200": "247 247 246", // #f7f7f6 + "--color-surface-300": "242 241 240", // #f2f1f0 + "--color-surface-400": "232 231 229", // #e8e7e5 + "--color-surface-500": "222 221 218", // #deddda + "--color-surface-600": "200 199 196", // #c8c7c4 + "--color-surface-700": "167 166 164", // #a7a6a4 + "--color-surface-800": "133 133 131", // #858583 + "--color-surface-900": "109 108 107", // #6d6c6b + + } +} diff --git a/package-lock.json b/package-lock.json index a08ff0ef..da9fc8d4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -29,18 +29,18 @@ "@types/node": "^20.11.18", "@typescript-eslint/eslint-plugin": "^7.16.0", "@typescript-eslint/parser": "^7.16.0", - "autoprefixer": "^10.4.17", + "autoprefixer": "^10.4.20", "eslint": "^8.57.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-svelte": "^2.24.0", "highlight.js": "^11.10.0", - "postcss": "^8.4.35", + "postcss": "^8.4.41", "prettier": "^3.1.1", "prettier-plugin-svelte": "^3.1.2", "svelte": "^4.2.0", "svelte-check": "^3.6.0", "svelte-highlight": "^7.7.0", - "tailwindcss": "^3.4.1", + "tailwindcss": "^3.4.10", "tslib": "^2.4.1", "typescript": "^5.0.0", "typescript-svelte-plugin": "^0.3.39", diff --git a/package.json b/package.json index bbc90999..1cf2908e 100644 --- a/package.json +++ b/package.json @@ -29,18 +29,18 @@ "@types/node": "^20.11.18", "@typescript-eslint/eslint-plugin": "^7.16.0", "@typescript-eslint/parser": "^7.16.0", - "autoprefixer": "^10.4.17", + "autoprefixer": "^10.4.20", "eslint": "^8.57.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-svelte": "^2.24.0", "highlight.js": "^11.10.0", - "postcss": "^8.4.35", + "postcss": "^8.4.41", "prettier": "^3.1.1", "prettier-plugin-svelte": "^3.1.2", "svelte": "^4.2.0", "svelte-check": "^3.6.0", "svelte-highlight": "^7.7.0", - "tailwindcss": "^3.4.1", + "tailwindcss": "^3.4.10", "tslib": "^2.4.1", "typescript": "^5.0.0", "typescript-svelte-plugin": "^0.3.39", diff --git a/src/app.html b/src/app.html index 4e74793b..ff0fcd2f 100644 --- a/src/app.html +++ b/src/app.html @@ -1,5 +1,5 @@ - + @@ -8,7 +8,7 @@ - OSIT's Æ - Dev SvelteKit + OSIT's Aether System (Æ) - Built with SvelteKit @@ -23,7 +23,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/app.postcss b/src/app.postcss index f503a9e5..80ce9510 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -27,13 +27,13 @@ body { font-display: swap; } -:root [data-theme='modern'] { +/* :root [data-theme='modern'] { */ /* --theme-rounded-base: 20px; --theme-rounded-container: 4px; */ /* --theme-font-family-base: 'Liberation Sans', sans-serif; */ /* --theme-font-family-heading: 'Liberation Sans', sans-serif; */ -} +/* } */ .card-footer { border-top: 1px solid hsla(0, 0%, 0%, 0.5); @@ -95,18 +95,18 @@ body { } /* Remove the background from the body in all cases */ -body[data-theme] { +/* body[data-theme] { */ /* background: none; */ /* background-image: none; */ -} +/* } */ /* Remove the background from the body if using iframes */ -body[data-theme]:has(#page.iframe) { +/* body[data-theme]:has(#page.iframe) { */ /* background: none; */ /* background-image: none; */ /* background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png'); */ /* background-size: cover; */ -} +/* } */ main { /* background: none; diff --git a/src/lib/ae_events_stores.ts b/src/lib/ae_events_stores.ts index f9ea9cdb..0b934518 100644 --- a/src/lib/ae_events_stores.ts +++ b/src/lib/ae_events_stores.ts @@ -199,6 +199,7 @@ let events_local_data_struct: key_val = { show_content__presenter_qr: false, show_content__session_description: false, show_content__session_help: true, + show_content__session_search_view: null, show_content__session_search_help: true, show_content__session_view: null, show_content__session_qr: true, diff --git a/src/lib/ae_stores.ts b/src/lib/ae_stores.ts index 7521fcc5..09eb9a8e 100644 --- a/src/lib/ae_stores.ts +++ b/src/lib/ae_stores.ts @@ -110,8 +110,8 @@ export let ae_app_local_data_struct: key_val = { 'show_element__cfg': true, 'show_element__cfg_detail': false, 'show_element__access_type': true, - 'theme_mode': 'dark', - 'theme_name': 'wintry', + 'theme_mode': 'light', + 'theme_name': 'wintry', // wintry 'classes__form': 'border border-surface-200 p-4 space-y-4 rounded-container-token', diff --git a/src/lib/ae_string_snippets.ts b/src/lib/ae_string_snippets.ts index d6746d03..bc7c70fe 100644 --- a/src/lib/ae_string_snippets.ts +++ b/src/lib/ae_string_snippets.ts @@ -18,10 +18,15 @@ string_snippets['classes__core_menu__button_warning'] = 'btn btn-sm mx-1 variant // string_snippets['classes__events_pres_mgmt_menu'] = 'flex flex-col items-center space-y-1 border border-blue-200 rounded-md py-1 px-2 hover:bg-blue-100 transition-all duration-700 hover:duration-300'; string_snippets['classes__events_pres_mgmt_menu'] = 'w-full flex flex-col items-center gap-1 border border-gray-200 rounded-md p-1 hover:bg-gray-100 transition-all duration-700 hover:duration-300'; -string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary'; -string_snippets['classes__events_pres_mgmt_menu__button_special'] = 'btn btn-sm mx-1 variant-ghost-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary'; +string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-glass-secondary hover:variant-filled-secondary'; +string_snippets['classes__events_pres_mgmt_menu__button_special'] = 'btn btn-sm mx-1 hover:variant-filled-primary'; + +// string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary'; +// string_snippets['classes__events_pres_mgmt_menu__button_special'] = 'btn btn-sm mx-1 variant-ghost-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary'; string_snippets['classes__events_pres_mgmt_menu__button_highlight'] = 'btn btn-sm mx-1 variant-filled-tertiary text-info-300 hover:text-info-800'; string_snippets['classes__events_pres_mgmt_menu__button_warning'] = 'btn btn-sm mx-1 variant-soft-warning text-info-300 hover:text-info-800'; -string_snippets['classes__events_pres_mgmt_menu__button_warning_special'] = 'btn btn-sm mx-1 variant-ghost-warning text-info-300 hover:text-info-800'; +string_snippets['classes__events_pres_mgmt_menu__button_warning_special'] = 'btn btn-sm mx-1 variant-glass-warning'; + + // export string_snippets; \ No newline at end of file diff --git a/src/lib/element_app_cfg.svelte b/src/lib/element_app_cfg.svelte index 3541bf61..8814f7b6 100644 --- a/src/lib/element_app_cfg.svelte +++ b/src/lib/element_app_cfg.svelte @@ -26,24 +26,24 @@ onMount(() => { } }); -$: if ($slct_trigger == 'set_theme_mode' && $ae_loc?.hub?.theme_mode) { - console.log(`$ae_loc.hub.theme_mode=${$ae_loc?.hub?.theme_mode}`); - $slct_trigger = null; - if ($ae_loc.hub.theme_mode == 'light') { - document.documentElement.classList.remove('dark'); - document.documentElement.classList.add('light'); - } else if ($ae_loc.hub.theme_mode == 'dark') { - document.documentElement.classList.remove('light'); - document.documentElement.classList.add('dark'); - } -} +// $: if ($slct_trigger == 'set_theme_mode' && $ae_loc?.hub?.theme_mode) { +// console.log(`$ae_loc.hub.theme_mode=${$ae_loc?.hub?.theme_mode}`); +// $slct_trigger = null; +// if ($ae_loc.hub.theme_mode == 'light') { +// document.documentElement.classList.remove('dark'); +// document.documentElement.classList.add('light'); +// } else if ($ae_loc.hub.theme_mode == 'dark') { +// document.documentElement.classList.remove('light'); +// document.documentElement.classList.add('dark'); +// } +// } -$: if ($slct_trigger == 'set_theme_name' && $ae_loc?.hub?.theme_name) { - console.log(`$ae_loc?.hub?.theme_name=${$ae_loc?.hub?.theme_name}`); - $slct_trigger = null; - // Update the body attribute named "data-theme" to the current theme name. - document.body.setAttribute('data-theme', $ae_loc?.hub?.theme_name); -} +// $: if ($slct_trigger == 'set_theme_name' && $ae_loc?.hub?.theme_name) { +// console.log(`$ae_loc?.hub?.theme_name=${$ae_loc?.hub?.theme_name}`); +// $slct_trigger = null; +// // Update the body attribute named "data-theme" to the current theme name. +// document.body.setAttribute('data-theme', $ae_loc?.hub?.theme_name); +// } // $: if (entered_passcode && entered_passcode.length >= 5) { // console.log(`entered_passcode=${entered_passcode}`); diff --git a/src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_session_view.svelte b/src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_session_view.svelte index 0df2c00c..d95e0323 100644 --- a/src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_session_view.svelte +++ b/src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_session_view.svelte @@ -26,7 +26,7 @@ export let lq__event_location_obj: any; // export let lq_get__event_presenter_obj_li: any; export let lq__event_session_obj: any; -// let load_event_session_obj = ({ +// let load_event_session_obj = events_func.load_ae_obj_id__event_session({ // api_cfg: $ae_api, // event_session_id: $events_loc.launcher.slct.event_session_id, // inc_presenter_li: false, diff --git a/src/routes/events_pres_mgmt/event_page_menu.svelte b/src/routes/events_pres_mgmt/event_page_menu.svelte index 8edee153..78ba1cc5 100644 --- a/src/routes/events_pres_mgmt/event_page_menu.svelte +++ b/src/routes/events_pres_mgmt/event_page_menu.svelte @@ -54,6 +54,35 @@ let ae_triggers: key_val = {}; + + +