diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-02-12 16:52:01 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-02-12 16:52:01 +0900 |
| commit | 720d5db041e52baa57177331eea3490d75c6b75c (patch) | |
| tree | 55a2db5e9ec96b01edd3a7cb60951ebcf64af39b /packages/client/src | |
| parent | fix(client): フッターでセーフエリアを考慮するように (diff) | |
| download | sharkey-720d5db041e52baa57177331eea3490d75c6b75c.tar.gz sharkey-720d5db041e52baa57177331eea3490d75c6b75c.tar.bz2 sharkey-720d5db041e52baa57177331eea3490d75c6b75c.zip | |
:art:
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/scripts/theme.ts | 2 | ||||
| -rw-r--r-- | packages/client/src/themes/d-cherry.json5 | 20 | ||||
| -rw-r--r-- | packages/client/src/themes/l-cherry.json5 | 21 | ||||
| -rw-r--r-- | packages/client/src/ui/universal.vue | 1 |
4 files changed, 44 insertions, 0 deletions
diff --git a/packages/client/src/scripts/theme.ts b/packages/client/src/scripts/theme.ts index 85c087331b..2001b135ca 100644 --- a/packages/client/src/scripts/theme.ts +++ b/packages/client/src/scripts/theme.ts @@ -20,6 +20,7 @@ export const builtinThemes = [ require('@/themes/l-apricot.json5'), require('@/themes/l-rainy.json5'), require('@/themes/l-vivid.json5'), + require('@/themes/l-cherry.json5'), require('@/themes/l-sushi.json5'), require('@/themes/d-dark.json5'), @@ -27,6 +28,7 @@ export const builtinThemes = [ require('@/themes/d-astro.json5'), require('@/themes/d-future.json5'), require('@/themes/d-botanical.json5'), + require('@/themes/d-cherry.json5'), require('@/themes/d-pumpkin.json5'), require('@/themes/d-black.json5'), ] as Theme[]; diff --git a/packages/client/src/themes/d-cherry.json5 b/packages/client/src/themes/d-cherry.json5 new file mode 100644 index 0000000000..a7e1ad1c80 --- /dev/null +++ b/packages/client/src/themes/d-cherry.json5 @@ -0,0 +1,20 @@ +{ + id: '679b3b87-a4e9-4789-8696-b56c15cc33b0', + + name: 'Mi Cherry Dark', + author: 'syuilo', + + base: 'dark', + + props: { + accent: 'rgb(255, 89, 117)', + bg: 'rgb(28, 28, 37)', + fg: 'rgb(236, 239, 244)', + panel: 'rgb(35, 35, 47)', + renote: '@accent', + link: '@accent', + mention: '@accent', + hashtag: '@accent', + divider: 'rgb(63, 63, 80)', + }, +} diff --git a/packages/client/src/themes/l-cherry.json5 b/packages/client/src/themes/l-cherry.json5 new file mode 100644 index 0000000000..5ad240241e --- /dev/null +++ b/packages/client/src/themes/l-cherry.json5 @@ -0,0 +1,21 @@ +{ + id: 'ac168876-f737-4074-a3fc-a370c732ef48', + + name: 'Mi Cherry Light', + author: 'syuilo', + + base: 'light', + + props: { + accent: 'rgb(219, 96, 114)', + bg: 'rgb(254, 248, 249)', + fg: 'rgb(152, 13, 26)', + panel: 'rgb(255, 255, 255)', + renote: '@accent', + link: 'rgb(156, 187, 5)', + mention: '@accent', + hashtag: '@accent', + divider: 'rgba(134, 51, 51, 0.1)', + inputBorderHover: 'rgb(238, 221, 222)', + }, +} diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue index e30ba11953..a2041b2e36 100644 --- a/packages/client/src/ui/universal.vue +++ b/packages/client/src/ui/universal.vue @@ -347,6 +347,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null; -webkit-backdrop-filter: var(--blur, blur(32px)); backdrop-filter: var(--blur, blur(32px)); background-color: var(--header); + border-top: solid 0.5px var(--divider); > .button { position: relative; |