adonisjs-ui/build/index.css

[](https://npmjs.com/package/adonisjs-ui) [](https://npm.chart.dev/adonisjs-ui)

@source "./src/tv";
@source "../views";

@theme {
  --color-accent: var(--color-zinc-800);
  --color-accent-content: var(--color-zinc-800);
  --color-accent-foreground: var(--color-white);
}

@layer theme {
  .dark {
    --color-accent: var(--color-white);
    --color-accent-content: var(--color-white);
    --color-accent-foreground: var(--color-zinc-800);
  }
}

*:has(> [data-ui-main]) {
  display: grid;
  grid-area: body;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: min-content minmax(0, 1fr) min-content;
  grid-template-areas:
    "header  header  header"
    "sidebar main    aside"
    "sidebar footer  aside";
}

*:has(> [data-ui-sidebar] + [data-ui-header]) {
  grid-template-areas:
    "sidebar header  header"
    "sidebar main    aside"
    "sidebar footer  aside";
}