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

АРХ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фундамент редизайна и фиксация UI-техдолга

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-04-22 14:30:51 +03:00
parent ecb31a78f9
commit 3f6219fc50
21 changed files with 385 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/apps/web/styles/globals.css
+36 -25
View File
@@ -28,11 +28,19 @@
--editor-colors-dark-blue-background: #c9dafb;
--editor-colors-purple-background: #e3d8fd;
--nodedc-accent-rgb: 51 163 255;
--nodedc-on-accent-rgb: 245 247 251;
--nodedc-card-passive-rgb: 42 43 46;
--nodedc-on-card-passive-rgb: 245 247 251;
--nodedc-card-active-rgb: 195 255 102;
--nodedc-on-card-active-rgb: 11 17 23;
--brand-default: rgb(var(--nodedc-accent-rgb));
--brand-300: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 35%, white);
--brand-300: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 65%, white);
--brand-700: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 75%, black);
--bg-accent-primary: rgb(var(--nodedc-accent-rgb));
--bg-accent-primary-hover: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 82%, white);
--bg-accent-primary-active: color-mix(in srgb, rgb(var(--nodedc-accent-rgb)) 90%, black);
--txt-on-color: rgb(var(--nodedc-on-accent-rgb));
--txt-icon-on-color: rgb(var(--nodedc-on-accent-rgb));
/* end background colors */
}
/* background colors */
@@ -507,7 +515,7 @@
.nodedc-toolbar-icon-button[data-active="true"] .nodedc-toolbar-icon-active-dot {
background: rgb(var(--nodedc-accent-rgb));
color: #0b1117;
color: rgb(var(--nodedc-on-accent-rgb));
}
.nodedc-toolbar-pill {
@@ -553,7 +561,7 @@
min-height: 2.5rem;
padding-inline: 1.55rem;
background: rgb(var(--nodedc-accent-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-accent-rgb)) !important;
}
.nodedc-toolbar-primary-wide {
@@ -587,7 +595,7 @@
box-shadow: none !important;
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-accent-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-accent-rgb)) !important;
padding-inline: 1.25rem !important;
}
@@ -596,14 +604,17 @@
}
.nodedc-modal-primary-button,
.nodedc-modal-primary-button *,
.nodedc-modal-danger-button,
.nodedc-modal-danger-button *,
.nodedc-modal-primary-button *,
.nodedc-modal-danger-button * {
color: rgb(var(--nodedc-on-accent-rgb)) !important;
}
.nodedc-settings-primary-button,
.nodedc-settings-primary-button *,
.nodedc-settings-save-button,
.nodedc-settings-save-button * {
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-modal-danger-button {
@@ -613,7 +624,7 @@
box-shadow: none !important;
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-accent-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-accent-rgb)) !important;
padding-inline: 1.25rem !important;
}
@@ -627,7 +638,7 @@
outline: none !important;
box-shadow: none !important;
background: rgb(var(--nodedc-accent-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-accent-rgb)) !important;
}
.nodedc-glass-modal button.bg-danger-primary:hover,
@@ -637,7 +648,7 @@
.nodedc-glass-modal button.bg-danger-primary *,
.nodedc-glass-modal button.border-danger-strong * {
color: #0b1117 !important;
color: rgb(var(--nodedc-on-accent-rgb)) !important;
}
.nodedc-modal-chip {
@@ -761,13 +772,13 @@
box-shadow: none !important;
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
padding-inline: 1.35rem !important;
}
.nodedc-settings-primary-button:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-settings-save-button {
@@ -777,13 +788,13 @@
box-shadow: none !important;
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
padding-inline: 1.45rem !important;
}
.nodedc-settings-save-button:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-overlay-button {
@@ -1014,12 +1025,12 @@
box-shadow: none !important;
border-radius: 1.25rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-auth-primary-button:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-error-shell {
@@ -1055,13 +1066,13 @@
box-shadow: none !important;
border-radius: 1.2rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
padding-inline: 1.35rem !important;
}
.nodedc-error-primary:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-empty-state-primary {
@@ -1071,13 +1082,13 @@
box-shadow: none !important;
border-radius: 1.2rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
padding-inline: 1.35rem !important;
}
.nodedc-empty-state-primary:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-empty-state-secondary {
@@ -1143,14 +1154,14 @@
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.024) 0%, rgba(255, 255, 255, 0.008) 100%),
rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
box-shadow:
inset 0 0 0 1px rgba(var(--nodedc-accent-rgb), 0.32),
0 12px 32px rgba(0, 0, 0, 0.16) !important;
}
.nodedc-external-card[data-active="true"] .text-primary {
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-external-card[data-active="true"] .text-secondary,
@@ -1278,19 +1289,19 @@
box-shadow: none !important;
border-radius: 1.35rem !important;
background: rgb(var(--nodedc-card-active-rgb)) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
padding-inline: 1.6rem !important;
font-weight: 600 !important;
}
.nodedc-external-primary-button,
.nodedc-external-primary-button * {
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-external-primary-button:hover {
background: color-mix(in srgb, rgb(var(--nodedc-card-active-rgb)) 82%, white) !important;
color: #0b1117 !important;
color: rgb(var(--nodedc-on-card-active-rgb)) !important;
}
.nodedc-external-empty-state {