[Client] Add some themes 🎨

This commit is contained in:
syuilo 2018-12-30 06:40:48 +09:00
parent d3b81c3e00
commit 8782a64b18
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
4 changed files with 67 additions and 1 deletions

View file

@ -15,13 +15,19 @@ export const darkTheme: Theme = require('../theme/dark.json5');
export const pinkTheme: Theme = require('../theme/pink.json5'); export const pinkTheme: Theme = require('../theme/pink.json5');
export const blackTheme: Theme = require('../theme/black.json5'); export const blackTheme: Theme = require('../theme/black.json5');
export const halloweenTheme: Theme = require('../theme/halloween.json5'); 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 builtinThemes = [ export const builtinThemes = [
lightTheme, lightTheme,
darkTheme, darkTheme,
pinkTheme, pinkTheme,
blackTheme, blackTheme,
halloweenTheme halloweenTheme,
cafeTheme,
japaneseSushiSetTheme,
gruvboxDarkTheme
]; ];
export function applyTheme(theme: Theme, persisted = true) { export function applyTheme(theme: Theme, persisted = true) {

View file

@ -0,0 +1,20 @@
{
id: '0ff48d43-aab3-46e7-ab12-8492110d2e2b',
name: 'Cafe',
author: 'syuilo',
base: 'light',
vars: {
primary: 'rgb(234, 154, 82)',
secondary: 'rgb(238, 236, 232)',
text: 'rgb(149, 143, 139)',
},
props: {
renoteGradient: '#ffe1c7',
renoteText: '$primary',
quoteBorder: '$primary',
},
}

View file

@ -0,0 +1,20 @@
{
id: '0c6e70e2-a1ec-4053-9b1a-b6082fe016cb',
name: 'gruvbox dark',
author: 'syuilo',
base: 'dark',
vars: {
primary: 'rgb(215, 153, 33))',
secondary: 'rgb(40, 40, 40)',
text: 'rgb(235, 219, 178)',
},
props: {
renoteGradient: '#58581e',
renoteText: 'rgb(169, 174, 36)',
quoteBorder: 'rgb(169, 174, 36)',
},
}

View file

@ -0,0 +1,20 @@
{
id: '2b0a0654-cdb4-4c9a-8244-736b647d3c2a',
name: 'Japanese Sushi Set',
author: 'noizenecio & syuilo',
base: 'dark',
vars: {
primary: 'rgb(234, 136, 50))',
secondary: 'rgb(34, 36, 42)',
text: 'rgb(221, 209, 203)',
},
props: {
renoteGradient: '#6d3d14',
renoteText: '$primary',
quoteBorder: '$primary',
},
}