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

@ -25,6 +25,10 @@
</div> </div>
</form> </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> </SettingsLayout>
<style> <style>
.ui-settings { .ui-settings {

View file

@ -2,7 +2,10 @@
<h1>Instances</h1> <h1>Instances</h1>
{#if $isUserLoggedIn} {#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"> <SettingsList label="Instances">
{#each $loggedInInstancesAsList as instance} {#each $loggedInInstancesAsList as instance}
<SettingsListItem offsetForIcon={instance.name !== $currentInstance} <SettingsListItem offsetForIcon={instance.name !== $currentInstance}