From 91c48bedd3442c4764bf4bc319e75554ca7330b2 Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Thu, 27 Oct 2022 14:45:22 +0200
Subject: [PATCH] separate theme from layout in profile menu

---
 .../src/components/header/ProfileMenu.tsx             | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/commafeed-client/src/components/header/ProfileMenu.tsx b/commafeed-client/src/components/header/ProfileMenu.tsx
index cedcd7a4..431c5c4d 100644
--- a/commafeed-client/src/components/header/ProfileMenu.tsx
+++ b/commafeed-client/src/components/header/ProfileMenu.tsx
@@ -79,13 +79,18 @@ export function ProfileMenu(props: ProfileMenuProps) {
                     <Trans>Settings</Trans>
                 </Menu.Item>
 
+                <Divider />
+                <Menu.Label>
+                    <Trans>Theme</Trans>
+                </Menu.Label>
+                <Menu.Item icon={dark ? <TbSun size={iconSize} /> : <TbMoon size={iconSize} />} onClick={() => toggleColorScheme()}>
+                    {dark ? <Trans>Switch to light theme</Trans> : <Trans>Switch to dark theme</Trans>}
+                </Menu.Item>
+
                 <Divider />
                 <Menu.Label>
                     <Trans>Display</Trans>
                 </Menu.Label>
-                <Menu.Item icon={dark ? <TbMoon size={iconSize} /> : <TbSun size={iconSize} />} onClick={() => toggleColorScheme()}>
-                    <Trans>Theme</Trans>
-                </Menu.Item>
                 <SegmentedControl
                     fullWidth
                     orientation="vertical"