mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-11 12:57:29 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Fix issues in dark mode (#9068)

Browse source 
Co-authored-by: Giulio Andreini <andreini@netseven.it>
This commit is contained in:
Tomi Turtiainen 2024-04-08 09:21:54 +03:00 committed by GitHub
parent df56153f8b
commit 7467aa30e6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/design-system/src/css/_tokens.dark.scss
View file

@ -96,7 +96,7 @@
--color-json-boolean: var(--prim-color-alt-a);
--color-json-number: var(--prim-color-alt-a);
--color-json-string: var(--prim-color-secondary-tint-200);
--color-json-key: var(--prim-gray-670);
--color-json-key: var(--color-text-dark);
--color-json-brackets: var(--prim-gray-670);
--color-json-brackets-hover: var(--prim-color-alt-e);
--color-json-line: var(--prim-gray-200);
@ -191,6 +191,9 @@
// Input Triple
--color-background-input-triple: var(--prim-gray-800);
// Node error
--color-node-error-output-text-color: var(--prim-color-alt-c-tint-150);
// Various
--color-info-tint-1: var(--prim-gray-420);
--color-info-tint-2: var(--prim-gray-740);

3
packages/design-system/src/css/_tokens.scss
View file

@ -267,6 +267,9 @@
// Input Triple
--color-background-input-triple: var(--color-background-light);
// Node error
--color-node-error-output-text-color: var(--color-danger);
// Various
--color-avatar-accent-1: var(--prim-gray-120);
--color-avatar-accent-2: var(--prim-color-alt-e-shade-100);

2
packages/editor-ui/src/components/BinaryDataDisplay.vue
View file

@ -99,7 +99,7 @@ export default defineComponent({
z-index: 10;
width: 100%;
height: calc(100% - 50px);
background-color: var(--color-background-base);
background-color: var(--color-run-data-background);
overflow: hidden;
text-align: center;

6
packages/editor-ui/src/components/Node.vue
View file

@ -1294,10 +1294,10 @@ export default defineComponent({
&.error {
path {
fill: var(--node-error-output-color);
fill: var(--color-node-error-output-text-color);
}
rect {
stroke: var(--node-error-output-color);
stroke: var(--color-node-error-output-text-color);
}
}
@ -1436,7 +1436,7 @@ export default defineComponent({
}
.node-output-endpoint-label.node-connection-category-error {
color: var(--node-error-output-color);
color: var(--color-node-error-output-text-color);
}
.node-output-endpoint-label {

2
packages/editor-ui/src/components/Node/NodeCreator/Panel/SearchBar.vue
View file

@ -130,7 +130,7 @@ defineExpose({
}
.clear {
background-color: $node-creator-search-clear-color;
background-color: transparent;
padding: 0;
border: none;
cursor: pointer;

2
packages/editor-ui/src/mixins/nodeBase.ts
View file

@ -600,7 +600,7 @@ export const nodeBase = defineComponent({
nodeTypeData,
this.__getEndpointColor(NodeConnectionType.Main),
),
fill: 'var(--node-error-output-color)',
fill: 'var(--color-danger)',
},
cssClass: `dot-${type}-endpoint`,
};

1
packages/editor-ui/src/n8n-theme.scss
View file

@ -170,7 +170,6 @@
var(--node-type-ai_vectorStore-color-s),
var(--node-type-background-l)
);
--node-error-output-color: #991818;
--chat--spacing: var(--spacing-s);

2
packages/editor-ui/src/utils/nodeViewUtils.ts
View file

@ -113,7 +113,7 @@ export const CONNECTOR_PAINT_STYLE_DATA: PaintStyle = {
export const getConnectorColor = (type: ConnectionTypes, category?: string): string => {
if (category === 'error') {
return '--node-error-output-color';
return '--color-node-error-output-text-color';
}
if (type === NodeConnectionType.Main) {