calckey-themes/karmotrine-dream/README.md

61 lines
2.0 KiB
Markdown

# Karmotrine Dream Calckey Theme
A dark-mode theme for Calckey/Misskey made with pink and slight purple colours
I originally wanted to base this off of the VA-11 Hall-A UI. That did not work as good as expected, but I used that as a base to make a theme I'm mostly happy with.
I tried to make it as readable as possible, but there's the occasional UI element that's a little hard to read that is not so easy to fix as I hoped.
## Installing
1. Open your Calckey instance
2. Navigate to Settings > Themes > Install a theme
3. Paste code
4. Press Install
<details>
<summary>Code</summary>
{
id: '03539279-f1a0-4d7c-9732-2cce7cb39235',
base: 'dark',
desc: 'A dark theme somewhat originally based on the VA-11 Hall-A UI colours. Not so much in the end result.',
name: 'Karmotrine Dream',
props: {
bg: '#1f1a21',
fg: '#FCB6C0',
cwBg: '@accent',
cwFg: '@fgOnAccent',
link: '@mention',
badge: '@mention',
navBg: '#1f1a2d',
panel: '@bg',
popup: '@navBg',
accent: ':lighten<15<@bg',
renote: '@mention',
hashtag: '@mention',
mention: '#F03B67',
buttonBg: ':lighten<5<@bg',
accentedBg: '#FCB6C0',
fgOnAccent: '#FEC5D2',
infoWarnBg: '@accentedBg',
infoWarnFg: 'black',
swutchOnBg: '@accent',
swutchOnFg: '@fg',
swutchOffFg: '#7b7b7b',
fgHighlighted: ':darken<5<@fg',
},
author: '@jill@nightcity.bar',
}
</details>
## Screenshots
<details>
<summary>Screenshot of timeline with Karmotrine Dream theme</summary>
<img src="karmotrine-dream-screenshot-1.png" alt="Screenshot of timeline with Karmotrine Dream theme"/>
</details>
<details>
<summary>Screenshot of explore page with Karmotrine Dream theme</summary>
<img src="karmotrine-dream-screenshot-2.png" alt="Screenshot of explore page with Karmotrine Dream theme"/>
</details>