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)
This commit is contained in:
Pheng Heong TAN 2018-10-29 06:34:34 +08:00 committed by Nolan Lawson
parent c1917318ca
commit c305a9827a
2 changed files with 11 additions and 4 deletions

View file

@ -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>
</script>

View file

@ -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>
</script>