From a28e7b7657fd20f15bbfff37667aeed08f2d6e01 Mon Sep 17 00:00:00 2001 From: Ykrej Date: Sun, 3 Aug 2025 19:02:21 -0700 Subject: [PATCH 1/2] feat: changed color scheme to dark --- src/app.html | 2 +- src/routes/components/Grid.svelte | 4 +++- src/routes/components/ServerPartsGrid.svelte | 4 ++-- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/app.html b/src/app.html index 40b3466..a142ec1 100644 --- a/src/app.html +++ b/src/app.html @@ -6,7 +6,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/routes/components/Grid.svelte b/src/routes/components/Grid.svelte index 8c3e45e..f431600 100644 --- a/src/routes/components/Grid.svelte +++ b/src/routes/components/Grid.svelte @@ -11,7 +11,9 @@ type ColDef, ValidationModule, themeBalham, + themeMaterial, ColumnAutoSizeModule, + colorSchemeDark, } from 'ag-grid-community' import { onMount } from 'svelte' @@ -38,7 +40,7 @@ onMount(() => { const gridOptions: GridOptions = { columnDefs, - theme: themeBalham, + theme: themeBalham.withPart(colorSchemeDark), rowData: Array.isArray(rowData) ? rowData : [], defaultColDef: { sortable: true, diff --git a/src/routes/components/ServerPartsGrid.svelte b/src/routes/components/ServerPartsGrid.svelte index 40a8a26..cf812a7 100644 --- a/src/routes/components/ServerPartsGrid.svelte +++ b/src/routes/components/ServerPartsGrid.svelte @@ -16,7 +16,7 @@ let filterMenuOpen = $state(true) const filterDivClass = - 'm-1 w-46 rounded-sm border-1 bg-gray-50 px-1 drop-shadow-md' + 'm-1 w-46 rounded-sm border-1 border-neutral-500 bg-gray-50 px-1 drop-shadow-md bg-neutral-700 text-neutral-100' let gridApi: GridApi | undefined = $state() @@ -149,7 +149,7 @@ >