From a819acced8d6887002ce0fed3e8fccddb83b788e Mon Sep 17 00:00:00 2001 From: Lukasz Ostrowski Date: Wed, 22 Feb 2023 09:36:48 +0100 Subject: [PATCH] Revert "fix: dark mode (#184)" This reverts commit 305457256636ea4a530bcd742ec7ede1e633ec86. --- .../customers-importer-view.tsx | 599 +----------------- apps/data-importer/src/pages/importer.tsx | 4 +- 2 files changed, 7 insertions(+), 596 deletions(-) diff --git a/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx b/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx index 87c8248..2d1c671 100644 --- a/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx +++ b/apps/data-importer/src/modules/customers/customers-importer-nuvo/customers-importer-view.tsx @@ -42,55 +42,19 @@ const nuvoSettings: SettingsAPI = { style: { buttons: { primary: { - background: "#222431", - borderColor: "#5B5D6D", + background: "black", color: "#fff", - ":hover": { - borderColor: "#222431", - backgroundColor: "#5B5D6D", - }, - ":active": { - borderColor: "#222431", - backgroundColor: "#5B5D6D", - }, }, - secondary: { background: "#fff", color: "#000" }, }, loader: { - loadAnimationColor: "#222431", - }, - messagePopup: { - root: { - backgroundColor: "#222431", - }, - overlay: { - backgroundColor: "grayscale(1)", - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - warnIcon: { - stroke: "red", - }, - successIcon: { - stroke: "green", - }, - closeIcon: { - stroke: "#fff", - }, + loadAnimationColor: "#000", }, header: { - root: { + description: { display: "none", }, - }, - footer: { root: { - background: "#34384b", - borderTop: "1px solid #d5d5d5", + // display: "none", }, }, progressBar: { @@ -105,564 +69,11 @@ const nuvoSettings: SettingsAPI = { }, }, root: { - background: "grayscale(1)", + background: "#fff", border: "1px dashed #ddd", - color: "#222431", }, }, globals: { fontFamily: "Inter", backgroundColor: "transparent" }, - sheetSelect: { - root: { - backgroundColor: "#5B5D6D", - border: "1px solid #5B5D6D", - }, - header: { - color: "#fff", - }, - sheetName: { - root: { - backgroundColor: "#222431", - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - border: { - backgroundColor: "#222431", - }, - }, - grid: { - root: { - borderColor: "#5B5D6D", - backgroundColor: "#222431", - ":hover": { - backgroundColor: "#222431", - }, - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - checkbox: { - backgroundColor: "#5B5D6D", - }, - checked: { - root: { - borderColor: "#222431", - backgroundColor: "#222431", - ":hover": { - backgroundColor: "#222431", - }, - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - checkbox: { - backgroundColor: "#222431", - }, - }, - }, - list: { - root: { - backgroundColor: "#222431", - }, - title: { - color: "#222431", - }, - description: { - color: "#fff", - }, - checkbox: { - backgroundColor: "#222431", - }, - checked: { - root: { - borderColor: "#5B5D6D", - backgroundColor: "#222431", - }, - title: { - color: "#222431", - }, - description: { - color: "#fff", - }, - checkbox: { - backgroundColor: "#222431", - }, - }, - }, - pagination: { - currentPageButton: { - backgroundColor: "#222431", - color: "white", - }, - }, - icon: { - stroke: "#fff", - }, - sheetLists: { - root: { - backgroundColor: "#5B5D6D", - }, - }, - unSelectSheetName: { - root: { - backgroundColor: "#fff", - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - border: { - backgroundColor: "green", - }, - }, - addFileButton: { - root: { - backgroundColor: "red", - color: "blue", - }, - icon: { - stroke: "green", - }, - }, - }, - headerSelect: { - root: { backgroundColor: "#5B5D6D" }, - sheetName: { - root: { - backgroundColor: "transparent", - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - border: { - backgroundColor: "#34384b", - }, - }, - table: { - th: { - backgroundColor: "#34384b", - color: "#fff", - }, - td: { - backgroundColor: "#5B5D6D", - color: "#fff", - }, - - scrollbar: { - navigatorColor: "#5B5D6D", - backgroundColor: "#34384b", - }, - selectRowColor: "#34384b", - hoverRowColor: "#34384b", - }, - progressBar: { - root: { - display: "none", - }, - }, - }, - - columnMatch: { - root: { - color: "#fff", - borderColor: "#5B5D6D", - }, - icon: { - color: "#fff", - }, - matchingTitle: { - root: { - backgroundColor: "transparent", - }, - icon: { - color: "#fff", - }, - checkIcon: { - color: "#fff", - }, - }, - matchingPercent: { - root: { - backgroundColor: "transparent", - color: "#fff", - }, - icon: { - color: "#fff", - }, - }, - notMatchingValue: { - root: { - backgroundColor: "transparent", - color: "red", - }, - icon: { - color: "red", - }, - }, - columnMatchHeader: { - root: { - backgroundColor: "#222431", - borderColor: "#5B5D6D", - color: "#fff", - }, - icon: { - stroke: "#fff", - }, - dropdown: { - scrollbar: { - backgroundColor: "grayscale(1)", - navigatorColor: "grayscale(1)", - }, - search: { - placeholder: "transparent", - root: { - backgroundColor: "transparent", - borderColor: "#222431", - }, - }, - root: { - backgroundColor: "grayscale(1)", - color: "#fff", - borderColor: "#222431", - }, - selectedOption: { - backgroundColor: "#222431", - color: "#fff", - ":hover": { - backgroundColor: "#222431", - }, - }, - button: { - placeholder: "#fff", - root: { - backgroundColor: "#222431", - borderColor: "#5B5D6D", - height: "unset", - color: "#fff", - }, - icon: { - color: "#fff", - }, - }, - header: { - color: "#fff", - backgroundColor: "#5B5D6D", - border: "1px solid #222431", - }, - option: { - color: "#fff", - backgroundColor: "#5B5D6D", - ":hover": { - backgroundColor: "#222431", - }, - }, - badge: { - root: { - backgroundColor: "grayscale(1)", - color: "#222431", - }, - icon: { - color: "#fff", - }, - }, - createNewOption: { - root: { - color: "#fff", - backgroundColor: "#5B5D6D", - ":hover": { - backgroundColor: "#222431", - }, - }, - icon: { - color: "white", - }, - }, - }, - }, - columnMatchValue: { - root: { - backgroundColor: "transparent", - borderColor: "#5B5D6D", - color: "#fff", - }, - emptyValue: { - color: "red", - }, - icon: { - stroke: "#fff", - }, - - dropdown: { - root: { - backgroundColor: "salmon", - color: "#fff", - borderColor: "red", - }, - selectedOption: { - backgroundColor: "navy", - }, - option: { - ":hover": { - backgroundColor: "pink", - color: "blue", - }, - }, - button: { - placeholder: "yellow", - root: { - backgroundColor: "tomato", - }, - icon: { - color: "#fff", - }, - }, - createNewOption: { - root: { - backgroundColor: "blue", - color: "green", - }, - icon: { - color: "white", - }, - }, - multiSelectionBadge: { - root: { - backgroundColor: "green", - color: "blue", - }, - icon: { - color: "blue", - }, - }, - iconCheckedColor: "yellow", - }, - }, - requiredColumns: { - title: { - color: "#fff", - }, - showMore: { - root: { - backgroundColor: "yellow", - }, - badge: { - backgroundColor: "blue", - color: "yellow", - }, - text: { - color: "#fff", - fontSize: 24, - }, - icon: { - stroke: "blue", - }, - }, - notMatchErrorIcon: { - stroke: "green", - }, - notMatchError: { - color: "#fff", - }, - hasMatchIcon: { - stroke: "green", - }, - hasMatch: { - color: "#fff", - }, - notMatch: { - color: "#fff", - }, - notMatchIcon: { - color: "black", - }, - }, - dialogJoinColumn: { - root: { - backgroundColor: "transparent", - }, - overlay: { - backgroundColor: "black", - }, - closeIcon: { - stroke: "white", - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - table: { - wrapper: { - backgroundColor: "transparent", - borderRadius: 20, - }, - root: { - borderColor: "black", - borderRadius: 20, - }, - background: { - backgroundColor: "violet", - }, - title: { - color: "#fff", - }, - description: { - color: "#fff", - }, - th: { - backgroundColor: "blue", - color: "red", - borderColor: "black", - }, - td: { - color: "blue", - backgroundColor: "red", - borderColor: "black", - }, - }, - }, - }, - reviewEntries: { - root: { backgroundColor: "#5B5D6D" }, - switchError: { - label: { - color: "#fff", - }, - badge: { - backgroundColor: "orange", - color: "black", - }, - }, - selectRowColor: "#222431", - selectedBackground: { - normal: "#222431", - }, - infoIcon: { - color: "#fff", - ":hover": { - color: "grayscale(1)", - }, - }, - edit: { - category: { - header: { - backgroundColor: "blue", - }, - search: { - root: { - backgroundColor: "red", - }, - icon: { - color: "green", - }, - }, - item: { - option: { - backgroundColor: "red", - ":hover": { - color: "blue", - }, - }, - selectedOption: { - backgroundColor: "blue", - }, - }, - button: { - arrowIcon: { - color: "yellow", - }, - closeIcon: { - color: "yellow", - }, - }, - multiSelectionBadge: { - root: { - backgroundColor: "green", - color: "blue", - }, - icon: { - color: "blue", - }, - }, - iconCheckedColor: "yellow", - }, - string: { - backgroundColor: "blue", - }, - currency: { - backgroundColor: "pink", - }, - percentage: { - backgroundColor: "black", - }, - date: { - backgroundColor: "#4F8AAB", - borderColor: "#4BC589", - }, - time: { - backgroundColor: "#9AC54B", - borderColor: "#C5B64B", - }, - boolean: { - item: { - option: { - backgroundColor: "red", - }, - selectedOption: { - backgroundColor: "blue", - }, - }, - button: { - arrowIcon: { - color: "red", - }, - closeIcon: { - color: "red", - }, - }, - }, - }, - table: { - dragStyle: { - color: "orange", - style: "solid", - }, - th: { - borderColor: "#222431", - backgroundColor: "#5B5D6D", - color: "#fff", - }, - td: { - root: { - borderColor: "#222431", - backgroundColor: "#5B5D6D", - }, - normal: { - borderColor: "#222431", - backgroundColor: "#5B5D6D", - color: "#fff", - ":hover": { - backgroundColor: "#222431", - }, - }, - }, - }, - }, }, title: "Upload customers to Saleor", disableExcelTemplate: true, diff --git a/apps/data-importer/src/pages/importer.tsx b/apps/data-importer/src/pages/importer.tsx index b10b749..b4408c4 100644 --- a/apps/data-importer/src/pages/importer.tsx +++ b/apps/data-importer/src/pages/importer.tsx @@ -58,7 +58,7 @@ const ImporterPage: NextPage = () => { } /> - + { - + {activeTab === "customers" && }