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
packages/tokens/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@nodedc/tokens",
"version": "0.5.0",
"version": "0.5.1",
"type": "module",
"files": ["tokens.json", "tokens.css", "themes.css"],
"exports": {
packages/tokens/themes.css
+26
View File
@@ -31,6 +31,19 @@
--nodedc-glass-panel-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075), 0 22px 72px rgba(0, 0, 0, 0.42);
--nodedc-glass-dropdown-shadow: 0 22px 60px rgba(0, 0, 0, 0.42), 0 6px 18px rgba(0, 0, 0, 0.2);
--nodedc-focus-surface: rgba(var(--nodedc-accent-rgb), 0.14);
--nodedc-glass-outline: rgba(255, 255, 255, 0.11);
--nodedc-app-panel-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)), rgba(10, 10, 13, 0.9);
--nodedc-app-panel-shadow: 0 34px 110px rgba(0, 0, 0, 0.42);
--nodedc-app-panel-shadow-strong: 0 34px 110px rgba(0, 0, 0, 0.52);
--nodedc-panel-action-border: rgba(255, 255, 255, 0.22);
--nodedc-panel-action-border-hover: rgba(255, 255, 255, 0.3);
--nodedc-panel-item-bg: rgba(255, 255, 255, 0.04);
--nodedc-panel-item-hover-bg: rgba(255, 255, 255, 0.085);
--nodedc-panel-item-active-bg: rgba(255, 255, 255, 0.115);
--nodedc-panel-icon-bg: rgba(255, 255, 255, 0.045);
--nodedc-panel-active-icon-bg: rgba(247, 248, 244, 0.96);
--nodedc-panel-active-icon-color: rgb(var(--nodedc-on-accent-rgb));
--nodedc-scrollbar-thumb: rgba(255, 255, 255, 0.15);
}
[data-nodedc-theme="light"] {
@@ -65,4 +78,17 @@
--nodedc-glass-panel-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 22px 76px rgba(24, 32, 29, 0.16);
--nodedc-glass-dropdown-shadow: 0 22px 60px rgba(24, 32, 29, 0.2), 0 6px 18px rgba(24, 32, 29, 0.1);
--nodedc-focus-surface: rgba(var(--nodedc-accent-rgb), 0.1);
--nodedc-glass-outline: rgba(24, 32, 29, 0.12);
--nodedc-app-panel-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.22) 100%), rgba(255, 255, 255, 0.48);
--nodedc-app-panel-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 22px 76px rgba(24, 32, 29, 0.16);
--nodedc-app-panel-shadow-strong: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 24px 82px rgba(24, 32, 29, 0.2);
--nodedc-panel-action-border: rgba(24, 32, 29, 0.12);
--nodedc-panel-action-border-hover: rgba(24, 32, 29, 0.22);
--nodedc-panel-item-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.16)), rgba(255, 255, 255, 0.28);
--nodedc-panel-item-hover-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.24)), rgba(255, 255, 255, 0.38);
--nodedc-panel-item-active-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.28)), rgba(255, 255, 255, 0.46);
--nodedc-panel-icon-bg: rgba(255, 255, 255, 0.38);
--nodedc-panel-active-icon-bg: rgba(32, 32, 34, 0.96);
--nodedc-panel-active-icon-color: rgba(247, 248, 244, 0.96);
--nodedc-scrollbar-thumb: rgba(24, 32, 29, 0.22);
}
packages/tokens/tokens.css
+1 -1
View File
@@ -25,7 +25,7 @@
--nodedc-inspector-button-radius: 1rem;
--nodedc-select-toggle-width: 2.875rem;
--nodedc-select-gap: 0.5rem;
--nodedc-icon-glyph-scale: 0.9;
--nodedc-icon-glyph-scale: 0.78;
--nodedc-space-1: 0.25rem;
--nodedc-space-2: 0.5rem;