diff --git a/src/client/theme.ts b/src/client/theme.ts index 644ab2c98..6833ff524 100644 --- a/src/client/theme.ts +++ b/src/client/theme.ts @@ -23,6 +23,10 @@ export const builtinThemes = [ require('./themes/rainy.json5'), require('./themes/urban.json5'), require('./themes/cafe.json5'), + require('./themes/chocolate.json5'), + require('./themes/danboard.json5'), + require('./themes/military.json5'), + require('./themes/tweetdeck.json5'), ]; let timeout = null; diff --git a/src/client/themes/chocolate.json5 b/src/client/themes/chocolate.json5 new file mode 100644 index 000000000..c068d430f --- /dev/null +++ b/src/client/themes/chocolate.json5 @@ -0,0 +1,20 @@ +{ + id: 'bd6577b4-8154-4a2d-b7ce-7bf59f1fa3f5', + + name: 'Chocolate', + author: 'syuilo', + desc: 'So sweet', + + base: 'dark', + + props: { + accent: 'rgb(199, 69, 32)', + bg: 'rgb(35, 25, 21)', + fg: 'rgb(216, 208, 199)', + panel: 'rgb(64, 39, 27)', + renote: '@accent', + link: '@accent', + mention: '@accent', + hashtag: '@accent', + }, +} diff --git a/src/client/themes/danboard.json5 b/src/client/themes/danboard.json5 new file mode 100644 index 000000000..9490716f3 --- /dev/null +++ b/src/client/themes/danboard.json5 @@ -0,0 +1,22 @@ +{ + id: '17587283-dd92-4a2c-a22c-be0637c9e22a', + + name: 'Danboard', + author: 'syuilo', + + base: 'light', + + props: { + accent: 'rgb(218, 141, 49)', + bg: 'rgb(218, 212, 190)', + fg: 'rgb(115, 108, 92)', + panel: 'rgb(236, 232, 220)', + renote: 'rgb(100, 152, 106)', + link: 'rgb(100, 152, 106)', + mention: '@accent', + hashtag: 'rgb(100, 152, 106)', + header: 'rgba(239, 227, 213, 0.75)', + navBg: 'rgb(216, 206, 182)', + inputBorder: 'rgba(0, 0, 0, 0.1)', + }, +} diff --git a/src/client/themes/military.json5 b/src/client/themes/military.json5 new file mode 100644 index 000000000..2c4fa2df8 --- /dev/null +++ b/src/client/themes/military.json5 @@ -0,0 +1,22 @@ +{ + id: '0d92cf9c-ed9e-42fe-b715-be4899f54d12', + + name: 'Military', + author: 'syuilo', + + base: 'light', + + props: { + accent: 'rgb(158, 177, 95)', + bg: 'rgb(230, 230, 223)', + fg: 'rgb(103, 115, 92)', + panel: 'rgb(243, 241, 233)', + renote: '@accent', + link: '@accent', + mention: '@accent', + hashtag: '@accent', + header: 'rgba(211, 214, 200, 0.75)', + navBg: 'rgb(220, 219, 206)', + inputBorder: 'rgba(0, 0, 0, 0.1)', + }, +} diff --git a/src/client/themes/tweetdeck.json5 b/src/client/themes/tweetdeck.json5 new file mode 100644 index 000000000..a991fa1b4 --- /dev/null +++ b/src/client/themes/tweetdeck.json5 @@ -0,0 +1,21 @@ +{ + id: '7e5e263e-c6c1-44e4-a3d2-39198e3cddb8', + + name: 'Tweet Deck', + author: 'simirall', + desc: 'Tweet like a pro.', + + base: 'dark', + + props: { + accent: '#1da1f2', + bg: '#10171E', + fg: '#fdfdfd', + panel: '#15202B', + header: 'rgba(20, 32, 43, 0.75)', + renote: '#17bf63', + link: '@accent', + mention: '@accent', + hashtag: '@accent', + }, +}