From b9bea68f8b38c9ecef56fc738615f65d4314293c Mon Sep 17 00:00:00 2001 From: Sid Edwards Date: Tue, 7 May 2024 16:03:04 -0600 Subject: [PATCH] White labeling --- packages/design-system/src/css/_tokens.scss | 6 +- packages/editor-ui/index.html | 4 +- packages/editor-ui/public/favicon.ico | Bin 15086 -> 4286 bytes .../public/static/logo/channel/dev-dark.svg | 173 +++++++++++++- .../public/static/logo/channel/dev.svg | 173 +++++++++++++- .../public/static/logo/collapsed.svg | 171 +++++++++++++- .../public/static/logo/expanded-dark.svg | 219 +++++++++++++++++- .../editor-ui/public/static/logo/expanded.svg | 219 +++++++++++++++++- .../editor-ui/src/components/MainSidebar.vue | 2 +- .../src/composables/useTitleChange.ts | 4 +- .../src/plugins/i18n/locales/en.json | 15 +- 11 files changed, 966 insertions(+), 20 deletions(-) diff --git a/packages/design-system/src/css/_tokens.scss b/packages/design-system/src/css/_tokens.scss index b6998894408b8..f9309de663e07 100644 --- a/packages/design-system/src/css/_tokens.scss +++ b/packages/design-system/src/css/_tokens.scss @@ -1,9 +1,9 @@ @use 'sass:math'; @mixin theme { - --color-primary-h: var(--prim-color-primary-h); - --color-primary-s: var(--prim-color-primary-s); - --color-primary-l: 68%; + --color-primary-h: 24; + --color-primary-s: 90; + --color-primary-l: 57%; // Primary tokens diff --git a/packages/editor-ui/index.html b/packages/editor-ui/index.html index 12dbfaeb9dc06..e6d4d32979b96 100644 --- a/packages/editor-ui/index.html +++ b/packages/editor-ui/index.html @@ -11,12 +11,12 @@ - n8n.io - Workflow Automation + Acclaro - Workflow Automation diff --git a/packages/editor-ui/public/favicon.ico b/packages/editor-ui/public/favicon.ico index e5f92d7f5eb2ef4b436d8ae237005633363903f7..e40cb6f219cc1cba7cd0ddf38bf9ef25c6423bb5 100644 GIT binary patch literal 4286 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 DDc1&a diff --git a/packages/editor-ui/public/static/logo/channel/dev-dark.svg b/packages/editor-ui/public/static/logo/channel/dev-dark.svg index 23c8b0571199c..e4606a265c217 100644 --- a/packages/editor-ui/public/static/logo/channel/dev-dark.svg +++ b/packages/editor-ui/public/static/logo/channel/dev-dark.svg @@ -1 +1,172 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/editor-ui/public/static/logo/channel/dev.svg b/packages/editor-ui/public/static/logo/channel/dev.svg index f8f2b2d437885..e4606a265c217 100644 --- a/packages/editor-ui/public/static/logo/channel/dev.svg +++ b/packages/editor-ui/public/static/logo/channel/dev.svg @@ -1 +1,172 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/editor-ui/public/static/logo/collapsed.svg b/packages/editor-ui/public/static/logo/collapsed.svg index f65407694a8d5..1cf4fd196be50 100644 --- a/packages/editor-ui/public/static/logo/collapsed.svg +++ b/packages/editor-ui/public/static/logo/collapsed.svg @@ -1 +1,170 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/editor-ui/public/static/logo/expanded-dark.svg b/packages/editor-ui/public/static/logo/expanded-dark.svg index d9a71faffe534..4d179ce3710ff 100644 --- a/packages/editor-ui/public/static/logo/expanded-dark.svg +++ b/packages/editor-ui/public/static/logo/expanded-dark.svg @@ -1 +1,218 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/editor-ui/public/static/logo/expanded.svg b/packages/editor-ui/public/static/logo/expanded.svg index 337b52be1c119..a7e9eed1101b4 100644 --- a/packages/editor-ui/public/static/logo/expanded.svg +++ b/packages/editor-ui/public/static/logo/expanded.svg @@ -1 +1,218 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/editor-ui/src/components/MainSidebar.vue b/packages/editor-ui/src/components/MainSidebar.vue index 27e304fb95d30..ca99a7a66da00 100644 --- a/packages/editor-ui/src/components/MainSidebar.vue +++ b/packages/editor-ui/src/components/MainSidebar.vue @@ -503,7 +503,7 @@ export default defineComponent({ img { position: relative; left: 1px; - height: 20px; + height: 30px; } } diff --git a/packages/editor-ui/src/composables/useTitleChange.ts b/packages/editor-ui/src/composables/useTitleChange.ts index 7f22cf9e4fcc4..5ae4828b32664 100644 --- a/packages/editor-ui/src/composables/useTitleChange.ts +++ b/packages/editor-ui/src/composables/useTitleChange.ts @@ -16,11 +16,11 @@ export function useTitleChange() { icon = '▶️'; } - window.document.title = prependBeta(`n8n - ${icon} ${workflow}`); + window.document.title = prependBeta(`Acclaro - ${icon} ${workflow}`); }; const titleReset = () => { - window.document.title = prependBeta('n8n - Workflow Automation'); + window.document.title = prependBeta('Acclaro - Workflow Automation'); }; return { diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json index f1a73b5ae417e..bb53ffeb2acf7 100644 --- a/packages/editor-ui/src/plugins/i18n/locales/en.json +++ b/packages/editor-ui/src/plugins/i18n/locales/en.json @@ -28,6 +28,7 @@ "clientSecret": "Client Secret" } }, + "_brand.name": "Acclaro Workflows", "generic.any": "Any", "generic.cancel": "Cancel", "generic.close": "Close", @@ -67,11 +68,11 @@ "generic.loading": "Loading", "generic.and": "and", "generic.welcome": "Welcome", - "about.aboutN8n": "About n8n", + "about.aboutN8n": "About @:_brand.name", "about.close": "Close", "about.license": "License", "about.n8nLicense": "Sustainable Use License + n8n Enterprise License", - "about.n8nVersion": "n8n Version", + "about.n8nVersion": "@:_brand.name Version", "about.sourceCode": "Source Code", "about.instanceID": "Instance ID", "askAi.dialog.title": "'Ask AI' is almost ready", @@ -759,7 +760,7 @@ "readOnlyEnv.showMessage.executions.title": "Cannot edit execution", "readOnlyEnv.showMessage.workflows.message": "Workflows are read-only in protected instances.", "readOnlyEnv.showMessage.workflows.title": "Cannot edit workflow", - "mainSidebar.aboutN8n": "About n8n", + "mainSidebar.aboutN8n": "About @:_brand.name", "mainSidebar.confirmMessage.workflowDelete.cancelButtonText": "", "mainSidebar.confirmMessage.workflowDelete.confirmButtonText": "Yes, delete", "mainSidebar.confirmMessage.workflowDelete.headline": "Delete Workflow?", @@ -1039,7 +1040,7 @@ "nodeErrorView.details.info": "Other info", "nodeErrorView.details.nodeVersion": "Node version", "nodeErrorView.details.nodeType": "Node type", - "nodeErrorView.details.n8nVersion": "n8n version", + "nodeErrorView.details.n8nVersion": "@:_brand.name version", "nodeErrorView.details.errorCause": "Error cause", "nodeErrorView.details.causeDetailed": "Cause detailed", "nodeErrorView.details.stackTrace": "Stack trace", @@ -1309,7 +1310,7 @@ "personalizationModal.operations": "Operations", "personalizationModal.other": "Other", "personalizationModal.otherPleaseSpecify": "Other (please specify)", - "personalizationModal.specifyReportedSource": "Specify how you heard about n8n", + "personalizationModal.specifyReportedSource": "Specify how you heard about @:_brand.name", "personalizationModal.people": "people", "personalizationModal.physicalRetailOrServices": "Physical retail or services", "personalizationModal.product": "Product (e.g. fast prototyping)", @@ -1318,7 +1319,7 @@ "personalizationModal.salesAndMarketing": "Sales and Marketing", "personalizationModal.security": "Security", "personalizationModal.select": "Select...", - "personalizationModal.howDidYouHearAboutN8n": "How did you hear about n8n?", + "personalizationModal.howDidYouHearAboutN8n": "How did you hear about @:_brand.name?", "personalizationModal.friendWordOfMouth": "Friend / Word of mouth", "personalizationModal.podcast": "Podcast", "personalizationModal.event": "Event", @@ -1928,7 +1929,7 @@ "ndv.search.items": "{matched} of {total} item | {matched} of {total} items", "updatesPanel.andIs": "and is", "updatesPanel.behindTheLatest": "behind the latest and greatest n8n", - "updatesPanel.howToUpdateYourN8nVersion": "How to update your n8n version", + "updatesPanel.howToUpdateYourN8nVersion": "How to update your @:_brand.name version", "updatesPanel.version": "{numberOfVersions} version{howManySuffix}", "updatesPanel.weVeBeenBusy": "We’ve been busy ✨", "updatesPanel.youReOnVersion": "You’re on {currentVersionName}, which was released",