This repository has no description
Something went wrong. Try again.
5.1 kB · 181 lines
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182/* SPDX-License-Identifier: AGPL-3.0-or-later */
.studioRoot { --studio-bg-canvas: var(--background-primary); --studio-bg-editor: var(--background-primary); --studio-bg-sidebar: var(--background-secondary); --studio-bg-toolbar: var(--background-secondary); --studio-bg-panel-header: color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%); --studio-bg-elevated: var(--background-secondary); --studio-bg-row-hover: var(--background-modifier-hover); --studio-bg-row-active: var(--background-modifier-selected); --studio-bg-input: var(--background-textarea); --studio-bg-input-hover: color-mix(in srgb, var(--background-textarea) 86%, var(--text-primary) 14%); --studio-bg-overlay: color-mix(in srgb, var(--background-secondary) 94%, transparent); --studio-bg-scrim: rgba(0, 0, 0, 0.48);
--studio-border: var(--background-modifier-accent); --studio-border-strong: var(--border-color-hover); --studio-border-input: var(--border-color); --studio-border-focus: var(--focus-primary); --studio-border-accent: var(--brand-primary);
--studio-fg-primary: var(--text-primary); --studio-fg-muted: var(--text-secondary); --studio-fg-subtle: var(--text-tertiary); --studio-fg-on-accent: var(--text-on-brand-primary);
--studio-accent: var(--brand-primary); --studio-accent-hover: var(--brand-secondary); --studio-accent-soft: color-mix(in srgb, var(--brand-primary) 18%, transparent); --studio-focus: var(--focus-primary);
--studio-button-primary: var(--brand-primary); --studio-button-primary-hover: color-mix(in srgb, var(--brand-primary) 88%, var(--text-primary) 12%); --studio-button-secondary: var(--button-secondary-fill); --studio-button-secondary-hover: var(--button-secondary-active-fill);
--studio-danger: var(--accent-danger); --studio-danger-hover: var(--button-danger-active-fill); --studio-danger-soft: color-mix(in srgb, var(--accent-danger) 14%, transparent); --studio-success: var(--accent-success); --studio-success-soft: color-mix(in srgb, var(--accent-success) 14%, transparent); --studio-warning: var(--accent-warning); --studio-warning-soft: color-mix(in srgb, var(--accent-warning) 14%, transparent);
--studio-shadow-overlay: var(--shadow-xl); --studio-shadow-panel: var(--shadow-sm); --studio-shadow-popover: var(--shadow-lg);
--studio-radius-sm: var(--radius-sm); --studio-radius-md: var(--radius-md); --studio-radius-lg: var(--radius-lg); --studio-radius-full: var(--radius-full);
--studio-row-height: 2.125rem; --studio-row-height-compact: 1.75rem; --studio-row-height-lg: 2.5rem;
--studio-toolbar-height: 2rem; --studio-sidebar-width: 14.25rem; --studio-sidebar-width-collapsed: 3rem;
--studio-pad-x: 0.75rem; --studio-pad-y: 0.5rem;
--studio-font-ui: var(--font-sans); --studio-font-mono: var(--font-mono);
--studio-fs-xs: 0.6875rem; --studio-fs-sm: 0.75rem; --studio-fs-md: 0.8125rem; --studio-fs-lg: 0.9375rem;
--studio-transition-fast: 90ms ease; --studio-transition-base: 140ms ease;}
.studioRoot[data-base-theme='light'] { --studio-bg-input-hover: color-mix(in srgb, var(--background-textarea) 92%, var(--text-primary) 8%); --studio-bg-scrim: rgba(0, 0, 0, 0.32);}
.studioRoot { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; height: 100%; min-height: 0; background: var(--studio-bg-canvas); color: var(--studio-fg-primary); font-family: var(--studio-font-ui); font-size: var(--studio-fs-md); line-height: 1.35; overflow: hidden; box-shadow: var(--studio-shadow-overlay); isolation: isolate; -webkit-app-region: no-drag;}
.studioRoot.standaloneRoot { box-shadow: none;}
.standaloneAppRoot { box-sizing: border-box; position: fixed; inset: 0; display: flex; flex-direction: column; min-height: 0; background: var(--background-primary); color: var(--text-primary); font-family: var(--font-sans); overflow: hidden;}
.standaloneRoot { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; background: var(--studio-bg-canvas); color: var(--studio-fg-primary); font-family: var(--studio-font-ui);}
.standaloneWindowControls { margin-left: 0.5rem; display: flex; align-items: stretch; height: 100%; -webkit-app-region: no-drag;}
.standaloneWindowControls * { -webkit-app-region: no-drag;}
.standaloneWindowControls button { color: var(--studio-fg-muted);}
.standaloneWindowControls button:not(:last-of-type):hover { background: var(--studio-bg-row-hover); color: var(--studio-fg-primary); border-color: var(--studio-border-strong);}
.windowControlActive { background: var(--studio-bg-row-active); color: var(--studio-fg-primary);}
.bodyRow { display: flex; flex: 1 1 auto; min-height: 0; min-width: 0; -webkit-app-region: no-drag;}
.bodyRow * { -webkit-app-region: no-drag;}
.workspace { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; background: var(--studio-bg-canvas); position: relative;}
@media (max-width: 720px) { .studioRoot { --studio-sidebar-width: var(--studio-sidebar-width-collapsed); }}