523 lines
8.2 KiB
Plaintext
523 lines
8.2 KiB
Plaintext
.camera-generator-root {
|
|
flex-grow: 1;
|
|
background-color: #17191d;
|
|
color: #e7eaf0;
|
|
}
|
|
|
|
.main-scroll {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.page {
|
|
align-self: center;
|
|
max-width: 920px;
|
|
padding: 12px 16px 18px 16px;
|
|
width: 100%;
|
|
}
|
|
|
|
.hero {
|
|
background-color: #20242a;
|
|
border-color: #343941;
|
|
border-radius: 10px;
|
|
border-width: 1px;
|
|
margin-bottom: 8px;
|
|
padding: 14px 16px;
|
|
}
|
|
|
|
.hero-row,
|
|
.card-heading,
|
|
.button-row,
|
|
.field-pair,
|
|
.log-heading,
|
|
.status-footer,
|
|
.readiness-card,
|
|
.flow-strip {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.hero-row,
|
|
.card-heading,
|
|
.log-heading,
|
|
.status-footer,
|
|
.readiness-card {
|
|
align-items: center;
|
|
}
|
|
|
|
.hero-copy,
|
|
.card-heading-copy,
|
|
.readiness-copy,
|
|
.status-copy {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
|
|
.eyebrow {
|
|
color: #67d5bd;
|
|
font-size: 10px;
|
|
letter-spacing: 1.6px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.hero-title {
|
|
color: #ffffff;
|
|
font-size: 22px;
|
|
margin-top: 2px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.hero-description {
|
|
color: #b8bec8;
|
|
font-size: 11px;
|
|
margin-top: 4px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.backend-badge,
|
|
.recommended-badge {
|
|
background-color: #173d36;
|
|
border-color: #2b6c5f;
|
|
border-radius: 10px;
|
|
border-width: 1px;
|
|
color: #8ce9d3;
|
|
font-size: 10px;
|
|
margin-left: 12px;
|
|
padding: 5px 9px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.flow-strip {
|
|
flex-wrap: nowrap;
|
|
margin-top: 11px;
|
|
}
|
|
|
|
.flow-item {
|
|
background-color: #181b20;
|
|
border-radius: 4px;
|
|
color: #aeb5c0;
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
font-size: 9px;
|
|
margin-right: 3px;
|
|
min-width: 0;
|
|
padding: 5px 3px;
|
|
-unity-text-align: middle-center;
|
|
}
|
|
|
|
.readiness-card {
|
|
background-color: #22262b;
|
|
border-color: #454b54;
|
|
border-radius: 7px;
|
|
border-width: 1px;
|
|
border-left-width: 3px;
|
|
margin-bottom: 8px;
|
|
padding: 8px 11px;
|
|
}
|
|
|
|
.readiness-dot {
|
|
background-color: #d5a84a;
|
|
border-radius: 5px;
|
|
height: 10px;
|
|
margin-right: 10px;
|
|
width: 10px;
|
|
}
|
|
|
|
.readiness-title {
|
|
color: #f2f4f7;
|
|
font-size: 12px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.readiness-detail {
|
|
color: #a8afb9;
|
|
font-size: 10px;
|
|
margin-top: 2px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.readiness--ready {
|
|
border-left-color: #4fba93;
|
|
}
|
|
|
|
.readiness--ready .readiness-dot {
|
|
background-color: #56d3a6;
|
|
}
|
|
|
|
.readiness--ready .readiness-detail {
|
|
display: none;
|
|
}
|
|
|
|
.readiness--running {
|
|
border-left-color: #5d9fe8;
|
|
}
|
|
|
|
.readiness--running .readiness-dot {
|
|
background-color: #69adf4;
|
|
}
|
|
|
|
.readiness--warning {
|
|
border-left-color: #d5a84a;
|
|
}
|
|
|
|
.workflow-card,
|
|
.utility-foldout {
|
|
background-color: #22252a;
|
|
border-color: #343941;
|
|
border-radius: 8px;
|
|
border-width: 1px;
|
|
margin-bottom: 8px;
|
|
padding: 11px 12px;
|
|
}
|
|
|
|
.generation-card {
|
|
border-color: #343941;
|
|
}
|
|
|
|
.refinement-card {
|
|
display: none;
|
|
}
|
|
|
|
.card-heading {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.step-badge {
|
|
background-color: #2a7968;
|
|
border-radius: 13px;
|
|
color: #ffffff;
|
|
font-size: 11px;
|
|
height: 26px;
|
|
margin-right: 10px;
|
|
width: 26px;
|
|
-unity-font-style: bold;
|
|
-unity-text-align: middle-center;
|
|
}
|
|
|
|
.card-title {
|
|
color: #f3f5f7;
|
|
font-size: 14px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.card-description,
|
|
.foldout-description,
|
|
.inline-note {
|
|
color: #b0b7c1;
|
|
font-size: 11px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.card-description {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.form-field,
|
|
.compact-field,
|
|
.summary-box,
|
|
.fresh-toggle,
|
|
.inline-note {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.camera-generator-root .unity-base-field__label {
|
|
color: #c6ccd5;
|
|
min-width: 112px;
|
|
}
|
|
|
|
.camera-generator-root .unity-base-field__input,
|
|
.camera-generator-root .unity-popup-field__input {
|
|
background-color: #17191d;
|
|
border-color: #3a4049;
|
|
color: #e7eaf0;
|
|
}
|
|
|
|
.field-pair {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.compact-field {
|
|
flex-grow: 1;
|
|
margin-right: 8px;
|
|
min-width: 210px;
|
|
}
|
|
|
|
.inner-foldout {
|
|
background-color: #1c1f23;
|
|
border-radius: 6px;
|
|
margin-bottom: 10px;
|
|
padding: 9px;
|
|
}
|
|
|
|
.inner-foldout > .unity-foldout__toggle,
|
|
.utility-foldout > .unity-foldout__toggle {
|
|
color: #e3e6eb;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.fresh-toggle {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.hidden-box,
|
|
.applied-seed-box,
|
|
.generation-stage,
|
|
.generation-progress,
|
|
.footer-action,
|
|
.cancel-action {
|
|
display: none;
|
|
}
|
|
|
|
.primary-action,
|
|
.secondary-action,
|
|
.quiet-action,
|
|
.danger-action,
|
|
.cancel-action,
|
|
.mini-action {
|
|
border-radius: 5px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.primary-action {
|
|
background-color: #2b8a74;
|
|
border-color: #43a890;
|
|
color: #ffffff;
|
|
font-size: 13px;
|
|
height: 42px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.primary-action:hover {
|
|
background-color: #329a82;
|
|
}
|
|
|
|
.secondary-action {
|
|
background-color: #315f87;
|
|
border-color: #477aa4;
|
|
color: #ffffff;
|
|
height: 34px;
|
|
}
|
|
|
|
.secondary-action:hover {
|
|
background-color: #3a6f9c;
|
|
}
|
|
|
|
.quiet-action {
|
|
background-color: #2a2e34;
|
|
border-color: #424851;
|
|
color: #d7dbe1;
|
|
min-height: 28px;
|
|
}
|
|
|
|
.quiet-action:hover {
|
|
background-color: #343941;
|
|
}
|
|
|
|
.danger-action,
|
|
.cancel-action {
|
|
background-color: #512d32;
|
|
border-color: #764049;
|
|
color: #f1c2c8;
|
|
height: 34px;
|
|
min-width: 130px;
|
|
}
|
|
|
|
.danger-action:hover,
|
|
.cancel-action:hover {
|
|
background-color: #66363d;
|
|
}
|
|
|
|
.button-row {
|
|
flex-wrap: wrap;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.button-row > Button {
|
|
margin-right: 6px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.grow-action {
|
|
flex-grow: 1;
|
|
min-width: 185px;
|
|
}
|
|
|
|
.final-card .secondary-action {
|
|
height: 38px;
|
|
}
|
|
|
|
.utility-foldout {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.foldout-description {
|
|
margin-bottom: 10px;
|
|
margin-left: 18px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.advanced-configuration-host {
|
|
background-color: #1a1c20;
|
|
border-radius: 5px;
|
|
margin: 8px 0 10px 18px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.advanced-imgui {
|
|
min-height: 330px;
|
|
}
|
|
|
|
.subsection-title {
|
|
color: #dce0e6;
|
|
font-size: 11px;
|
|
margin-left: 18px;
|
|
margin-top: 8px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.advanced-actions,
|
|
.log-field {
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.log-heading {
|
|
justify-content: space-between;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.mini-action {
|
|
background-color: #292d32;
|
|
border-color: #40464f;
|
|
color: #cdd2d9;
|
|
font-size: 9px;
|
|
height: 22px;
|
|
min-width: 56px;
|
|
}
|
|
|
|
.log-field {
|
|
height: 190px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.status-footer {
|
|
background-color: #1d2025;
|
|
border-color: #343941;
|
|
border-top-width: 1px;
|
|
flex-shrink: 0;
|
|
min-height: 48px;
|
|
padding: 7px 14px;
|
|
}
|
|
|
|
.status-copy {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.status-kicker {
|
|
color: #7f8995;
|
|
font-size: 9px;
|
|
letter-spacing: 0.6px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.status-message {
|
|
color: #e6e9ee;
|
|
font-size: 11px;
|
|
margin-top: 2px;
|
|
max-height: 38px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.generation-stage {
|
|
color: #7fb7f3;
|
|
font-size: 10px;
|
|
margin-top: 4px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.generation-progress {
|
|
height: 17px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.generation-timing {
|
|
color: #929ba7;
|
|
font-size: 10px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.applied-seed-box {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.status--ready {
|
|
border-top-color: #346b5d;
|
|
}
|
|
|
|
.status--running {
|
|
border-top-color: #4d84bd;
|
|
}
|
|
|
|
.status--error {
|
|
background-color: #251d20;
|
|
border-top-color: #8c4650;
|
|
}
|
|
|
|
.status--error .status-message {
|
|
color: #f2b9c1;
|
|
}
|
|
|
|
.cancel-action {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.footer-action {
|
|
background-color: #2b3037;
|
|
border-color: #474e58;
|
|
border-radius: 5px;
|
|
color: #d8dde5;
|
|
flex-shrink: 0;
|
|
height: 30px;
|
|
margin-right: 6px;
|
|
min-width: 74px;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.narrow-layout .backend-badge {
|
|
display: none;
|
|
}
|
|
|
|
.narrow-layout .page {
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.narrow-layout .field-pair,
|
|
.narrow-layout .button-row {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.narrow-layout .compact-field,
|
|
.narrow-layout .button-row > Button {
|
|
margin-right: 0;
|
|
min-width: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.narrow-layout .camera-generator-root .unity-base-field__label,
|
|
.camera-generator-root.narrow-layout .unity-base-field__label {
|
|
min-width: 104px;
|
|
}
|
|
|
|
.summary-box .unity-help-box__icon {
|
|
height: 16px;
|
|
margin-right: 6px;
|
|
width: 16px;
|
|
}
|
|
|
|
.summary-box .unity-help-box__label {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.camera-generator-root Button:disabled,
|
|
.camera-generator-root .unity-base-field:disabled {
|
|
opacity: 0.46;
|
|
}
|