many
This commit is contained in:
parent
0b9ff1363b
commit
0a6148c73f
67 changed files with 2653 additions and 1519 deletions
|
|
@ -1,4 +1,4 @@
|
|||
/* Generated CSS split from styles.css; preserve load order. */
|
||||
/* CSS split file; preserve manifest load order. */
|
||||
.tool-tip-popover {
|
||||
position: fixed;
|
||||
z-index: 2147483000;
|
||||
|
|
@ -70,6 +70,39 @@
|
|||
font-weight: 600;
|
||||
}
|
||||
|
||||
.selected-change-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
.selected-change-list li {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(72px, 0.85fr) minmax(120px, 1.3fr) 34px;
|
||||
gap: 6px;
|
||||
align-items: start;
|
||||
font-size: 11px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.selected-change-list span {
|
||||
color: var(--muted);
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.selected-change-list strong,
|
||||
.selected-change-list em {
|
||||
min-width: 0;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.selected-change-list strong {
|
||||
font-weight: 650;
|
||||
}
|
||||
.selected-change-list em {
|
||||
color: var(--muted);
|
||||
font-style: normal;
|
||||
line-height: 1.28;
|
||||
}
|
||||
|
||||
.relation-list-row {
|
||||
align-items: start;
|
||||
}
|
||||
|
|
@ -409,3 +442,111 @@
|
|||
background: radial-gradient(circle at top, rgba(255,251,243,0.98), rgba(245,238,225,0.96) 56%, rgba(234,225,208,0.98));
|
||||
transition: opacity .22s ease, visibility .22s ease;
|
||||
}
|
||||
|
||||
.selected-info .info-row[data-metric] {
|
||||
border-radius: 8px;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.selected-info .info-row[data-metric="hunger"] { background: rgba(244, 174, 88, 0.10); }
|
||||
.selected-info .info-row[data-metric="loneliness"] { background: rgba(116, 150, 214, 0.10); }
|
||||
.selected-info .info-row[data-metric="energy"] { background: rgba(104, 184, 96, 0.10); }
|
||||
.selected-info .info-row[data-metric="stress"] { background: rgba(214, 104, 88, 0.10); }
|
||||
.selected-info .info-row[data-metric="zunchi"] { background: rgba(112, 142, 70, 0.10); }
|
||||
.selected-info .info-row[data-metric="mood"] { background: rgba(222, 196, 86, 0.10); }
|
||||
.selected-info .info-row[data-metric="lack"] { background: rgba(142, 112, 184, 0.10); }
|
||||
.selected-personality-changes {
|
||||
align-items: start;
|
||||
}
|
||||
.selected-personality-changes > strong {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.selected-category[data-selected-category="basic"] { background: rgba(246, 236, 214, 0.32); }
|
||||
.selected-category[data-selected-category="health"] { background: rgba(232, 246, 222, 0.32); }
|
||||
.selected-category[data-selected-category="effects"] { background: rgba(238, 229, 252, 0.28); }
|
||||
.selected-category[data-selected-category="personality"] { background: rgba(255, 239, 214, 0.34); }
|
||||
.selected-category[data-selected-category="relation"] { background: rgba(224, 240, 252, 0.30); }
|
||||
.selected-category[data-selected-category="family"] { background: rgba(246, 226, 236, 0.28); }
|
||||
.selected-category[data-selected-category="records"] { background: rgba(242, 238, 226, 0.30); }
|
||||
|
||||
/* v15.20.6: color-blind safe panel themes and alternating inner tones. */
|
||||
.card.tool-card,
|
||||
.card.selected-card,
|
||||
.card.colony-card,
|
||||
.card.log-card {
|
||||
--ui-theme-rgb: 102, 102, 102;
|
||||
--ui-theme-strong: rgba(var(--ui-theme-rgb), 0.64);
|
||||
--ui-theme-mid: rgba(var(--ui-theme-rgb), 0.24);
|
||||
--ui-theme-soft: rgba(var(--ui-theme-rgb), 0.105);
|
||||
--ui-theme-soft-2: rgba(var(--ui-theme-rgb), 0.165);
|
||||
border-color: var(--ui-theme-mid);
|
||||
box-shadow: inset 4px 0 0 var(--ui-theme-strong), 0 10px 30px rgba(64, 48, 32, 0.08);
|
||||
}
|
||||
.card.tool-card { --ui-theme-rgb: 0, 114, 178; background: linear-gradient(180deg, rgba(242, 248, 252, 0.94), rgba(232, 243, 250, 0.91)); }
|
||||
.card.selected-card { --ui-theme-rgb: 204, 121, 167; background: linear-gradient(180deg, rgba(253, 245, 250, 0.94), rgba(249, 235, 244, 0.91)); }
|
||||
.card.colony-card { --ui-theme-rgb: 0, 158, 115; background: linear-gradient(180deg, rgba(240, 250, 247, 0.94), rgba(229, 245, 239, 0.91)); }
|
||||
.card.log-card { --ui-theme-rgb: 230, 159, 0; background: linear-gradient(180deg, rgba(255, 249, 236, 0.94), rgba(253, 242, 215, 0.91)); }
|
||||
.card.tool-card .panel-card-toggle,
|
||||
.card.colony-card .panel-card-toggle,
|
||||
.card.log-card .panel-card-toggle {
|
||||
border: 1px solid var(--ui-theme-mid);
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), var(--ui-theme-soft-2));
|
||||
}
|
||||
.selected-card .selected-head {
|
||||
border: 1px solid var(--ui-theme-mid);
|
||||
border-radius: 14px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), var(--ui-theme-soft-2));
|
||||
padding: 8px 10px;
|
||||
}
|
||||
.tool-card .tool-category:nth-child(odd),
|
||||
.selected-card .selected-category:nth-child(odd) {
|
||||
background: var(--ui-theme-soft);
|
||||
border-color: var(--ui-theme-mid);
|
||||
}
|
||||
.tool-card .tool-category:nth-child(even),
|
||||
.selected-card .selected-category:nth-child(even) {
|
||||
background: var(--ui-theme-soft-2);
|
||||
border-color: rgba(var(--ui-theme-rgb), 0.30);
|
||||
}
|
||||
.tool-card .tool-category-toggle,
|
||||
.selected-card .selected-category-toggle {
|
||||
background: rgba(255, 255, 255, 0.54);
|
||||
border-bottom-color: rgba(var(--ui-theme-rgb), 0.20);
|
||||
}
|
||||
.tool-card .tool-category:nth-child(even) .tool-category-toggle,
|
||||
.selected-card .selected-category:nth-child(even) .selected-category-toggle {
|
||||
background: rgba(255, 255, 255, 0.42);
|
||||
}
|
||||
.tool-card .tool-category-toggle::before,
|
||||
.selected-card .selected-category-toggle::before,
|
||||
.card .panel-card-state::before {
|
||||
color: var(--ui-theme-strong);
|
||||
}
|
||||
.colony-card .stat:nth-child(odd),
|
||||
.colony-card .chart-tabs button:nth-child(odd),
|
||||
.log-card .log-entry:nth-child(odd),
|
||||
.log-card .push-kind-grid label:nth-child(odd) {
|
||||
background: var(--ui-theme-soft);
|
||||
border-color: var(--ui-theme-mid);
|
||||
}
|
||||
.colony-card .stat:nth-child(even),
|
||||
.colony-card .chart-tabs button:nth-child(even),
|
||||
.log-card .log-entry:nth-child(even),
|
||||
.log-card .push-kind-grid label:nth-child(even) {
|
||||
background: var(--ui-theme-soft-2);
|
||||
border-color: rgba(var(--ui-theme-rgb), 0.30);
|
||||
}
|
||||
.colony-card .chart-tabs button.active,
|
||||
.log-card .push-master,
|
||||
.selected-card .selected-name-input:focus {
|
||||
border-color: var(--ui-theme-strong);
|
||||
outline-color: rgba(var(--ui-theme-rgb), 0.24);
|
||||
}
|
||||
.colony-card .chart-tabs button.active {
|
||||
background: rgba(var(--ui-theme-rgb), 0.22);
|
||||
}
|
||||
.selected-card .badge,
|
||||
.selected-card .personality-tag {
|
||||
background: rgba(var(--ui-theme-rgb), 0.11);
|
||||
border-color: rgba(var(--ui-theme-rgb), 0.28);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue