Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-06 16:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adapt to theme

Browse Source
This commit is contained in:
Nicola Benaglia 2025-04-06 22:00:38 +02:00
parent 4dae8685eb
commit 2cce4ec7c6
1 changed files with 3 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/DesktopSideBar.tsx
View File

@ -1,12 +1,8 @@
import { Box, ButtonBase } from "@mui/material";
import React from "react";
import { Box, ButtonBase, useTheme } from "@mui/material";
import { HomeIcon } from "../assets/Icons/HomeIcon";
import { MessagingIcon } from "../assets/Icons/MessagingIcon";
import { Save } from "./Save/Save";
import { HubsIcon } from "../assets/Icons/HubsIcon";
import { CoreSyncStatus } from "./CoreSyncStatus";
import { IconWrapper } from "./Desktop/DesktopFooter";
import AppIcon from "./../assets/svgs/AppIcon.svg";
import { useRecoilState } from "recoil";
import { enabledDevModeAtom } from "../atoms/global";
import { AppsIcon } from "../assets/Icons/AppsIcon";
@ -54,12 +50,9 @@ export const DesktopSideBar = ({
>
<HomeIcon
height={34}
<<<<<<< HEAD
=======
color={
desktopViewMode === "home" ? "white" : "rgba(250, 250, 250, 0.5)"
}
>>>>>>> b721248 (Add themeSelector component)
/>
</ButtonBase>
<ButtonBase
@ -70,27 +63,17 @@ export const DesktopSideBar = ({
}}
>
<IconWrapper
<<<<<<< HEAD
=======
color={isApps ? "white" : "rgba(250, 250, 250, 0.5)"}
>>>>>>> b721248 (Add themeSelector component)
label="Apps"
selected={isApps}
disableWidth
>
<AppsIcon
<<<<<<< HEAD
=======
color={isApps ? "white" : "rgba(250, 250, 250, 0.5)"}
>>>>>>> b721248 (Add themeSelector component)
height={30}
/>
</IconWrapper>
</ButtonBase>
<<<<<<< HEAD
=======
>>>>>>> b721248 (Add themeSelector component)
<ButtonBase
onClick={() => {
setDesktopViewMode("chat");
@ -100,13 +83,7 @@ export const DesktopSideBar = ({
color={
hasUnreadDirects || hasUnreadGroups
? "var(--unread)"
<<<<<<< HEAD
: theme.palette.text.primary
=======
: desktopViewMode === "chat"
? "white"
: "rgba(250, 250, 250, 0.5)"
>>>>>>> b721248 (Add themeSelector component)
: theme.palette.text.primary
}
label="Chat"
disableWidth
@ -116,13 +93,8 @@ export const DesktopSideBar = ({
color={
hasUnreadDirects || hasUnreadGroups
? "var(--unread)"
<<<<<<< HEAD
: theme.palette.text.primary
=======
: desktopViewMode === "chat"
? "white"
: "rgba(250, 250, 250, 0.5)"
>>>>>>> b721248 (Add themeSelector component)
? "rgba(250, 250, 250, 0.5)"
}
/>
</IconWrapper>
@ -154,22 +126,13 @@ export const DesktopSideBar = ({
}}
>
<IconWrapper
<<<<<<< HEAD
=======
color={
desktopViewMode === "dev" ? "white" : "rgba(250, 250, 250, 0.5)"
}
>>>>>>> b721248 (Add themeSelector component)
label="Dev"
disableWidth
>
<AppsIcon
<<<<<<< HEAD
=======
color={
desktopViewMode === "dev" ? "white" : "rgba(250, 250, 250, 0.5)"
}
>>>>>>> b721248 (Add themeSelector component)
height={30}
/>
</IconWrapper>