This repository has been archived on 2026-04-03. You can view files and clone it, but cannot push or open issues or pull requests.
nyx/css/scrollbar.css
Nico e2667f8e12 Initial nyx project — fork of hermes-frontend
Forked from hermes-frontend, stripped openclaw/bun specifics:
- Auth tokens: openclaw_session -> nyx_session
- Vite proxy: localhost:3003 -> localhost:8000 (assay)
- Prod WS: wss://assay.loop42.de/ws
- Workspace paths: removed openclaw-specific paths
- Added missing deps: @heroicons/vue, overlayscrollbars-vue
- Branding: title -> nyx

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-31 20:23:27 +02:00

30 lines
847 B
CSS

/* OverlayScrollbars — 3 states: not visible, visible (dim), visible+hovered (bright) */
.os-scrollbar .os-scrollbar-track {
background: transparent;
}
.os-scrollbar .os-scrollbar-handle {
background: var(--text-muted, rgba(255, 255, 255, 0.15));
border-radius: 3px;
opacity: 0.4;
transition: opacity 0.2s, background 0.2s;
}
/* Hover anywhere inside the scrollable host → brighter */
[data-overlayscrollbars-initialize]:hover .os-scrollbar-handle {
opacity: 0.7;
background: var(--text-dim);
}
/* Hover directly on scrollbar → full brightness */
.os-scrollbar:hover .os-scrollbar-handle {
opacity: 1;
background: var(--text-dim);
}
/* Actively dragging the handle */
.os-scrollbar .os-scrollbar-handle.active,
.os-scrollbar .os-scrollbar-handle:active {
opacity: 1;
background: var(--text);
}