Erstatt hardkodede hex-farger med CSS-variabler i trait-komponenter
Fjernet ~170 hardkodede hex-verdier i style-blokker across 7 filer og erstattet med var(--color-*) for full temastøtte. Filer: ChatTrait, EditorTrait, OrchestrationTrait, CalendarTrait, KanbanTrait, MindMapTrait, StudioTrait. D3-visualiseringsfarger (MindMapTrait) og fargevelger-palett (SoundPadGrid) beholdt som funksjonelle farger.
This commit is contained in:
parent
b663199515
commit
b088e877ac
7 changed files with 301 additions and 301 deletions
|
|
@ -481,7 +481,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -494,7 +494,7 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-bottom: 1px solid #f3f4f6;
|
border-bottom: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-nav-btn {
|
.cal-nav-btn {
|
||||||
|
|
@ -503,18 +503,18 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 28px;
|
width: 28px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-nav-btn:hover {
|
.cal-nav-btn:hover {
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-nav-center {
|
.cal-nav-center {
|
||||||
|
|
@ -527,22 +527,22 @@
|
||||||
.cal-nav-title {
|
.cal-nav-title {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-today-btn {
|
.cal-today-btn {
|
||||||
padding: 2px 6px;
|
padding: 2px 6px;
|
||||||
border: none;
|
border: none;
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-today-btn:hover {
|
.cal-today-btn:hover {
|
||||||
background: #e5e7eb;
|
background: var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
@ -558,8 +558,8 @@
|
||||||
.cal-day-headers {
|
.cal-day-headers {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(7, 1fr);
|
grid-template-columns: repeat(7, 1fr);
|
||||||
border-bottom: 1px solid #2a2a2e;
|
border-bottom: 1px solid var(--color-border);
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
@ -569,7 +569,7 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
|
|
@ -585,23 +585,23 @@
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.cal-day {
|
.cal-day {
|
||||||
min-height: 56px;
|
min-height: 56px;
|
||||||
border-bottom: 1px solid #f3f4f6;
|
border-bottom: 1px solid var(--color-border);
|
||||||
border-right: 1px solid #f3f4f6;
|
border-right: 1px solid var(--color-border);
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-day-other {
|
.cal-day-other {
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-day-today {
|
.cal-day-today {
|
||||||
background: #eff6ff;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-day-drop {
|
.cal-day-drop {
|
||||||
box-shadow: inset 0 0 0 2px #60a5fa;
|
box-shadow: inset 0 0 0 2px var(--color-accent);
|
||||||
background: #eff6ff;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-day-num-row {
|
.cal-day-num-row {
|
||||||
|
|
@ -614,16 +614,16 @@
|
||||||
.cal-day-num {
|
.cal-day-num {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-day-other .cal-day-num {
|
.cal-day-other .cal-day-num {
|
||||||
color: #d1d5db;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-day-num-today {
|
.cal-day-num-today {
|
||||||
background: #2563eb;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
padding: 1px 4px;
|
padding: 1px 4px;
|
||||||
|
|
@ -632,7 +632,7 @@
|
||||||
.cal-add-btn {
|
.cal-add-btn {
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #d1d5db;
|
color: var(--color-text-muted);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
@ -640,7 +640,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-add-btn:hover {
|
.cal-add-btn:hover {
|
||||||
color: #2563eb;
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
@ -670,27 +670,27 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-event-default {
|
.cal-event-default {
|
||||||
background: #fef3c7;
|
background: var(--color-surface);
|
||||||
border-color: #fcd34d;
|
border-color: var(--color-warning);
|
||||||
color: #92400e;
|
color: var(--color-warning);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-event-comm {
|
.cal-event-comm {
|
||||||
background: #dbeafe;
|
background: var(--color-surface);
|
||||||
border-color: #93c5fd;
|
border-color: var(--color-accent);
|
||||||
color: #1e40af;
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-event-media {
|
.cal-event-media {
|
||||||
background: #ede9fe;
|
background: var(--color-surface);
|
||||||
border-color: #c4b5fd;
|
border-color: var(--color-accent);
|
||||||
color: #5b21b6;
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-event-coll {
|
.cal-event-coll {
|
||||||
background: #d1fae5;
|
background: var(--color-surface);
|
||||||
border-color: #6ee7b7;
|
border-color: var(--color-success);
|
||||||
color: #065f46;
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-event-time {
|
.cal-event-time {
|
||||||
|
|
@ -710,15 +710,15 @@
|
||||||
.cal-add-form {
|
.cal-add-form {
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border: 1px solid #bfdbfe;
|
border: 1px solid var(--color-accent);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-add-input {
|
.cal-add-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -726,7 +726,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-add-input:focus {
|
.cal-add-input:focus {
|
||||||
border-color: #60a5fa;
|
border-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-add-time {
|
.cal-add-time {
|
||||||
|
|
@ -745,13 +745,13 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
background: #2563eb;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-add-submit:hover {
|
.cal-add-submit:hover {
|
||||||
background: #1d4ed8;
|
background: var(--color-accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-add-submit:disabled {
|
.cal-add-submit:disabled {
|
||||||
|
|
@ -765,12 +765,12 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-add-cancel:hover {
|
.cal-add-cancel:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
@ -778,7 +778,7 @@
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.cal-list {
|
.cal-list {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-top: 1px solid #e5e7eb;
|
border-top: 1px solid var(--color-border);
|
||||||
max-height: 140px;
|
max-height: 140px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -789,10 +789,10 @@
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-list-item {
|
.cal-list-item {
|
||||||
|
|
@ -806,7 +806,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-list-item:hover {
|
.cal-list-item:hover {
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-list-item:active {
|
.cal-list-item:active {
|
||||||
|
|
@ -815,14 +815,14 @@
|
||||||
|
|
||||||
.cal-list-date {
|
.cal-list-date {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cal-list-time {
|
.cal-list-time {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -830,7 +830,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
|
||||||
|
|
@ -386,7 +386,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|
@ -412,7 +412,7 @@
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.05em;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-channel-item {
|
.chat-channel-item {
|
||||||
|
|
@ -424,13 +424,13 @@
|
||||||
background: transparent;
|
background: transparent;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
transition: background 0.1s;
|
transition: background 0.1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-channel-item:hover {
|
.chat-channel-item:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-channel-icon {
|
.chat-channel-icon {
|
||||||
|
|
@ -462,7 +462,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
border-bottom: 1px solid #f3f4f6;
|
border-bottom: 1px solid var(--color-border);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
min-height: 32px;
|
min-height: 32px;
|
||||||
}
|
}
|
||||||
|
|
@ -477,13 +477,13 @@
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-back-btn:hover {
|
.chat-back-btn:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-back-icon {
|
.chat-back-icon {
|
||||||
|
|
@ -494,7 +494,7 @@
|
||||||
.chat-subheader-title {
|
.chat-subheader-title {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
@ -503,7 +503,7 @@
|
||||||
|
|
||||||
.chat-subheader-participants {
|
.chat-subheader-participants {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -526,7 +526,7 @@
|
||||||
.chat-messages-empty {
|
.chat-messages-empty {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
padding: 24px 8px;
|
padding: 24px 8px;
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
}
|
}
|
||||||
|
|
@ -557,37 +557,37 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-bubble-own {
|
.chat-bubble-own {
|
||||||
background: #2563eb;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-bubble-own-audio {
|
.chat-bubble-own-audio {
|
||||||
background: #eff6ff;
|
background: var(--color-accent-glow);
|
||||||
border: 1px solid #bfdbfe;
|
border: 1px solid var(--color-accent);
|
||||||
color: #1e293b;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-bubble-other {
|
.chat-bubble-other {
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
color: #1e293b;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-bubble-bot {
|
.chat-bubble-bot {
|
||||||
background: #fffbeb;
|
background: var(--color-surface);
|
||||||
border: 1px solid #fde68a;
|
border: 1px solid var(--color-border);
|
||||||
color: #1e293b;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-sender {
|
.chat-sender {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #2563eb;
|
color: var(--color-accent);
|
||||||
margin-bottom: 1px;
|
margin-bottom: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-sender-bot {
|
.chat-sender-bot {
|
||||||
color: #b45309;
|
color: var(--color-warning);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-text {
|
.chat-text {
|
||||||
|
|
@ -600,7 +600,7 @@
|
||||||
|
|
||||||
.chat-time {
|
.chat-time {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
text-align: right;
|
text-align: right;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
@ -617,7 +617,7 @@
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #2563eb;
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-audio-icon {
|
.chat-audio-icon {
|
||||||
|
|
@ -630,8 +630,8 @@
|
||||||
.chat-input-area {
|
.chat-input-area {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
border-top: 1px solid #f3f4f6;
|
border-top: 1px solid var(--color-border);
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
|
||||||
|
|
@ -739,20 +739,20 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-bottom: 1px solid #f3f4f6;
|
border-bottom: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-list-meta {
|
.editor-list-meta {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-list-count {
|
.editor-list-count {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
|
|
@ -762,10 +762,10 @@
|
||||||
margin: 8px 12px 0;
|
margin: 8px 12px 0;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
border: 1px solid #fecaca;
|
border: 1px solid var(--color-error);
|
||||||
background: #fef2f2;
|
background: var(--color-surface);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #b91c1c;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-error-dismiss {
|
.editor-error-dismiss {
|
||||||
|
|
@ -788,7 +788,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
|
|
@ -800,7 +800,7 @@
|
||||||
|
|
||||||
.editor-empty-hint {
|
.editor-empty-hint {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #d1d5db;
|
color: var(--color-text-muted);
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -818,8 +818,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item {
|
.editor-item {
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -828,22 +828,22 @@
|
||||||
|
|
||||||
.editor-item:hover {
|
.editor-item:hover {
|
||||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
||||||
border-color: #d1d5db;
|
border-color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-drop {
|
.editor-item-drop {
|
||||||
border-color: #a78bfa;
|
border-color: var(--color-accent);
|
||||||
background: #f5f3ff;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-incompat {
|
.editor-item-incompat {
|
||||||
border-color: #f87171;
|
border-color: var(--color-error);
|
||||||
background: #fef2f2;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-processing {
|
.editor-item-processing {
|
||||||
border-color: #fbbf24;
|
border-color: var(--color-warning);
|
||||||
background: #fffbeb;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-feedback {
|
.editor-item-feedback {
|
||||||
|
|
@ -853,19 +853,19 @@
|
||||||
|
|
||||||
.editor-item-feedback-reason {
|
.editor-item-feedback-reason {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-feedback-suggestion {
|
.editor-item-feedback-suggestion {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #f87171;
|
color: var(--color-error);
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-feedback-ok {
|
.editor-item-feedback-ok {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #7c3aed;
|
color: var(--color-accent);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -880,7 +880,7 @@
|
||||||
width: 3px;
|
width: 3px;
|
||||||
min-height: 24px;
|
min-height: 24px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background: #a78bfa;
|
background: var(--color-accent);
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -895,7 +895,7 @@
|
||||||
.editor-item-title {
|
.editor-item-title {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -903,7 +903,7 @@
|
||||||
.editor-item-processing-label {
|
.editor-item-processing-label {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #d97706;
|
color: var(--color-warning);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -913,7 +913,7 @@
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -922,11 +922,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-result-ok {
|
.editor-item-result-ok {
|
||||||
color: #059669;
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-result-err {
|
.editor-item-result-err {
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-meta {
|
.editor-item-meta {
|
||||||
|
|
@ -939,12 +939,12 @@
|
||||||
|
|
||||||
.editor-item-source-count {
|
.editor-item-source-count {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #7c3aed;
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-time {
|
.editor-item-time {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-actions {
|
.editor-item-actions {
|
||||||
|
|
@ -966,23 +966,23 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-action:hover {
|
.editor-item-action:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-action-danger {
|
.editor-item-action-danger {
|
||||||
color: #ef4444;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-item-action-danger:hover {
|
.editor-item-action-danger:hover {
|
||||||
background: #fef2f2;
|
background: var(--color-surface);
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
@ -993,7 +993,7 @@
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-top: 1px solid #f3f4f6;
|
border-top: 1px solid var(--color-border);
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1002,15 +1002,15 @@
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
transition: background 0.1s, color 0.1s;
|
transition: background 0.1s, color 0.1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-new-btn:hover {
|
.editor-new-btn:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-btn {
|
.editor-publish-btn {
|
||||||
|
|
@ -1019,14 +1019,14 @@
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
background: #059669;
|
background: var(--color-success);
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background 0.1s;
|
transition: background 0.1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-btn:hover {
|
.editor-publish-btn:hover {
|
||||||
background: #047857;
|
background: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-create-form {
|
.editor-create-form {
|
||||||
|
|
@ -1039,7 +1039,7 @@
|
||||||
.editor-create-input {
|
.editor-create-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -1047,7 +1047,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-create-input:focus {
|
.editor-create-input:focus {
|
||||||
border-color: #60a5fa;
|
border-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-create-buttons {
|
.editor-create-buttons {
|
||||||
|
|
@ -1061,13 +1061,13 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
background: #2563eb;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-create-btn:hover {
|
.editor-create-btn:hover {
|
||||||
background: #1d4ed8;
|
background: var(--color-accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-create-btn:disabled {
|
.editor-create-btn:disabled {
|
||||||
|
|
@ -1081,12 +1081,12 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-cancel-btn:hover {
|
.editor-cancel-btn:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
@ -1096,20 +1096,20 @@
|
||||||
margin: 0 8px 8px;
|
margin: 0 8px 8px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
border: 1px solid #a7f3d0;
|
border: 1px solid var(--color-success);
|
||||||
background: #ecfdf5;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-picker-title {
|
.editor-publish-picker-title {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #065f46;
|
color: var(--color-success);
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-picker-empty {
|
.editor-publish-picker-empty {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #059669;
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-picker-list {
|
.editor-publish-picker-list {
|
||||||
|
|
@ -1138,17 +1138,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-picker-item:hover {
|
.editor-publish-picker-item:hover {
|
||||||
background: #d1fae5;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-picker-name {
|
.editor-publish-picker-name {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-publish-picker-preview {
|
.editor-publish-picker-preview {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
@ -1168,7 +1168,7 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 6px 10px;
|
padding: 6px 10px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-bottom: 1px solid #f3f4f6;
|
border-bottom: 1px solid var(--color-border);
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1176,7 +1176,7 @@
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
@ -1184,8 +1184,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-back-btn:hover {
|
.editor-back-btn:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-toolbar-right {
|
.editor-toolbar-right {
|
||||||
|
|
@ -1195,10 +1195,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-sources-btn {
|
.editor-sources-btn {
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #7c3aed;
|
color: var(--color-accent);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 3px 8px;
|
padding: 3px 8px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
@ -1206,17 +1206,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-sources-btn:hover {
|
.editor-sources-btn:hover {
|
||||||
background: #f5f3ff;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-sources-btn-active {
|
.editor-sources-btn-active {
|
||||||
background: #ede9fe;
|
background: var(--color-surface-hover);
|
||||||
border-color: #c4b5fd;
|
border-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-save-btn {
|
.editor-save-btn {
|
||||||
border: none;
|
border: none;
|
||||||
background: #2563eb;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -1227,7 +1227,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-save-btn:hover {
|
.editor-save-btn:hover {
|
||||||
background: #1d4ed8;
|
background: var(--color-accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-save-btn:disabled {
|
.editor-save-btn:disabled {
|
||||||
|
|
@ -1240,11 +1240,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-save-ok {
|
.editor-save-ok {
|
||||||
color: #059669;
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-save-error {
|
.editor-save-error {
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-body {
|
.editor-body {
|
||||||
|
|
@ -1267,10 +1267,10 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 6px 4px;
|
padding: 6px 4px;
|
||||||
border: none;
|
border: none;
|
||||||
border-bottom: 1px solid #2a2a2e;
|
border-bottom: 1px solid var(--color-border);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
outline: none;
|
outline: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
@ -1278,7 +1278,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-title-input:focus {
|
.editor-title-input:focus {
|
||||||
border-bottom-color: #60a5fa;
|
border-bottom-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-textarea {
|
.editor-textarea {
|
||||||
|
|
@ -1288,7 +1288,7 @@
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
outline: none;
|
outline: none;
|
||||||
resize: none;
|
resize: none;
|
||||||
|
|
@ -1303,16 +1303,16 @@
|
||||||
.editor-sources-panel {
|
.editor-sources-panel {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-left: 1px solid #f3f4f6;
|
border-left: 1px solid var(--color-border);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background: #fafafa;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-sources-title {
|
.editor-sources-title {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
|
|
@ -1337,7 +1337,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-source-item:hover {
|
.editor-source-item:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-source-icon {
|
.editor-source-icon {
|
||||||
|
|
@ -1357,14 +1357,14 @@
|
||||||
.editor-source-name {
|
.editor-source-name {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-source-context {
|
.editor-source-context {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
|
||||||
|
|
@ -388,7 +388,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|
@ -420,14 +420,14 @@
|
||||||
flex: 1 1 0;
|
flex: 1 1 0;
|
||||||
min-width: 140px;
|
min-width: 140px;
|
||||||
max-width: 320px;
|
max-width: 320px;
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: box-shadow 0.15s;
|
transition: box-shadow 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-column-dragover {
|
.kanban-column-dragover {
|
||||||
box-shadow: inset 0 0 0 2px #60a5fa;
|
box-shadow: inset 0 0 0 2px var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-column-header {
|
.kanban-column-header {
|
||||||
|
|
@ -441,15 +441,15 @@
|
||||||
.kanban-column-title {
|
.kanban-column-title {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-column-count {
|
.kanban-column-count {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
|
|
@ -469,8 +469,8 @@
|
||||||
/* Card */
|
/* Card */
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.kanban-card {
|
.kanban-card {
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
|
|
@ -493,7 +493,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
@ -504,7 +504,7 @@
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
@ -512,7 +512,7 @@
|
||||||
.kanban-card-time {
|
.kanban-card-time {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -526,7 +526,7 @@
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
@ -535,12 +535,12 @@
|
||||||
|
|
||||||
.kanban-add-trigger:hover {
|
.kanban-add-trigger:hover {
|
||||||
background: rgba(255, 255, 255, 0.6);
|
background: rgba(255, 255, 255, 0.6);
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-add-form {
|
.kanban-add-form {
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border: 1px solid #bfdbfe;
|
border: 1px solid var(--color-accent);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
}
|
}
|
||||||
|
|
@ -548,7 +548,7 @@
|
||||||
.kanban-add-input {
|
.kanban-add-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -556,7 +556,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-add-input:focus {
|
.kanban-add-input:focus {
|
||||||
border-color: #60a5fa;
|
border-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-add-actions {
|
.kanban-add-actions {
|
||||||
|
|
@ -571,13 +571,13 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
background: #2563eb;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-add-btn:hover {
|
.kanban-add-btn:hover {
|
||||||
background: #1d4ed8;
|
background: var(--color-accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-add-btn:disabled {
|
.kanban-add-btn:disabled {
|
||||||
|
|
@ -591,12 +591,12 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-cancel-btn:hover {
|
.kanban-cancel-btn:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
|
||||||
|
|
@ -505,7 +505,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-height: 200px;
|
min-height: 200px;
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -515,8 +515,8 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding: 6px 10px;
|
padding: 6px 10px;
|
||||||
border-bottom: 1px solid #2a2a2e;
|
border-bottom: 1px solid var(--color-border);
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
@ -531,7 +531,7 @@
|
||||||
.mindmap-title {
|
.mindmap-title {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
@ -540,32 +540,32 @@
|
||||||
|
|
||||||
.mindmap-count {
|
.mindmap-count {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mindmap-btn {
|
.mindmap-btn {
|
||||||
padding: 3px 8px;
|
padding: 3px 8px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mindmap-btn:hover {
|
.mindmap-btn:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mindmap-btn-active {
|
.mindmap-btn-active {
|
||||||
background: #eef2ff;
|
background: var(--color-surface);
|
||||||
border-color: #818cf8;
|
border-color: var(--color-accent);
|
||||||
color: #4f46e5;
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mindmap-depth-label {
|
.mindmap-depth-label {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 3px;
|
gap: 3px;
|
||||||
|
|
@ -573,9 +573,9 @@
|
||||||
|
|
||||||
.mindmap-depth-select {
|
.mindmap-depth-select {
|
||||||
padding: 1px 4px;
|
padding: 1px 4px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -599,25 +599,25 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mindmap-empty-sub {
|
.mindmap-empty-sub {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #d1d5db;
|
color: var(--color-text-muted);
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mindmap-legend {
|
.mindmap-legend {
|
||||||
padding: 4px 10px;
|
padding: 4px 10px;
|
||||||
border-top: 1px solid #e5e7eb;
|
border-top: 1px solid var(--color-border);
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mindmap-legend-hint {
|
.mindmap-legend-hint {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile: simplify */
|
/* Mobile: simplify */
|
||||||
|
|
|
||||||
|
|
@ -554,7 +554,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
@ -565,7 +565,7 @@
|
||||||
|
|
||||||
.orch-empty-hint {
|
.orch-empty-hint {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #d1d5db;
|
color: var(--color-text-muted);
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -574,24 +574,24 @@
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.orch-selector {
|
.orch-selector {
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
border-bottom: 1px solid #2a2a2e;
|
border-bottom: 1px solid var(--color-border);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-title {
|
.orch-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-select {
|
.orch-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-select-sm {
|
.orch-select-sm {
|
||||||
|
|
@ -604,7 +604,7 @@
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.orch-trigger {
|
.orch-trigger {
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
border-bottom: 1px solid #2a2a2e;
|
border-bottom: 1px solid var(--color-border);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -617,7 +617,7 @@
|
||||||
|
|
||||||
.orch-label {
|
.orch-label {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
@ -629,7 +629,7 @@
|
||||||
.orch-tabs {
|
.orch-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-bottom: 1px solid #2a2a2e;
|
border-bottom: 1px solid var(--color-border);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
gap: 0;
|
gap: 0;
|
||||||
|
|
@ -643,19 +643,19 @@
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-bottom: 2px solid transparent;
|
border-bottom: 2px solid transparent;
|
||||||
transition: color 0.12s, border-color 0.12s;
|
transition: color 0.12s, border-color 0.12s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-tab:hover {
|
.orch-tab:hover {
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-tab-active {
|
.orch-tab-active {
|
||||||
color: #4f46e5;
|
color: var(--color-accent);
|
||||||
border-bottom-color: #4f46e5;
|
border-bottom-color: var(--color-accent);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -667,8 +667,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-tab-badge-error {
|
.orch-tab-badge-error {
|
||||||
background: #fef2f2;
|
background: var(--color-surface);
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-tab-spacer {
|
.orch-tab-spacer {
|
||||||
|
|
@ -683,18 +683,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-status-compiling {
|
.orch-status-compiling {
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-status-ok {
|
.orch-status-ok {
|
||||||
color: #059669;
|
color: var(--color-success);
|
||||||
background: #ecfdf5;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-status-error {
|
.orch-status-error {
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
background: #fef2f2;
|
background: var(--color-surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
@ -724,13 +724,13 @@
|
||||||
font-family: 'JetBrains Mono', 'Fira Code', monospace;
|
font-family: 'JetBrains Mono', 'Fira Code', monospace;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-editor::placeholder {
|
.orch-editor::placeholder {
|
||||||
color: #c4c9d0;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-readonly {
|
.orch-readonly {
|
||||||
|
|
@ -740,8 +740,8 @@
|
||||||
font-family: 'JetBrains Mono', 'Fira Code', monospace;
|
font-family: 'JetBrains Mono', 'Fira Code', monospace;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
border: none;
|
border: none;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
|
@ -750,21 +750,21 @@
|
||||||
|
|
||||||
.orch-readonly-json {
|
.orch-readonly-json {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #4b5563;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
/* Diagnostics */
|
/* Diagnostics */
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.orch-diagnostics {
|
.orch-diagnostics {
|
||||||
border-top: 1px solid #e5e7eb;
|
border-top: 1px solid var(--color-border);
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 3px;
|
gap: 3px;
|
||||||
max-height: 160px;
|
max-height: 160px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -783,30 +783,30 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-diag-ok .orch-diag-icon {
|
.orch-diag-ok .orch-diag-icon {
|
||||||
color: #059669;
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-diag-error .orch-diag-icon {
|
.orch-diag-error .orch-diag-icon {
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-diag-line {
|
.orch-diag-line {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-diag-text {
|
.orch-diag-text {
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-diag-error .orch-diag-text {
|
.orch-diag-error .orch-diag-text {
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-diag-suggestion {
|
.orch-diag-suggestion {
|
||||||
color: #7c3aed;
|
color: var(--color-accent);
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -818,14 +818,14 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
border-top: 1px solid #e5e7eb;
|
border-top: 1px solid var(--color-border);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn {
|
.orch-btn {
|
||||||
padding: 5px 12px;
|
padding: 5px 12px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -839,37 +839,37 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-primary {
|
.orch-btn-primary {
|
||||||
background: #4f46e5;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
border-color: #4f46e5;
|
border-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-primary:hover:not(:disabled) {
|
.orch-btn-primary:hover:not(:disabled) {
|
||||||
background: #4338ca;
|
background: var(--color-accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-test {
|
.orch-btn-test {
|
||||||
background: #059669;
|
background: var(--color-success);
|
||||||
color: white;
|
color: white;
|
||||||
border-color: #059669;
|
border-color: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-test:hover:not(:disabled) {
|
.orch-btn-test:hover:not(:disabled) {
|
||||||
background: #047857;
|
background: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-secondary {
|
.orch-btn-secondary {
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-secondary:hover:not(:disabled) {
|
.orch-btn-secondary:hover:not(:disabled) {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-test-info {
|
.orch-test-info {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -877,10 +877,10 @@
|
||||||
/* History panel */
|
/* History panel */
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.orch-history {
|
.orch-history {
|
||||||
border-top: 1px solid #e5e7eb;
|
border-top: 1px solid var(--color-border);
|
||||||
max-height: 240px;
|
max-height: 240px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -891,31 +891,31 @@
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
border-bottom: 1px solid #2a2a2e;
|
border-bottom: 1px solid var(--color-border);
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
background: #141416;
|
background: var(--color-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-refresh {
|
.orch-btn-refresh {
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #4b5563;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-refresh:hover {
|
.orch-btn-refresh:hover {
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-history-empty {
|
.orch-history-empty {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -930,7 +930,7 @@
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding: 5px 12px;
|
padding: 5px 12px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
border-bottom: 1px solid #f3f4f6;
|
border-bottom: 1px solid var(--color-border);
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -942,16 +942,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-history-ok .orch-history-status {
|
.orch-history-ok .orch-history-status {
|
||||||
color: #059669;
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-history-error .orch-history-status {
|
.orch-history-error .orch-history-status {
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-history-step {
|
.orch-history-step {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
min-width: 20px;
|
min-width: 20px;
|
||||||
}
|
}
|
||||||
|
|
@ -959,18 +959,18 @@
|
||||||
.orch-history-binary {
|
.orch-history-binary {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-history-duration {
|
.orch-history-duration {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-history-time {
|
.orch-history-time {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -978,7 +978,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 3px 0 3px 22px;
|
padding: 3px 0 3px 22px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -986,9 +986,9 @@
|
||||||
/* AI-assist panel */
|
/* AI-assist panel */
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
.orch-ai-panel {
|
.orch-ai-panel {
|
||||||
border-top: 1px solid #e5e7eb;
|
border-top: 1px solid var(--color-border);
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
background: #f0f4ff;
|
background: var(--color-surface);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
|
|
@ -1004,7 +1004,7 @@
|
||||||
.orch-ai-label {
|
.orch-ai-label {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #4f46e5;
|
color: var(--color-accent);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
}
|
}
|
||||||
|
|
@ -1013,43 +1013,43 @@
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-close:hover {
|
.orch-btn-close:hover {
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-ai-input {
|
.orch-ai-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
border: 1px solid #c7d2fe;
|
border: 1px solid var(--color-accent);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
min-height: 48px;
|
min-height: 48px;
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-ai-input::placeholder {
|
.orch-ai-input::placeholder {
|
||||||
color: #a5b4fc;
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-ai-input:focus {
|
.orch-ai-input:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
border-color: #4f46e5;
|
border-color: var(--color-accent);
|
||||||
box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
|
box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-ai-error {
|
.orch-ai-error {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #dc2626;
|
color: var(--color-error);
|
||||||
background: #fef2f2;
|
background: var(--color-surface);
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
@ -1060,23 +1060,23 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-ai {
|
.orch-btn-ai {
|
||||||
background: #4f46e5;
|
background: var(--color-accent);
|
||||||
color: white;
|
color: white;
|
||||||
border-color: #4f46e5;
|
border-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-ai:hover:not(:disabled) {
|
.orch-btn-ai:hover:not(:disabled) {
|
||||||
background: #4338ca;
|
background: var(--color-accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-ai-toggle {
|
.orch-btn-ai-toggle {
|
||||||
background: #eef2ff;
|
background: var(--color-surface);
|
||||||
color: #4f46e5;
|
color: var(--color-accent);
|
||||||
border-color: #c7d2fe;
|
border-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.orch-btn-ai-toggle:hover:not(:disabled) {
|
.orch-btn-ai-toggle:hover:not(:disabled) {
|
||||||
background: #e0e7ff;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
|
||||||
|
|
@ -238,7 +238,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
|
|
@ -250,7 +250,7 @@
|
||||||
|
|
||||||
.studio-empty-hint {
|
.studio-empty-hint {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #d1d5db;
|
color: var(--color-text-muted);
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -263,20 +263,20 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
border-bottom: 1px solid #f3f4f6;
|
border-bottom: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-header-label {
|
.studio-header-label {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-header-count {
|
.studio-header-count {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
background: #242428;
|
background: var(--color-surface-hover);
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
|
|
@ -296,8 +296,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-item {
|
.studio-item {
|
||||||
background: #1c1c20;
|
background: var(--color-surface);
|
||||||
border: 1px solid #2a2a2e;
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
|
|
@ -306,7 +306,7 @@
|
||||||
|
|
||||||
.studio-item:hover {
|
.studio-item:hover {
|
||||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
||||||
border-color: #d1d5db;
|
border-color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-item:active {
|
.studio-item:active {
|
||||||
|
|
@ -336,7 +336,7 @@
|
||||||
.studio-item-title {
|
.studio-item-title {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #e8e8ec;
|
color: var(--color-text);
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
@ -353,8 +353,8 @@
|
||||||
.studio-item-tag {
|
.studio-item-tag {
|
||||||
font-size: 9px;
|
font-size: 9px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #7c3aed;
|
color: var(--color-accent);
|
||||||
background: #ede9fe;
|
background: var(--color-surface-hover);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
|
|
@ -362,18 +362,18 @@
|
||||||
|
|
||||||
.studio-item-duration {
|
.studio-item-duration {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #8a8a96;
|
color: var(--color-text-muted);
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-item-size {
|
.studio-item-size {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-item-date {
|
.studio-item-date {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #5a5a66;
|
color: var(--color-text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-item-actions {
|
.studio-item-actions {
|
||||||
|
|
@ -385,7 +385,7 @@
|
||||||
|
|
||||||
.studio-item-versions {
|
.studio-item-versions {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #059669;
|
color: var(--color-success);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -394,15 +394,15 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
background: #ede9fe;
|
background: var(--color-surface-hover);
|
||||||
color: #7c3aed;
|
color: var(--color-accent);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: background 0.1s;
|
transition: background 0.1s;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-edit-btn:hover {
|
.studio-edit-btn:hover {
|
||||||
background: #ddd6fe;
|
background: var(--color-surface-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ================================================================= */
|
/* ================================================================= */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue