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

Release glass material and favicon pipeline v0.6.0

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-07-11 12:19:44 +03:00
parent 6b42d913ea
commit d873427fe2
28 changed files with 550 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/tokens/package.json
+6 -2
View File
@@ -1,8 +1,12 @@
{
"name": "@nodedc/tokens",
"version": "0.5.1",
"version": "0.6.0",
"type": "module",
"files": ["tokens.json", "tokens.css", "themes.css"],
"files": [
"tokens.json",
"tokens.css",
"themes.css"
],
"exports": {
"./tokens.json": "./tokens.json",
"./tokens.css": "./tokens.css",
packages/tokens/themes.css
+8 -4
View File
@@ -57,8 +57,10 @@
--nodedc-primary-action-hover: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 84%, white);
--nodedc-primary-action-color: rgb(var(--nodedc-on-accent-rgb));
--nodedc-primary-action-shadow: 0 12px 28px rgb(var(--nodedc-accent-rgb) / 0.2);
--nodedc-modal-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.014)), rgba(7, 7, 10, 0.54);
--nodedc-modal-shadow: 0 34px 120px rgba(0, 0, 0, 0.64), 0 10px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.045);
--nodedc-modal-glass-tint-rgb: 11 11 14;
--nodedc-modal-glass-tint-opacity: 0.54;
--nodedc-modal-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.068), rgba(255, 255, 255, 0.02)), rgb(var(--nodedc-modal-glass-tint-rgb) / var(--nodedc-modal-glass-tint-opacity));
--nodedc-modal-shadow: 0 34px 120px rgb(0 0 0 / var(--nodedc-modal-glass-shadow-opacity)), 0 10px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.045);
--nodedc-floating-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)), rgba(10, 10, 13, 0.94);
}
@@ -120,7 +122,9 @@
--nodedc-primary-action-hover: rgba(8, 8, 10, 0.98);
--nodedc-primary-action-color: rgba(247, 248, 244, 0.96);
--nodedc-primary-action-shadow: none;
--nodedc-modal-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.36)), rgba(255, 255, 255, 0.72);
--nodedc-modal-shadow: 0 24px 72px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.8);
--nodedc-modal-glass-tint-rgb: 255 255 255;
--nodedc-modal-glass-tint-opacity: 0.72;
--nodedc-modal-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.36)), rgb(var(--nodedc-modal-glass-tint-rgb) / var(--nodedc-modal-glass-tint-opacity));
--nodedc-modal-shadow: 0 24px 72px rgb(0 0 0 / var(--nodedc-modal-glass-shadow-light-opacity)), inset 0 1px 0 rgba(255, 255, 255, 0.8);
--nodedc-floating-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.72)), rgba(255, 255, 255, 0.94);
}
packages/tokens/tokens.css
+7 -1
View File
@@ -16,7 +16,7 @@
--nodedc-header-control-height: 2.78rem;
--nodedc-header-logo-width: 7.25rem;
--nodedc-header-logo-height: 1.79rem;
--nodedc-inspector-width: 24.375rem;
--nodedc-inspector-width: 22.125rem;
--nodedc-inspector-inner-width: 20.625rem;
--nodedc-inspector-label-width: 9.625rem;
--nodedc-inspector-control-width: 10.125rem;
@@ -39,6 +39,12 @@
--nodedc-blur-control: 24px;
--nodedc-blur-panel: 44px;
--nodedc-blur-modal: 64px;
--nodedc-modal-glass-saturation: 1.38;
--nodedc-modal-glass-brightness: 1.06;
--nodedc-modal-glass-outline-opacity: 0.11;
--nodedc-modal-glass-outline-soft-opacity: 0.0495;
--nodedc-modal-glass-shadow-opacity: 0.64;
--nodedc-modal-glass-shadow-light-opacity: 0.24;
--nodedc-blur-dropdown: 44px;
--nodedc-duration-fast: 120ms;