mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-10-30 04:49:32 -04:00
README and CONTRIBUTING updates, the working register brought current, locations and data-model pages reconciled, redundancy and overview polish, media view tweaks, regenerated schemas, and the new Spacedrive icon asset.
53 lines
1.8 KiB
CSS
53 lines
1.8 KiB
CSS
@import 'tailwindcss';
|
|
@import '@spacedrive/tokens/theme';
|
|
@import '@spacedrive/tokens/css/themes/light';
|
|
@import 'fumadocs-ui/css/neutral.css';
|
|
@import 'fumadocs-ui/css/preset.css';
|
|
|
|
/* Fumadocs theme variables mapped onto Spacedrive design tokens
|
|
(@spacedrive/tokens). The token defaults are the dark theme and `.light`
|
|
swaps the token values, so one mapping covers both modes. */
|
|
:root,
|
|
.dark {
|
|
--color-fd-background: var(--color-app);
|
|
--color-fd-foreground: var(--color-ink);
|
|
--color-fd-muted: var(--color-app-box);
|
|
--color-fd-muted-foreground: var(--color-ink-dull);
|
|
--color-fd-popover: var(--color-menu);
|
|
--color-fd-popover-foreground: var(--color-menu-ink);
|
|
--color-fd-card: var(--color-app-box);
|
|
--color-fd-card-foreground: var(--color-ink);
|
|
--color-fd-border: var(--color-app-line);
|
|
--color-fd-primary: var(--color-accent);
|
|
--color-fd-primary-foreground: var(--color-white);
|
|
--color-fd-secondary: var(--color-app-button);
|
|
--color-fd-secondary-foreground: var(--color-ink);
|
|
--color-fd-accent: var(--color-app-selected);
|
|
--color-fd-accent-foreground: var(--color-ink);
|
|
--color-fd-ring: var(--color-accent);
|
|
--color-fd-info: var(--color-status-info);
|
|
--color-fd-warning: var(--color-status-warning);
|
|
--color-fd-error: var(--color-status-error);
|
|
--color-fd-success: var(--color-status-success);
|
|
}
|
|
|
|
/* The sidebar sits on the darker sidebar surface, like the app */
|
|
#nd-sidebar,
|
|
.dark #nd-sidebar {
|
|
--color-fd-card: var(--color-sidebar);
|
|
--color-fd-muted: var(--color-sidebar-box);
|
|
--color-fd-muted-foreground: var(--color-sidebar-ink-dull);
|
|
--color-fd-secondary: var(--color-sidebar-button);
|
|
--color-fd-accent: var(--color-sidebar-selected);
|
|
--color-fd-border: var(--color-sidebar-line);
|
|
}
|
|
|
|
html {
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
html > body[data-scroll-locked] {
|
|
margin-right: 0px !important;
|
|
--removed-body-scroll-bar-size: 0px !important;
|
|
}
|