Merge pull request #1360 from buttercup/fix/ui_light_mode

Fix light mode
buttercup · Aug 5, 2024 · 3d5a71f · 3d5a71f
2 parents 9c8e8e7 + 08c6713
commit 3d5a71f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/source/renderer/App.tsx b/source/renderer/App.tsx
@@ -39,7 +39,7 @@ export function App() {
         >
             <ThemeProvider theme={themeType === Theme.Dark ? themes.dark : themes.light}>
                 <DndProvider backend={HTML5Backend}>
-                    <BaseContainer onCopy={() => userCopiedText(document.getSelection()?.toString() ?? "")}>
+                    <BaseContainer className={`theme-${themeType}`} onCopy={() => userCopiedText(document.getSelection()?.toString() ?? "")}>
                         <Router>
                             <Switch>
                                 <Route path="/add-vault">

diff --git a/source/renderer/components/VaultEditor.tsx b/source/renderer/components/VaultEditor.tsx
@@ -25,8 +25,6 @@ import { t } from "../../shared/i18n/trans";
 import { ATTACHMENTS_MAX_SIZE } from "../../shared/symbols";
 import { Theme } from "../types";
 
-// import "@buttercup/ui/dist/styles.css";
-
 const BENCH_IMAGE = require("../../../resources/images/bench.png").default;
 
 interface VaultEditorProps {

diff --git a/source/renderer/components/vault/styles/vault-ui.sass b/source/renderer/components/vault/styles/vault-ui.sass
@@ -27,5 +27,10 @@ a
 
 // Splitter
 
-.split-pane-entries, .split-pane-entry-details
-    background-color: #252A31 //rgb(48, 64, 77);
+.theme-dark
+    .split-pane-entries, .split-pane-entry-details
+        background-color: #252A31
+
+.theme-light
+    .split-pane-entries, .split-pane-entry-details
+        background-color: #f6f7f9