diff --git a/frontend/src/lib/assets/app.css b/frontend/src/lib/assets/app.css index 65e8cf6ce5..8a272d1462 100644 --- a/frontend/src/lib/assets/app.css +++ b/frontend/src/lib/assets/app.css @@ -77,3 +77,4 @@ display: flex !important; } } + diff --git a/frontend/src/lib/components/AppConnect.svelte b/frontend/src/lib/components/AppConnect.svelte index 2a9f2e7edf..fb6f6d7793 100644 --- a/frontend/src/lib/components/AppConnect.svelte +++ b/frontend/src/lib/components/AppConnect.svelte @@ -373,7 +373,7 @@ > Add item - + ({(scopes ?? []).length} item{(scopes ?? []).length > 1 ? 's' : ''}) diff --git a/frontend/src/lib/components/EditorTheme.svelte b/frontend/src/lib/components/EditorTheme.svelte index e2ddf22cd2..99c27db128 100644 --- a/frontend/src/lib/components/EditorTheme.svelte +++ b/frontend/src/lib/components/EditorTheme.svelte @@ -4,6 +4,8 @@ import DarkModeObserver from './DarkModeObserver.svelte' import github from 'svelte-highlight/styles/github' import nord from 'svelte-highlight/styles/nord' + import { each } from 'chart.js/helpers' + import { Chart } from 'chart.js' meditor.defineTheme('nord', { base: 'vs-dark', @@ -115,9 +117,70 @@ if (document.documentElement.classList.contains('dark')) { meditor.setTheme('nord') darkMode = true + each(Chart.instances, (instance) => { + instance.options = { + scales: { + y: { + ticks: { + color: '#e0e7ed' + }, + grid: { + color: '#4a5568' + } + }, + x: { + ticks: { + color: '#e0e7ed' + }, + grid: { + color: '#4a5568' + } + } + }, + plugins: { + legend: { + labels: { + color: '#e0e7ed' + } + } + } + } + instance.update() + }) } else { meditor.setTheme('myTheme') darkMode = false + + each(Chart.instances, (instance) => { + instance.options = { + scales: { + y: { + ticks: { + color: '#4a5568' + }, + grid: { + color: '#e0e7ed' + } + }, + x: { + ticks: { + color: '#4a5568' + }, + grid: { + color: '#e0e7ed' + } + } + }, + plugins: { + legend: { + labels: { + color: '#4a5568' + } + } + } + } + instance.update() + }) } } diff --git a/frontend/src/lib/components/ScriptBuilder.svelte b/frontend/src/lib/components/ScriptBuilder.svelte index ab49dba7b3..cd2c2061a8 100644 --- a/frontend/src/lib/components/ScriptBuilder.svelte +++ b/frontend/src/lib/components/ScriptBuilder.svelte @@ -449,7 +449,7 @@ {:else} -
+
No custom worker group defined on this instance. See documentation
-
+
{ scrollToPage(currentTarget.valueAsNumber) @@ -276,7 +276,7 @@ / {pages.length}
-
+
@@ -604,7 +604,7 @@ isLoading={false} /> - + 
 											
 									
-									
+									
 										
 											
 										

@@ -654,7 +654,7 @@
 										
 											
 										
-										
+										
 											{#if job != undefined && 'result' in job && job.result != undefined}
{:else if job != undefined && 'result' in job && job?.['result'] == undefined} -
Result is undefined
+
Result is undefined
{:else} -
+
{/if} @@ -689,7 +689,7 @@
{/if} {:else} -
Select a job to see its details
+
Select a job to see its details
{/if}
@@ -812,7 +812,7 @@
Debug runs
-
({$jobs?.length > 99 ? '99+' : $jobs?.length ?? 0})
{#if hasErrors} diff --git a/frontend/src/lib/components/apps/editor/AppInputs.svelte b/frontend/src/lib/components/apps/editor/AppInputs.svelte index 323b15628a..a43d0f165f 100644 --- a/frontend/src/lib/components/apps/editor/AppInputs.svelte +++ b/frontend/src/lib/components/apps/editor/AppInputs.svelte @@ -47,7 +47,7 @@ const field = fields[fieldKey] return field.fieldType === 'object' && field.format?.startsWith('resource-') }).length === 0} - No resource input + No resource input {:else} = writable(document.documentElement.classList.contains('dark')) + const state = writable({}) setContext('AppViewerContext', { worldStore: buildWorld(ncontext), @@ -89,7 +92,8 @@ state: state, componentControl: writable({}), hoverStore: writable(undefined), - allIdsInPath + allIdsInPath, + darkMode }) let previousSelectedIds: string[] | undefined = undefined @@ -102,8 +106,13 @@ $: width = $breakpoint === 'sm' ? 'max-w-[640px]' : 'w-full min-w-[768px]' $: lockedClasses = isLocked ? '!max-h-[400px] overflow-hidden pointer-events-none' : '' + function onThemeChange() { + $darkMode = document.documentElement.classList.contains('dark') + } + +
@@ -111,7 +120,7 @@
@@ -123,11 +132,11 @@ )} >

{summary}

-
+
{policy.on_behalf_of ? `on behalf of ${policy.on_behalf_of_email}` : ''}
diff --git a/frontend/src/lib/components/apps/editor/ComponentHeader.svelte b/frontend/src/lib/components/apps/editor/ComponentHeader.svelte index cc1c04e060..f50559c96c 100644 --- a/frontend/src/lib/components/apps/editor/ComponentHeader.svelte +++ b/frontend/src/lib/components/apps/editor/ComponentHeader.svelte @@ -127,14 +127,14 @@ 'bg-red-100/80' )} > - + -
+
- 
+								
 									{json?.stack ?? ''}
diff --git a/frontend/src/lib/components/apps/editor/component/Component.svelte b/frontend/src/lib/components/apps/editor/component/Component.svelte index 308d70c4e4..8be71bbf7c 100644 --- a/frontend/src/lib/components/apps/editor/component/Component.svelte +++ b/frontend/src/lib/components/apps/editor/component/Component.svelte @@ -120,7 +120,7 @@ {/if}
-
    +
      {#each StylePropertyUnits as u}
{name} -
+
{#if !open} {:else if $manuallyOpened[id]} diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridCondition.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridCondition.svelte index d7a1f05caf..66ea2c29b9 100644 --- a/frontend/src/lib/components/apps/editor/settingsPanel/GridCondition.svelte +++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridCondition.svelte @@ -149,7 +149,7 @@ {#if index < items.length - 1} {@const condition = item.value}
-
+
{#each items as item, index (item.id)} -
+
{ diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalInputEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalInputEditor.svelte index c09390953f..da508562a1 100644 --- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalInputEditor.svelte +++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalInputEditor.svelte @@ -18,7 +18,7 @@ {#if componentInput?.type === 'eval'} -
+
{#if !loading} -
+
{#if filteredItems} { diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte index f22b11cbaf..f01ea27ed1 100644 --- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte +++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte @@ -20,11 +20,7 @@
- {#each tabComponents as tabComponent}
{:else} -
+
No custom worker group defined on this instance. See documentation Loading diff --git a/frontend/src/lib/components/flows/map/MapItem.svelte b/frontend/src/lib/components/flows/map/MapItem.svelte index 3ebfd7884d..e8e07b6320 100644 --- a/frontend/src/lib/components/flows/map/MapItem.svelte +++ b/frontend/src/lib/components/flows/map/MapItem.svelte @@ -67,7 +67,7 @@ dispatch('insert', { modules, index: idx, detail: 'move' }) }} type="button" - class=" text-gray-900 bg-white border mx-0.5 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" + class=" text-primary bg-surface border mx-0.5 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" > @@ -198,7 +198,7 @@ dispatch('insert', { modules, index: idx + 1, detail: 'move' }) }} type="button" - class=" text-gray-900 bg-white border mx-0.5 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" + class=" text-primary bg-surface border mx-0.5 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" > @@ -222,7 +222,7 @@ dispatch('newBranch', { module: mod }) }} type="button" - class=" text-gray-900 bg-white border mx-0.5 rotate-180 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" + class=" text-primary bg-surface border mx-0.5 rotate-180 border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-6 h-6 flex items-center justify-center" > diff --git a/frontend/src/lib/components/sidebar/DarkModeToggle.svelte b/frontend/src/lib/components/sidebar/DarkModeToggle.svelte index 601538d10d..f68fcde8c6 100644 --- a/frontend/src/lib/components/sidebar/DarkModeToggle.svelte +++ b/frontend/src/lib/components/sidebar/DarkModeToggle.svelte @@ -16,6 +16,7 @@ if (!document.documentElement.classList.contains('dark')) { document.documentElement.classList.add('dark') window.localStorage.setItem('dark-mode', 'dark') + darkMode = true } else { document.documentElement.classList.remove('dark') diff --git a/frontend/src/lib/components/sidebar/MultiplayerMenu.svelte b/frontend/src/lib/components/sidebar/MultiplayerMenu.svelte index 44b7a91146..b6082e58f4 100644 --- a/frontend/src/lib/components/sidebar/MultiplayerMenu.svelte +++ b/frontend/src/lib/components/sidebar/MultiplayerMenu.svelte @@ -116,7 +116,7 @@ >
- {user} + {user} {showActivity(url)}
diff --git a/frontend/src/routes/(root)/(logged)/+layout.svelte b/frontend/src/routes/(root)/(logged)/+layout.svelte index a2872e223b..71a9041b43 100644 --- a/frontend/src/routes/(root)/(logged)/+layout.svelte +++ b/frontend/src/routes/(root)/(logged)/+layout.svelte @@ -311,7 +311,7 @@ on:click={() => { menuOpen = true }} - class="h-8 w-8 inline-flex items-center justify-center rounded-md text-tertiary hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" + class="h-8 w-8 inline-flex items-center justify-center rounded-md text-tertiary hover:text-primary focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" >