@nimtech/nimpress 2.3.1

package/src/styles/tokens.css

@@ -0,0 +1,150 @@
+:root {
+  --np-brand: #A85A3F;
+  --np-brand-hover: #8C492F;
+  --np-brand-soft: rgba(168, 90, 63, 0.12);
+  --np-link: #8C492F;
+
+  --np-bg: #FFFFFF;
+  --np-bg-surface: #F4F4F5;
+  --np-bg-sidebar: #FAFAFA;
+  --np-bg-card: #FFFFFF;
+  --np-bg-code-inline: #ECECEE;
+  --np-bg-code-block: #0B1020;
+
+  --np-text-primary: #09090B;
+  --np-text-secondary: #3F3F46;
+  --np-text-muted: #52525B;
+  --np-text-faint: #71717A;
+  --np-text-on-brand: #FFFFFF;
+  --np-text-code-block: #E5E7EB;
+
+  --np-border: #C8C8CC;
+  --np-border-strong: #A1A1AA;
+  --np-divider: #D4D4D8;
+
+  --np-table-row-alt: #F4F4F5;
+  --np-table-row-hover: #E4E4E7;
+  --np-table-header-bg: #ECECEE;
+
+  --np-tip: #CC785C;
+  --np-note: #3B82F6;
+  --np-warning: #F59E0B;
+  --np-info: #6366F1;
+  --np-check: #10B981;
+  --np-danger: #EF4444;
+
+  --np-method-get: #10B981;
+  --np-method-post: #3B82F6;
+  --np-method-put: #F59E0B;
+  --np-method-patch: #8B5CF6;
+  --np-method-delete: #EF4444;
+
+  --np-radius-pill: 9999px;
+  --np-radius-sm: 6px;
+  --np-radius-md: 8px;
+  --np-radius-lg: 12px;
+
+  --np-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);
+  --np-shadow-modal: 0 10px 30px rgba(0, 0, 0, 0.12);
+
+  --np-font-sans: "Inter var", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --np-font-mono: ui-monospace, "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;
+
+  --np-header-height: 64px;
+  --np-sidebar-width: 288px;
+  --np-toc-width: 224px;
+  --np-content-max: 1024px;
+}
+
+html.dark {
+  --np-brand: #CC785C;
+  --np-brand-hover: #E8A48E;
+  --np-brand-soft: rgba(204, 120, 92, 0.14);
+  --np-link: #E8A48E;
+
+  --np-bg: #0F0F10;
+  --np-bg-surface: #18181B;
+  --np-bg-sidebar: #0F0F10;
+  --np-bg-card: #1C1C1F;
+  --np-bg-code-inline: #1F1F22;
+  --np-bg-code-block: #0B0B0D;
+
+  --np-text-primary: #FAFAFA;
+  --np-text-secondary: #A1A1AA;
+  --np-text-muted: #71717A;
+  --np-text-faint: #52525B;
+  --np-text-on-brand: #0F0F10;
+  --np-text-code-block: #E5E7EB;
+
+  --np-border: #27272A;
+  --np-border-strong: #3F3F46;
+  --np-divider: #1F1F22;
+
+  --np-table-row-alt: #16161A;
+  --np-table-row-hover: #1F1F22;
+  --np-table-header-bg: #1A1A1E;
+}
+
+html, body {
+  background-color: var(--np-bg);
+  color: var(--np-text-primary);
+  font-family: var(--np-font-sans);
+  font-feature-settings: "cv11", "ss01";
+  -webkit-font-smoothing: antialiased;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+code, pre, kbd, samp {
+  font-family: var(--np-font-mono);
+}
+
+.np-tooltip {
+  position: fixed;
+  z-index: 9999;
+  white-space: nowrap;
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 1;
+  padding: 5px 8px;
+  border-radius: 6px;
+  border: 1px solid var(--np-border);
+  background-color: var(--np-bg-surface);
+  color: var(--np-text-primary);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+  pointer-events: none;
+}
+
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--np-border-strong) transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: var(--np-border);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+  border-radius: 9999px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: var(--np-border-strong);
+  background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}