Tetardtek
da22b6446d
- brain.ts: BRAIN_ROOT résolu via $BRAIN_ROOT env / ~/.config/brain-path / fallback ~/Dev/Brain - Volume.tsx: bindings volume + mute séparés et réactifs - style.scss: importe _bar.scss et _heartbeat.scss via @use, supprime 199 lignes dupliquées
106 lines
1.7 KiB
SCSS
106 lines
1.7 KiB
SCSS
@use "styles/palette" as *;
|
|
@use "styles/heartbeat";
|
|
@use "styles/bar";
|
|
|
|
* {
|
|
font-family: $font;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
// ── Layer 3 — Brain Power Panel ──
|
|
window.BrainPower {
|
|
background: transparent;
|
|
|
|
.brain-panel {
|
|
background: rgba(26, 14, 39, 0.94); // $crust heavy glass
|
|
border-radius: 0 $radius $radius 0;
|
|
border: 2px solid rgba(201, 160, 255, 0.40); // $lilac border
|
|
border-left: none;
|
|
min-width: 380px;
|
|
padding: 16px;
|
|
}
|
|
|
|
.brain-header {
|
|
padding: 0 0 12px 0;
|
|
}
|
|
|
|
.brain-title {
|
|
color: $magenta;
|
|
font-size: 16px;
|
|
font-weight: 900;
|
|
letter-spacing: 0.08em;
|
|
}
|
|
|
|
.brain-close {
|
|
background: transparent;
|
|
border: none;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
padding: 2px 8px;
|
|
|
|
label {
|
|
color: $muted;
|
|
font-size: 14px;
|
|
}
|
|
|
|
&:hover label {
|
|
color: $danger;
|
|
}
|
|
}
|
|
|
|
.brain-content {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.brain-section {
|
|
padding: 8px 0 4px 0;
|
|
}
|
|
|
|
.brain-section-title {
|
|
color: $lilac;
|
|
font-size: 11px;
|
|
font-weight: 900;
|
|
letter-spacing: 0.12em;
|
|
}
|
|
|
|
.brain-divider {
|
|
background: rgba(90, 56, 117, 0.30); // $surface2
|
|
min-height: 1px;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.brain-focus {
|
|
color: $text;
|
|
font-size: 13px;
|
|
padding: 4px 0 4px 16px;
|
|
}
|
|
|
|
.brain-session {
|
|
color: $champagne;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
padding: 4px 0 4px 16px;
|
|
}
|
|
|
|
.brain-todos-count {
|
|
color: $muted;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.brain-todos-list {
|
|
color: $subtext1;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
padding: 4px 0 4px 16px;
|
|
}
|
|
|
|
.brain-terminal-placeholder {
|
|
color: $muted;
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
padding: 8px 0 4px 16px;
|
|
}
|
|
}
|