SILVER/NODEDC_DESIGN_GUIDELINE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Refine SEO light theme and environment controls

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-07-10 20:22:42 +03:00
parent f1e28c267a
commit 4c74c22a6e
21 changed files with 437 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/catalog/src/styles.css
+22 -17
View File
@@ -14,7 +14,7 @@ body,
}
body {
background: #050506;
background: var(--nodedc-canvas);
color: var(--nodedc-text-primary);
}
@@ -38,8 +38,8 @@ textarea {
isolation: isolate;
overflow: hidden;
border-radius: var(--nodedc-radius-card);
background: #0b0b0d url("/launcher-stage-poster.png") center / cover no-repeat;
box-shadow: 0 44px 150px rgba(0, 0, 0, 0.62);
background: var(--nodedc-canvas-soft) url("/launcher-stage-poster.png") center / cover no-repeat;
box-shadow: 0 44px 150px color-mix(in srgb, var(--nodedc-canvas) 70%, transparent);
}
.catalog-launcher-stage__media,
@@ -229,7 +229,7 @@ textarea {
grid-template-columns: minmax(12rem, 1.7fr) minmax(7rem, 0.7fr) minmax(6rem, 0.6fr) minmax(9rem, 0.9fr) 6rem;
align-items: center;
gap: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
border-bottom: 1px solid var(--nodedc-glass-outline);
color: var(--nodedc-text-secondary);
padding: 0.62rem 0.8rem;
font-size: var(--nodedc-font-size-sm);
@@ -281,7 +281,7 @@ textarea {
grid-template-rows: 3.2rem 1fr;
gap: 0.6rem;
border-radius: 1.1rem;
background: rgba(0, 0, 0, 0.22);
background: color-mix(in srgb, var(--nodedc-canvas-soft) 76%, transparent);
padding: 0.6rem;
}
@@ -307,30 +307,31 @@ textarea {
background: color-mix(in srgb, var(--nodedc-glass-control-hover) 70%, transparent) !important;
}
.catalog-inspector-stage {
display: flex;
min-height: 43rem;
justify-content: flex-end;
align-items: flex-start;
.catalog-environment-demo {
display: grid;
min-height: 30rem;
grid-template-columns: minmax(0, 24.375rem) minmax(14rem, 1fr);
align-items: start;
gap: clamp(1rem, 4vw, 4rem);
border-radius: var(--nodedc-radius-card);
background:
radial-gradient(circle at 18% 24%, rgba(var(--nodedc-accent-rgb), 0.13), transparent 22rem),
color-mix(in srgb, var(--nodedc-canvas-soft) 86%, transparent);
padding: 2rem;
padding: clamp(1rem, 3vw, 2rem);
}
.catalog-inspector-card {
.catalog-environment-card {
width: min(24.375rem, 100%);
padding: 1.125rem 0.75rem;
}
.catalog-inspector-title {
.catalog-environment-title {
display: grid;
gap: 0.3rem;
padding: 0 0.875rem 0.875rem;
}
.catalog-inspector-title span {
.catalog-environment-title span {
color: var(--nodedc-text-muted);
font-size: 0.7rem;
}
@@ -393,6 +394,10 @@ textarea {
color: var(--nodedc-text-primary);
}
.catalog-icon-tile__surface > svg {
transform: scale(var(--nodedc-icon-glyph-scale));
}
.catalog-icon-tile > span:last-child {
display: grid;
min-width: 0;
@@ -499,9 +504,9 @@ textarea {
grid-column: 1 / -1;
}
.catalog-inspector-stage {
min-height: 40rem;
justify-content: center;
.catalog-environment-demo {
min-height: auto;
grid-template-columns: 1fr;
padding: 0.75rem;
}