fix: dark & light color

superhero-com · Jan 30, 2024 · 9ca0531 · 9ca0531
1 parent d6c8392
commit 9ca0531
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 2 deletions.
diff --git a/res/css/superhero/custom.css b/res/css/superhero/custom.css
@@ -331,3 +331,19 @@ h2 .sh_VerifiedIcon {
     -webkit-mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
     mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
 }
+
+.cpd-theme-dark svg.light_logo {
+    display: none !important;
+}
+
+.cpd-theme-dark svg.dark_logo {
+    display: block !important;
+}
+
+.cpd-theme-light svg.dark_logo {
+    display: none !important;
+}
+
+.cpd-theme-light svg.light_logo {
+    display: block !important;
+}
diff --git a/res/themes/superhero/img/logos/superhero-dark.svg b/res/themes/superhero/img/logos/superhero-dark.svg
diff --git a/res/themes/superhero/img/logos/superhero.svg → ...s/superhero/img/logos/superhero-light.svg b/res/themes/superhero/img/logos/superhero.svg → ...s/superhero/img/logos/superhero-light.svg
diff --git a/src/components/structures/LeftPanel.tsx b/src/components/structures/LeftPanel.tsx
@@ -45,7 +45,8 @@ import PageType from "matrix-react-sdk/src/PageTypes";
 import { UserOnboardingButton } from "matrix-react-sdk/src/components/views/user-onboarding/UserOnboardingButton";
 
 import RoomList from "../views/rooms/RoomList";
-import { Icon as Superhero } from "../../../res/themes/superhero/img/logos/superhero.svg";
+import { Icon as SuperheroDark } from "../../../res/themes/superhero/img/logos/superhero-dark.svg";
+import { Icon as SuperheroLight } from "../../../res/themes/superhero/img/logos/superhero-light.svg";
 
 interface IProps {
     isMinimized: boolean;
@@ -370,6 +371,7 @@ export default class LeftPanel extends React.Component<IProps, IState> {
     }
 
     public render(): React.ReactNode {
+        console.log("render changedd");
         const roomList = (
             <RoomList
                 onKeyDown={this.onKeyDown}
@@ -401,7 +403,16 @@ export default class LeftPanel extends React.Component<IProps, IState> {
                             marginLeft: "10px",
                         }}
                     >
-                        <Superhero
+                        <SuperheroLight
+                            className="light_logo"
+                            style={{
+                                width: "112px",
+                                height: "32px",
+                                display: "block",
+                            }}
+                        />
+                        <SuperheroDark
+                            className="dark_logo"
                             style={{
                                 width: "112px",
                                 height: "32px",