max/nodarium
1
0
Fork 0
Code Issues 12 Pull Requests 2 Actions Packages Projects Releases 3 Wiki Activity

feat(theme): merge edge and connection color
All checks were successful
🚀 Lint & Test & Deploy / release (pull_request) Successful in 3m35s
Details

Browse Source
This commit is contained in:
release-bot
2026-02-09 01:35:41 +01:00
parent 07e2826f16
commit 715e1d095b
6 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/lib/graph-interface/edges/Edge.svelte
View File

@@ -2,19 +2,19 @@
import { colors } from '../graph/colors.svelte'; import { colors } from '../graph/colors.svelte';
const circleMaterial = new MeshBasicMaterial({ const circleMaterial = new MeshBasicMaterial({
color: colors.edge.clone(), color: colors.connection.clone(),
toneMapped: false toneMapped: false
}); });
let lineColor = $state(colors.edge.clone().convertSRGBToLinear()); let lineColor = $state(colors.connection.clone().convertSRGBToLinear());
$effect.root(() => { $effect.root(() => {
$effect(() => { $effect(() => {
if (appSettings.value.theme === undefined) { if (appSettings.value.theme === undefined) {
return; return;
} }
circleMaterial.color = colors.edge.clone().convertSRGBToLinear(); circleMaterial.color = colors.connection.clone().convertSRGBToLinear();
lineColor = colors.edge.clone().convertSRGBToLinear(); lineColor = colors.connection.clone().convertSRGBToLinear();
}); });
}); });

2
app/src/lib/graph-interface/graph/colors.svelte.ts
View File

@@ -9,7 +9,7 @@ const variables = [
'outline', 'outline',
'active', 'active',
'selected', 'selected',
'edge' 'connection'
] as const; ] as const;
function getColor(variable: (typeof variables)[number]) { function getColor(variable: (typeof variables)[number]) {

2
app/src/lib/settings/NestedSettings.svelte
View File

@@ -211,7 +211,7 @@
.first-level.input { .first-level.input {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
padding-bottom: 1px; padding-bottom: 0.5px;
gap: 3px; gap: 3px;
} }

7
packages/ui/src/lib/app.css
View File

@@ -11,7 +11,6 @@
@source inline("{hover:,}{bg-,outline-,text-,}selected"); @source inline("{hover:,}{bg-,outline-,text-,}selected");
@source inline("{hover:,}{bg-,outline-,text-,}outline{!,}"); @source inline("{hover:,}{bg-,outline-,text-,}outline{!,}");
@source inline("{hover:,}{bg-,outline-,text-,}connection"); @source inline("{hover:,}{bg-,outline-,text-,}connection");
@source inline("{hover:,}{bg-,outline-,text-,}edge");
@source inline("{hover:,}{bg-,outline-,text-,}text"); @source inline("{hover:,}{bg-,outline-,text-,}text");
/* fira-code-300 - latin */ /* fira-code-300 - latin */
@@ -72,7 +71,6 @@
--color-outline: var(--neutral-400); --color-outline: var(--neutral-400);
--color-connection: #333333; --color-connection: #333333;
--color-edge: var(--connection, var(--color-outline));
--color-text: var(--neutral-200); --color-text: var(--neutral-200);
} }
@@ -89,14 +87,13 @@ html {
--color-layer-0: var(--neutral-900); --color-layer-0: var(--neutral-900);
--color-layer-1: var(--neutral-500); --color-layer-1: var(--neutral-500);
--color-layer-2: var(--neutral-400); --color-layer-2: var(--neutral-400);
--color-layer-3: var(--neutral-200); --color-layer-3: var(--neutral-300);
--color-active: #ffffff; --color-active: #ffffff;
--color-selected: #c65a19; --color-selected: #c65a19;
--color-outline: var(--neutral-400); --color-outline: #3e3e3e;
--color-connection: #333333; --color-connection: #333333;
--color-edge: var(--connection, var(--color-outline));
--color-text-color: var(--neutral-200); --color-text-color: var(--neutral-200);
} }

2
packages/ui/src/lib/inputs/InputShape.svelte
View File

@@ -239,7 +239,7 @@
width: 100%; width: 100%;
aspect-ratio: 1; aspect-ratio: 1;
background-color: var(--color-layer-2); background-color: var(--color-layer-2);
padding: 15px; padding: 7px;
border-radius: 5px; border-radius: 5px;
outline: solid thin var(--color-outline); outline: solid thin var(--color-outline);
} }

1
packages/ui/src/routes/+page.svelte
View File

@@ -51,7 +51,6 @@
'selected', 'selected',
'outline', 'outline',
'connection', 'connection',
'edge',
'text' 'text'
]; ];
</script> </script>