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

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: контроль цветов элементов, допил палитры и реворк основного UI

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-05-01 02:29:39 +03:00
parent 7ff7d83b07
commit a7ab8ee123
15 changed files with 728 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/apps/web/styles/globals.css
+50 -6
View File
@@ -30,7 +30,10 @@
--nodedc-accent-rgb: 51 163 255;
--nodedc-on-accent-rgb: 245 247 251;
--nodedc-card-passive-rgb: 42 43 46;
--nodedc-card-passive-surface-rgb: 42 43 46;
--nodedc-presence-dot-border-rgb: 42 43 46;
--nodedc-on-card-passive-rgb: 245 247 251;
--nodedc-on-card-passive-surface-rgb: 245 247 251;
--nodedc-card-active-rgb: 195 255 102;
--nodedc-on-card-active-rgb: 11 17 23;
--nodedc-priority-none-rgb: 124 128 138;
@@ -207,8 +210,8 @@
color: rgb(var(--nodedc-on-card-active-rgb));
}
100% {
background-color: rgb(var(--nodedc-card-passive-rgb));
color: rgb(var(--nodedc-on-card-passive-rgb));
background-color: rgb(var(--nodedc-card-passive-surface-rgb));
color: rgb(var(--nodedc-on-card-passive-surface-rgb));
}
}
@@ -234,7 +237,7 @@
outline: none !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.024) 0%, rgba(255, 255, 255, 0.006) 100%),
rgb(var(--nodedc-card-passive-rgb)) !important;
rgb(var(--nodedc-card-passive-surface-rgb)) !important;
box-shadow:
0 14px 34px rgba(0, 0, 0, 0.24),
inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
@@ -2243,7 +2246,7 @@
border-radius: 2rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.018) 0%, rgba(255, 255, 255, 0.006) 100%),
rgb(var(--nodedc-card-passive-rgb)) !important;
rgb(var(--nodedc-card-passive-surface-rgb)) !important;
color: var(--text-color-primary) !important;
}
@@ -2291,6 +2294,46 @@
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-work-item-card:not([data-active="true"]),
.nodedc-external-card:not([data-active="true"]) {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.022) 0%, rgba(255, 255, 255, 0.006) 100%),
rgb(var(--nodedc-card-passive-surface-rgb)) !important;
-webkit-backdrop-filter: blur(28px);
backdrop-filter: blur(28px);
color: rgb(var(--nodedc-on-card-passive-surface-rgb)) !important;
box-shadow:
0 12px 28px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}
.nodedc-work-item-card:not([data-active="true"])::before,
.nodedc-external-card:not([data-active="true"])::before {
content: "" !important;
display: block !important;
position: absolute;
inset: 0;
z-index: 0;
background:
radial-gradient(circle at top right, rgba(var(--nodedc-accent-rgb), 0.08), transparent 34%),
linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, transparent 100%);
pointer-events: none;
}
.nodedc-work-item-card:not([data-active="true"]) .text-primary,
.nodedc-external-card:not([data-active="true"]) .text-primary {
color: rgb(var(--nodedc-on-card-passive-surface-rgb)) !important;
}
.nodedc-work-item-card:not([data-active="true"]) .text-secondary,
.nodedc-work-item-card:not([data-active="true"]) .text-tertiary,
.nodedc-work-item-card:not([data-active="true"]) .text-placeholder,
.nodedc-external-card:not([data-active="true"]) .text-secondary,
.nodedc-external-card:not([data-active="true"]) .text-tertiary,
.nodedc-external-card:not([data-active="true"]) .text-placeholder {
color: rgb(var(--nodedc-on-card-passive-surface-rgb) / 0.7) !important;
}
.nodedc-external-content-shell {
border: 0 !important;
outline: none !important;
@@ -4294,8 +4337,9 @@
.nodedc-home-task-card-surface-passive {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.008) 100%), rgba(46, 46, 50, 0.9) !important;
color: rgba(245, 245, 247, 0.58) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.008) 100%),
rgb(var(--nodedc-card-passive-surface-rgb)) !important;
color: rgb(var(--nodedc-on-card-passive-surface-rgb)) !important;
}
.nodedc-home-task-card-surface-active {