html.dark header,
html.dark .haoyue-ink-nav,
.dark header,
.dark .haoyue-ink-nav {
  background: #090806 !important;
  border-color: rgba(255, 232, 199, 0.16) !important;
}

html.dark header a,
html.dark header button,
html.dark header [role='button'],
html.dark header [data-slot='button'],
html.dark .haoyue-ink-nav a,
html.dark .haoyue-ink-nav button,
.dark header a,
.dark header button,
.dark header [role='button'],
.dark header [data-slot='button'],
.dark .haoyue-ink-nav a,
.dark .haoyue-ink-nav button {
  color: #f8ead7 !important;
}

html.dark header a *,
html.dark header button *,
html.dark header svg,
html.dark header [data-lucide],
.dark header a *,
.dark header button *,
.dark header svg,
.dark header [data-lucide] {
  color: #f8ead7 !important;
  stroke: currentColor !important;
}

html.dark header a:hover,
html.dark header button:hover,
html.dark header [aria-current='page'],
html.dark header [data-state='active'],
html.dark header [data-active='true'],
html.dark header .bg-accent,
html.dark header .bg-muted,
html.dark header [class*='bg-accent'],
html.dark header [class*='bg-muted'],
.dark header a:hover,
.dark header button:hover,
.dark header [aria-current='page'],
.dark header [data-state='active'],
.dark header [data-active='true'],
.dark header .bg-accent,
.dark header .bg-muted,
.dark header [class*='bg-accent'],
.dark header [class*='bg-muted'] {
  background: rgba(148, 88, 52, 0.38) !important;
  color: #fff7ea !important;
}

html.dark [data-slot='sidebar-inner'],
html.dark [data-sidebar='sidebar'],
html.dark [data-sidebar='content'],
.dark [data-slot='sidebar-inner'],
.dark [data-sidebar='sidebar'],
.dark [data-sidebar='content'] {
  background:
    radial-gradient(circle at 20% 8%, rgba(155, 88, 52, 0.18), transparent 34%),
    linear-gradient(180deg, #17120e 0%, #0b0907 100%) !important;
  color: #f4eadc !important;
}

html.dark [data-sidebar='menu-button'],
html.dark aside a,
html.dark aside button,
.dark [data-sidebar='menu-button'],
.dark aside a,
.dark aside button {
  border: 1px solid rgba(255, 232, 199, 0.14) !important;
  background: rgba(42, 33, 26, 0.88) !important;
  color: #f6e8d5 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html.dark [data-sidebar='menu-button'] *,
html.dark aside a *,
html.dark aside button *,
.dark [data-sidebar='menu-button'] *,
.dark aside a *,
.dark aside button * {
  color: #f6e8d5 !important;
  opacity: 1 !important;
}

html.dark [data-sidebar='menu-button'] svg,
html.dark aside a svg,
html.dark aside button svg,
.dark [data-sidebar='menu-button'] svg,
.dark aside a svg,
.dark aside button svg {
  color: #e7c9a6 !important;
  stroke: currentColor !important;
}

html.dark [data-sidebar='menu-button']:hover,
html.dark [data-sidebar='menu-button'][data-active='true'],
html.dark [data-sidebar='menu-button'][data-active=true],
html.dark aside a:hover,
html.dark aside button:hover,
.dark [data-sidebar='menu-button']:hover,
.dark [data-sidebar='menu-button'][data-active='true'],
.dark [data-sidebar='menu-button'][data-active=true],
.dark aside a:hover,
.dark aside button:hover {
  border-color: rgba(244, 174, 118, 0.48) !important;
  background: rgba(124, 75, 46, 0.56) !important;
  color: #fff5e6 !important;
  box-shadow: inset 3px 0 0 #e0a16f !important;
}

html.dark [data-sidebar='group-label'],
html.dark aside [data-sidebar='group-label'],
.dark [data-sidebar='group-label'],
.dark aside [data-sidebar='group-label'] {
  color: #dec7aa !important;
  opacity: 1 !important;
}