Added hamburger and member sidebar icons

src/pages/channels/ChannelHeader.tsx

@@ -1,4 +1,4 @@
-import { At, Hash } from "@styled-icons/boxicons-regular";
+import { At, Hash, Menu } from "@styled-icons/boxicons-regular";
 import { Notepad, Group } from "@styled-icons/boxicons-solid";
 import { Channel, User } from "revolt.js";
 import styled from "styled-components";
@@ -89,6 +89,11 @@ export default function ChannelHeader({
 
     return (
         <Header placement="primary">
+            {isTouchscreenDevice &&
+                <div className="menu">
+                    <Menu size={27} />
+                </div>
+            }
             {icon}
             <Info>
                 <span className="name">{name}</span>

src/pages/channels/actions/HeaderActions.tsx

@@ -1,9 +1,9 @@
-import { Sidebar as SidebarIcon } from "@styled-icons/boxicons-regular";
 import {
     UserPlus,
     Cog,
     PhoneCall,
     PhoneOutgoing,
+    Group
 } from "@styled-icons/boxicons-solid";
 import { useHistory } from "react-router-dom";
 
@@ -65,11 +65,10 @@ export default function HeaderActions({
             <VoiceActions channel={channel} />
             {(channel.channel_type === "Group" ||
                 channel.channel_type === "TextChannel") &&
-                !isTouchscreenDevice && (
                     <IconButton onClick={toggleSidebar}>
-                        <SidebarIcon size={22} />
+                        <Group size={25} />
                     </IconButton>
-                )}
+                }
         </>
     );
 }

src/pages/settings/GenericSettings.tsx

@@ -75,7 +75,7 @@ export function GenericSettings({
                     content={
                         isTouchscreenDevice
                             ? theme["primary-header"]
-                            : theme["secondary-background"]
+                            : theme["background"]
                     }
                 />
             </Helmet>