eightball/PluralKit
1
0
Fork 0
mirror of https://github.com/PluralKit/PluralKit.git synced 2026-02-14 17:50:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add opendyslexic font setting

Browse source
This commit is contained in:
Draconizations 2022-04-07 19:33:11 +02:00
parent ee1e5029f9
commit 629d45318e
3 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/pages/Settings.svelte
View file

@ -12,6 +12,9 @@
gradient_background: false,
color_background: false,
twemoji: false
},
accessibility: {
opendyslexic: false
}
};
@ -19,6 +22,11 @@
settings = {...settings, ...savedSettings}
};
function toggleOpenDyslexic() {
if (settings.accessibility.opendyslexic) document.getElementById("app").classList.add("dyslexic");
else document.getElementById("app").classList.remove("dyslexic");
}
</script>
<Container>
@ -54,6 +62,14 @@
<Tooltip target="s-colorbackground" placement="bottom">If enabled, turns the background on member pages into the member's color.</Tooltip>
</Col>
</Row>
<h4>Accessibility</h4>
<hr/>
<Row>
<Col xs={12} lg={4} class="mb-2">
<span id="s-opendyslexic">Use the opendyslexic font?</span> <Toggle hideLabel style="display: inline" label="Use the opendyslexic font" toggled={settings.accessibility.opendyslexic} on:toggle={() => {settings.accessibility.opendyslexic = !settings.accessibility.opendyslexic; localStorage.setItem("pk-settings", JSON.stringify(settings)); toggleOpenDyslexic();}}/>
<Tooltip target="s-bannertop" placement="bottom">If enabled, shows banners from the top of the system, member and group pages.</Tooltip>
</Col>
</Row>
</CardBody>
</Card>
</Col>