From 0a954547b2bb8136c97f3a697274319751e046ed Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 5 Jan 2022 12:00:43 +0100
Subject: chore: replace theme button with settings

I plan to add more user settings so theme options should be inside
settings.
---
 src/components/ThemeToggle/ThemeToggle.module.scss | 4 ++++
 src/components/ThemeToggle/ThemeToggle.tsx         | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/ThemeToggle')

diff --git a/src/components/ThemeToggle/ThemeToggle.module.scss b/src/components/ThemeToggle/ThemeToggle.module.scss
index c780b96..36c91f7 100644
--- a/src/components/ThemeToggle/ThemeToggle.module.scss
+++ b/src/components/ThemeToggle/ThemeToggle.module.scss
@@ -9,6 +9,10 @@
   align-items: center;
 }
 
+.title {
+  margin-right: var(--spacing-xs);
+}
+
 .toggle {
   display: inline-flex;
   align-items: center;
diff --git a/src/components/ThemeToggle/ThemeToggle.tsx b/src/components/ThemeToggle/ThemeToggle.tsx
index 015201b..4b93ac9 100644
--- a/src/components/ThemeToggle/ThemeToggle.tsx
+++ b/src/components/ThemeToggle/ThemeToggle.tsx
@@ -22,7 +22,7 @@ const ThemeToggle = () => {
         onChange={() => setIsDarkTheme(!isDarkTheme)}
       />
       <label htmlFor="dark-theme" className={styles.label}>
-        <span className="screen-reader-text">{t`Activate dark theme`}</span>
+        <span className={styles.title}>{t`Theme:`}</span>
         <SunIcon />
         <span className={styles.toggle}></span>
         <MoonIcon />
-- 
cgit v1.2.3