suricata/nuxtui_lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sidebar color

Browse Source
This commit is contained in:
suricata
2025-12-31 00:38:59 +00:00
parent 1a99fc6572
commit 0bcaf2c499
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/css/global.css
View File

@@ -10,16 +10,23 @@
} }
.light { .light {
--ui-bg: var(--color-neutral-100); --ui-bg: var(--color-stone-100);
--ui-primary: var(--color-neutral-100); --ui-primary: var(--color-stone-100);
--sidebar-bg: oklch(85% 0.001 106.424);
} }
.dark { .dark {
/*--ui-bg: var(--ui-color-neutral-950);*/ /*--ui-bg: var(--ui-color-neutral-950);*/
--ui-bg: oklch(16.7% 0.004 49.25); --ui-bg: oklch(16.7% 0.004 49.25);
--ui-primary: var(--color-neutral-900); --ui-primary: var(--color-neutral-900);
--sidebar-bg: oklch(18.7% 0.004 49.25);
}
.sidebar-light {
--ui-bg: var(--color-stone-300);
}
.sidebar-dark {
background-color: var(--color-stone-800);
} }
.dark-widget-bg { .dark-widget-bg {

2
app/layouts/dashboard.vue
View File

@@ -53,7 +53,7 @@ onMounted(() => {
</script> </script>
<template> <template>
<UDashboardGroup> <UDashboardGroup>
<DashboardSidebar collapsible resizable :items="nav"/> <DashboardSidebar class="bg-(--sidebar-bg)" collapsible :resizable="undefined" :items="nav"/>
<UDashboardSidebarCollapse /> <UDashboardSidebarCollapse />