Ryan Malloy
b7a370c1f4
XY-mode Lissajous display renders stereo audio on a canvas inside a warm champagne bezel with recessed CRT bay, labeled control sections (Vertical/Horizontal/Trigger), rotary knobs, and power LED. Uses modern AnalyserNode + rAF pipeline instead of deprecated ScriptProcessor. Audio: "Spirals" by Jerobeam Fenderson (CC BY-NC-SA 4.0) Visual: Nick Watton, adapted from gist by rsp2k
52 lines
1.4 KiB
CSS
52 lines
1.4 KiB
CSS
/* mcltspice docs -- teal accent, zinc grays
|
|
* Oscilloscope-trace aesthetic for an EDA tool */
|
|
|
|
@import "@astrojs/starlight-tailwind";
|
|
@import "tailwindcss";
|
|
@import "./oscilloscope.css";
|
|
|
|
:root {
|
|
--sl-color-accent-low: #083344; /* teal-950 */
|
|
--sl-color-accent: #0d9488; /* teal-600 */
|
|
--sl-color-accent-high: #ccfbf1; /* teal-100 */
|
|
|
|
--sl-color-gray-1: #fafafa; /* zinc-50 */
|
|
--sl-color-gray-2: #e4e4e7; /* zinc-200 */
|
|
--sl-color-gray-3: #a1a1aa; /* zinc-400 */
|
|
--sl-color-gray-4: #52525b; /* zinc-600 */
|
|
--sl-color-gray-5: #27272a; /* zinc-800 */
|
|
--sl-color-gray-6: #18181b; /* zinc-900 */
|
|
--sl-color-gray-7: #0f0f11; /* near-black */
|
|
}
|
|
|
|
:root[data-theme="dark"] {
|
|
--sl-color-accent-low: #083344;
|
|
--sl-color-accent: #2dd4bf; /* teal-400 in dark */
|
|
--sl-color-accent-high: #042f2e; /* teal-950 */
|
|
|
|
--sl-color-gray-1: #0f0f11;
|
|
--sl-color-gray-2: #18181b;
|
|
--sl-color-gray-3: #3f3f46;
|
|
--sl-color-gray-4: #a1a1aa;
|
|
--sl-color-gray-5: #d4d4d8;
|
|
--sl-color-gray-6: #e4e4e7;
|
|
--sl-color-gray-7: #fafafa;
|
|
}
|
|
|
|
/* Tool reference parameter tables */
|
|
.param-table th {
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.param-table code {
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.param-table td:first-child {
|
|
font-family: var(--sl-font-mono);
|
|
font-weight: 500;
|
|
color: var(--sl-color-accent);
|
|
}
|