57 lines
1.1 KiB
CSS
57 lines
1.1 KiB
CSS
/* AIGen display tokens — Classic | Studio
|
|
Apply on [data-display] wrapper. Do not fork components. */
|
|
|
|
:root,
|
|
[data-display="studio"] {
|
|
--bg: #0e0e10;
|
|
--bg-raise: #161618;
|
|
--bg-slot: #1c1c1f;
|
|
--line: #2a2a2e;
|
|
--text: #f3f1ea;
|
|
--muted: #9a9588;
|
|
--amber: #f5a524;
|
|
--amber-dim: #c4841c;
|
|
--radius: 8px;
|
|
--chrome-gap: 16px;
|
|
--rail-h: 40px;
|
|
--card-pad: 14px;
|
|
--header-h: 52px;
|
|
--type: 14px;
|
|
--type-sm: 12px;
|
|
}
|
|
|
|
[data-display="classic"] {
|
|
--chrome-gap: 8px;
|
|
--rail-h: 32px;
|
|
--card-pad: 10px;
|
|
--header-h: 44px;
|
|
--type: 13px;
|
|
}
|
|
|
|
[data-display] {
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-size: var(--type);
|
|
}
|
|
|
|
[data-display="classic"] .rail-task,
|
|
[data-display="classic"] .rail-model {
|
|
display: none;
|
|
}
|
|
[data-display="studio"] .classic-selects {
|
|
display: none;
|
|
}
|
|
[data-display="classic"] .identity-slots {
|
|
display: none;
|
|
}
|
|
[data-display="studio"] .identity-header {
|
|
display: none;
|
|
}
|
|
[data-display="classic"] .eye-tile,
|
|
[data-display="classic"] .eye-viewer {
|
|
display: none;
|
|
}
|
|
[data-display="studio"] .classic-hide {
|
|
display: none;
|
|
}
|