25 lines
2.2 KiB
CSS
25 lines
2.2 KiB
CSS
/* Shared chrome uses the canonical package tokens; artwork keeps its own palette. */
|
|
html,body{background:var(--background);color:var(--foreground);color-scheme:inherit}
|
|
body{margin:0}
|
|
.endoleap-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;line-height:1.15;vertical-align:middle;letter-spacing:normal;font-weight:650}
|
|
.endoleap-brand .endoleap-mark{width:32px;height:32px;object-fit:contain;flex-shrink:0}
|
|
.endoleap-mark-dark{display:none!important}
|
|
[data-theme$="-dark"] .endoleap-mark-light{display:none!important}
|
|
[data-theme$="-dark"] .endoleap-mark-dark{display:block!important}
|
|
.endoleap-wordmark{display:flex!important;flex-direction:column;font-size:17px!important;color:var(--foreground-strong)!important;letter-spacing:.02em!important;margin:0!important;gap:3px}
|
|
.endoleap-wordmark small{display:block;font-size:9px;font-weight:500;letter-spacing:.08em;color:var(--muted-foreground)}
|
|
button.endoleap-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:8px;padding:7px 9px;font-size:12px;line-height:1.2;flex-shrink:0;cursor:pointer}
|
|
button.endoleap-theme-toggle:hover{background:var(--row-hover)}
|
|
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--ring);outline-offset:3px}
|
|
::selection{background:var(--selection);color:var(--foreground)}
|
|
@media(max-width:600px){.endoleap-theme-toggle span{display:none}.endoleap-brand{gap:5px}.endoleap-brand .endoleap-mark{width:26px;height:26px}.endoleap-wordmark{font-size:14px!important}}
|
|
|
|
button:disabled{cursor:default}
|
|
input,textarea,select{accent-color:var(--primary)}
|
|
|
|
.is-editing.native-layout-page{background:var(--background);color:var(--foreground)}
|
|
.studio-mark,.page-tools,.workbench-top,.workbench-layers,.workbench-properties,.element-popover,.page-edit-info{color:var(--foreground)}
|
|
.workbench-top button.primary,.page-tools .page-save,.trial-actions .trial-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
|
|
.workbench-top button.primary:hover,.page-tools .page-save:hover{background:var(--primary-hover)}
|
|
.native-element.is-selected,.proof-active .proof-select{outline-color:var(--selection-border)}
|