From 6f57ec2cfb6bd371246742db9897e3e14da1b16f Mon Sep 17 00:00:00 2001 From: Guilhem Date: Tue, 30 Sep 2025 16:33:48 +0100 Subject: [PATCH] change color palette v0 --- frontend/src/lib/components/LogViewer.svelte | 2 +- .../src/lib/components/ScriptEditor.svelte | 2 +- frontend/src/lib/components/Toggle.svelte | 4 +--- .../src/lib/components/common/button/model.ts | 4 ++-- .../common/toggleButton-v2/ToggleButton.svelte | 2 +- .../toggleButton-v2/ToggleButtonGroup.svelte | 2 +- .../components/flows/CreateActionsApp.svelte | 2 +- .../components/flows/CreateActionsFlow.svelte | 2 +- .../src/lib/components/flows/FlowEditor.svelte | 2 +- .../flows/map/FlowModuleSchemaMap.svelte | 2 +- .../lib/components/graph/FlowGraphV2.svelte | 2 +- .../src/lib/components/home/ItemsList.svelte | 2 +- .../lib/components/home/TreeViewRoot.svelte | 2 +- .../scripts/CreateActionsScript.svelte | 2 +- .../lib/components/text_input/TextInput.svelte | 2 +- frontend/tailwind.config.cjs | 18 +++++++++++++----- 16 files changed, 29 insertions(+), 23 deletions(-) diff --git a/frontend/src/lib/components/LogViewer.svelte b/frontend/src/lib/components/LogViewer.svelte index 871fd50ec1548..2a67fe082fd04 100644 --- a/frontend/src/lib/components/LogViewer.svelte +++ b/frontend/src/lib/components/LogViewer.svelte @@ -224,7 +224,7 @@
diff --git a/frontend/src/lib/components/ScriptEditor.svelte b/frontend/src/lib/components/ScriptEditor.svelte index c19b6583b28f8..f2ca9ce9f62c5 100644 --- a/frontend/src/lib/components/ScriptEditor.svelte +++ b/frontend/src/lib/components/ScriptEditor.svelte @@ -537,7 +537,7 @@ -
+
{#if assets?.length} diff --git a/frontend/src/lib/components/Toggle.svelte b/frontend/src/lib/components/Toggle.svelte index e4e916a3dab48..8aa63e452d2d7 100644 --- a/frontend/src/lib/components/Toggle.svelte +++ b/frontend/src/lib/components/Toggle.svelte @@ -92,9 +92,7 @@ "transition-all bg-surface-selected rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-surface after:border-white after:border after:rounded-full after:transition-all items-center", color == 'red' ? 'peer-checked:bg-red-600' - : color == 'blue' - ? 'peer-checked:bg-blue-600 dark:peer-checked:bg-blue-500' - : 'peer-checked:bg-nord-950 dark:peer-checked:bg-nord-900', + : 'peer-checked:bg-[#6E86FF] dark:peer-checked:bg-[#5469E3]', size === 'sm' ? 'w-11 h-6 after:top-0.5 after:left-[2px] after:h-5 after:w-5' : size === '2sm' diff --git a/frontend/src/lib/components/common/button/model.ts b/frontend/src/lib/components/common/button/model.ts index ad1046e872404..3ca3fa423b067 100644 --- a/frontend/src/lib/components/common/button/model.ts +++ b/frontend/src/lib/components/common/button/model.ts @@ -86,7 +86,7 @@ export namespace ButtonType { border: 'border-frost-500 dark:border-frost-300 hover:border-frost-700 dark:hover:border-frost-400 focus-visible:border-frost-700 bg-surface hover:bg-frost-100 dark:hover:bg-frost-900 focus-visible:bg-frost-100 focus-visible:dark:text-frost-100 dark:focus-visible:bg-frost-900 text-frost-500 dark:text-frost-300 dark:hover:text-frost-400 hover:text-frost-700 focus-visible:text-frost-700 focus-visible:ring-frost-300', contained: - 'bg-frost-500 hover:bg-frost-700 focus-visible:bg-frost-700 text-white focus-visible:ring-frost-300 dark:bg-frost-500/90 dark:hover:bg-frost-600/90', + 'bg-[#6E86FF] hover:bg-[#5469E3] focus-visible:bg-[#5469E3] text-white focus-visible:ring-frost-300', divider: 'divide-x divide-frost-600' }, marine: { @@ -114,7 +114,7 @@ export namespace ButtonType { border: 'border-marine-300 bg-surface hover:bg-surface-hover focus-visible:bg-surface-hover text-primary hover:text-secondary focus-visible:text-secondary focus-visible:ring-surface-selected-inverse dark:border-marine-200', contained: - 'bg-marine-400 hover:bg-marine-200 focus-visible:bg-surface-hover-inverse text-primary-inverse focus-visible:ring-surface-selected-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70 dark:text-primary-inverse', + 'bg-[#2A356E] hover:bg-[#1F2953] focus-visible:bg-surface-hover-inverse text-primary-inverse focus-visible:ring-surface-selected-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70 dark:text-primary-inverse', divider: 'divide-x divide-gray-800 dark:divide-gray-200' }, gray: { diff --git a/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte b/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte index 22bf2288151f1..92e0782b34cb8 100644 --- a/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte +++ b/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte @@ -57,7 +57,7 @@ ? 'hover:text-secondary data-[state=on]:text-secondary text-tertiary' : 'hover:text-primary data-[state=on]:text-primary text-secondary', 'data-[state=on]:bg-surface data-[state=off]:border-transparent data-[state=on]:border-gray-300 dark:data-[state=on]:border-gray-500', - 'bg-surface-secondary hover:bg-surface-hover', + 'hover:bg-surface-hover', disabled ? '!shadow-none' : '', className )} diff --git a/frontend/src/lib/components/common/toggleButton-v2/ToggleButtonGroup.svelte b/frontend/src/lib/components/common/toggleButton-v2/ToggleButtonGroup.svelte index 293da341e494d..77db0e55bab76 100644 --- a/frontend/src/lib/components/common/toggleButton-v2/ToggleButtonGroup.svelte +++ b/frontend/src/lib/components/common/toggleButton-v2/ToggleButtonGroup.svelte @@ -72,7 +72,7 @@ >
-
+
{#if loading}
{#each new Array(6) as _} diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte index 78978db0db43d..7a7154346c88f 100644 --- a/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte +++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte @@ -373,7 +373,7 @@ />
-
+
-
+
{#if download} {:else} -
+
{#each (items ?? []).slice(0, nbDisplayed) as item (item.type + '/' + item.path + (item.hash ? '/' + item.hash : ''))} No items
{:else} -
+
{#each groupedItems.slice(0, nbDisplayed) as item (item['folderName'] ?? 'user__' + item['username'])} {#if item} diff --git a/frontend/src/lib/components/text_input/TextInput.svelte b/frontend/src/lib/components/text_input/TextInput.svelte index ee9f58c5e321b..7d9c483dc8f0a 100644 --- a/frontend/src/lib/components/text_input/TextInput.svelte +++ b/frontend/src/lib/components/text_input/TextInput.svelte @@ -18,7 +18,7 @@ } export const inputBaseClass = - 'rounded-md focus:ring-0 no-default-style text-sm text-tertiary dark:text-secondary !bg-surface-secondary disabled:!bg-surface-disabled disabled:!border-none disabled:!text-hint disabled:cursor-not-allowed shadow-none py-2 px-3 placeholder-hint' + 'rounded-md focus:ring-0 no-default-style text-sm text-tertiary dark:text-secondary !bg-[#ffffff] dark:!bg-surface-secondary disabled:!bg-surface-disabled disabled:!border-none disabled:!text-hint disabled:cursor-not-allowed shadow-none py-2 px-3 placeholder-hint'