Files
SonicForgeStudio/app/static/css/styles.css
T
2026-07-20 10:39:07 +07:00

50 lines
1.4 KiB
CSS

/* SonicForge Studio - DAW Custom Stylesheet */
body {
background-color: #1a1a1a;
color: #c0c0c0;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
overflow: hidden;
user-select: none;
}
.daw-bg { background-color: #1e1e1e; }
.daw-panel { background-color: #262626; }
.daw-header { background-color: #2e2e2e; }
.daw-border { border-color: #181818; }
.daw-track-active { background-color: #333333; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #141414; }
::-webkit-scrollbar-thumb { background: #3a3a3a; border: 2px solid #141414; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }
.knob-container { position: relative; width: 28px; height: 28px; }
.knob-dial { transform-origin: center; transition: transform 0.1s ease; }
.selection-interactive-box { min-width: 4px; }
.no-scrollbar {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
}
.no-scrollbar::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
/* Axis Labels & Waveform HD Canvas styling */
.axis-label {
font-size: 10px;
font-weight: 600;
color: #64748b;
font-family: monospace;
}
.clip-title-tag {
background: rgba(15, 23, 42, 0.85);
border: 1px solid rgba(51, 65, 85, 0.6);
color: #e2e8f0;
font-weight: 600;
padding: 2px 8px;
border-radius: 4px;
font-size: 11px;
backdrop-filter: blur(4px);
}