From c305a9827a6de2f57faa5296bc0359957f98d548 Mon Sep 17 00:00:00 2001
From: Pheng Heong TAN <phtan90@gmail.com>
Date: Mon, 29 Oct 2018 06:34:34 +0800
Subject: [PATCH] Provide directions to change the theme (#585)

* Add directions to change themes

The page 'general' was the first place I looked when I
wanted to change the theme. Not managing to find it,
I went on a search throughout various issues ( #46 , for
example) on Github before locating it.

Now I hope to spare others the search

* Hint the user about themes

When I was on this page, it wasn't immediately apparent
to me that the SettingsListItem was clickable (I thought it
was a list rather than a button)
---
 routes/_pages/settings/general.html         | 8 ++++++--
 routes/_pages/settings/instances/index.html | 7 +++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/routes/_pages/settings/general.html b/routes/_pages/settings/general.html
index e98846ee..86c06258 100644
--- a/routes/_pages/settings/general.html
+++ b/routes/_pages/settings/general.html
@@ -24,7 +24,11 @@
       <label for="choice-omit-emoji-in-display-names">Remove emoji from user display names</label>
     </div>
   </form>
-
+  
+  <h2>Themes
+  </h2>
+  <p>Changes to the theme (colours) of Pinafore can be made in <i>Settings &gt; Instances &gt; *your instance*</i>
+  </p>
 </SettingsLayout>
 <style>
   .ui-settings {
@@ -48,4 +52,4 @@
     },
     store: () => store
   }
-</script>
\ No newline at end of file
+</script>
diff --git a/routes/_pages/settings/instances/index.html b/routes/_pages/settings/instances/index.html
index 908f95c7..9d1e0a81 100644
--- a/routes/_pages/settings/instances/index.html
+++ b/routes/_pages/settings/instances/index.html
@@ -2,7 +2,10 @@
   <h1>Instances</h1>
 
   {#if $isUserLoggedIn}
-  <p>Instances you've logged in to:</p>
+  <p>Instances you've logged in to:
+  <br />
+    (click to change themes/colours)
+  </p>
   <SettingsList label="Instances">
     {#each $loggedInInstancesAsList as instance}
       <SettingsListItem offsetForIcon={instance.name !== $currentInstance}
@@ -32,4 +35,4 @@
     },
     store: () => store
   }
-</script>
\ No newline at end of file
+</script>