diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-12-30 09:21:23 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-12-30 09:21:23 +0900 |
| commit | 8bbff90aca078cb740422df0680c8c1cb7595be6 (patch) | |
| tree | 1283f1e3eea3129e7dfabfb3cd155cb1308030fa /src/client | |
| parent | [Client] Separate theme property (diff) | |
| download | sharkey-8bbff90aca078cb740422df0680c8c1cb7595be6.tar.gz sharkey-8bbff90aca078cb740422df0680c8c1cb7595be6.tar.bz2 sharkey-8bbff90aca078cb740422df0680c8c1cb7595be6.zip | |
[Client] Add Monokai theme :art:
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/app/theme.ts | 4 | ||||
| -rw-r--r-- | src/client/theme/monokai.json5 | 24 |
2 files changed, 27 insertions, 1 deletions
diff --git a/src/client/app/theme.ts b/src/client/app/theme.ts index d53bad7141..3a7627c50c 100644 --- a/src/client/app/theme.ts +++ b/src/client/app/theme.ts @@ -18,6 +18,7 @@ export const halloweenTheme: Theme = require('../theme/halloween.json5'); export const cafeTheme: Theme = require('../theme/cafe.json5'); export const japaneseSushiSetTheme: Theme = require('../theme/japanese-sushi-set.json5'); export const gruvboxDarkTheme: Theme = require('../theme/gruvbox-dark.json5'); +export const monokaiTheme: Theme = require('../theme/monokai.json5'); export const builtinThemes = [ lightTheme, @@ -27,7 +28,8 @@ export const builtinThemes = [ halloweenTheme, cafeTheme, japaneseSushiSetTheme, - gruvboxDarkTheme + gruvboxDarkTheme, + monokaiTheme ]; export function applyTheme(theme: Theme, persisted = true) { diff --git a/src/client/theme/monokai.json5 b/src/client/theme/monokai.json5 new file mode 100644 index 0000000000..859c1c2340 --- /dev/null +++ b/src/client/theme/monokai.json5 @@ -0,0 +1,24 @@ +{ + id: 'fef11dc4-6b17-436e-b374-73282c44ddc0', + + name: 'Monokai', + author: 'syuilo', + + base: 'dark', + + vars: { + primary: '#f92672', + secondary: '#272822', + text: '#f8f8f2', + }, + + props: { + renoteGradient: '#3f500f', + renoteText: '#a6e22e', + quoteBorder: '#a6e22e', + mfmMention: '#ae81ff', + mfmUrl: '#66d9ef', + mfmLink: '#e6db74', + mfmHashtag: '#fd971f' + }, +} |