From 2b4f5dbe16fb19215c762c67a17075ea9626a8dd Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Wed, 4 Nov 2020 16:28:07 -0500
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20apply=20a=20section=20t?=
 =?UTF-8?q?itle=20to=20theme=20toggle=20dropdown?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/core/app/templates/application.hbs | 36 ++++++++++++++-------------
 ui/core/translations/en-us.yaml       |  1 +
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/ui/core/app/templates/application.hbs b/ui/core/app/templates/application.hbs
index 268d4be15..4602a5bd3 100644
--- a/ui/core/app/templates/application.hbs
+++ b/ui/core/app/templates/application.hbs
@@ -32,23 +32,25 @@
 
             <dropdown.separator />
 
-            <Rose::Form as |form|>
-              <form.radioGroup
-                @name="theme"
-                @selectedValue={{this.session.data.theme}}
-                @changed={{route-action "toggleTheme"}}
-              as |radioGroup|>
-                <dropdown.item>
-                  <radioGroup.radio @label={{t "themes.system"}} />
-                </dropdown.item>
-                <dropdown.item>
-                  <radioGroup.radio @label={{t "themes.light"}} @value="light" />
-                </dropdown.item>
-                <dropdown.item>
-                  <radioGroup.radio @label={{t "themes.dark"}} @value="dark" />
-                </dropdown.item>
-              </form.radioGroup>
-            </Rose::Form>
+            <dropdown.section @title={{t "titles.toggle-color-theme"}}>
+              <Rose::Form as |form|>
+                <form.radioGroup
+                  @name="theme"
+                  @selectedValue={{this.session.data.theme}}
+                  @changed={{route-action "toggleTheme"}}
+                as |radioGroup|>
+                  <dropdown.item>
+                    <radioGroup.radio @label={{t "themes.system"}} />
+                  </dropdown.item>
+                  <dropdown.item>
+                    <radioGroup.radio @label={{t "themes.light"}} @value="light" />
+                  </dropdown.item>
+                  <dropdown.item>
+                    <radioGroup.radio @label={{t "themes.dark"}} @value="dark" />
+                  </dropdown.item>
+                </form.radioGroup>
+              </Rose::Form>
+            </dropdown.section>
 
           </utilities.dropdown>
         </header.utilities>
diff --git a/ui/core/translations/en-us.yaml b/ui/core/translations/en-us.yaml
index 58629f229..c1d3bd392 100644
--- a/ui/core/translations/en-us.yaml
+++ b/ui/core/translations/en-us.yaml
@@ -19,6 +19,7 @@ titles:
   actions: Actions
   documentation: Documentation
   abandon-confirm: Discard unsaved changes?
+  toggle-color-theme: Toggle Color Theme
 descriptions:
   empty-set: There are no items to display yet.  You may be able to add items or try back later.
 questions: