mizzkey/src/client/themes/_dark.json5

85 lines
2.3 KiB
Plaintext
Raw Normal View History

2020-07-04 20:55:34 +02:00
// ダークテーマのベーステーマ
// このテーマが直接使われることは無い
2018-10-02 09:04:31 +02:00
{
id: 'dark',
name: 'Dark',
author: 'syuilo',
desc: 'Default dark theme',
2018-10-08 08:23:10 +02:00
kind: 'dark',
2018-10-02 09:04:31 +02:00
props: {
accent: '#86b300',
accentDarken: ':darken<10<@accent',
accentLighten: ':lighten<10<@accent',
focus: ':alpha<0.3<@accent',
bg: '#000',
2020-12-20 09:19:18 +01:00
acrylicBg: ':alpha<0.5<@bg',
2021-01-09 09:18:45 +01:00
fg: '#dadada',
2021-02-17 13:27:11 +01:00
fgTransparentWeak: ':alpha<0.75<@fg',
fgTransparent: ':alpha<0.5<@fg',
2020-02-14 17:18:48 +01:00
fgHighlighted: ':lighten<3<@fg',
2020-07-04 20:11:39 +02:00
divider: 'rgba(255, 255, 255, 0.1)',
2020-02-16 23:14:03 +01:00
indicator: '@accent',
2021-01-09 09:18:45 +01:00
panel: ':lighten<3<@bg',
panelHighlight: ':lighten<3<@panel',
2020-07-04 20:11:39 +02:00
panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: 'rgba(0, 0, 0, 0)',
Migrate to Vue3 (#6587) * Update reaction.vue * fix bug * wip * wip * wjio * wip * Revert "wip" This reverts commit e427f2160adf4e8a4147006e25a89854edab0033. * wip * wip * wip * Update init.ts * Update drive-window.vue * wip * wip * Use PascalCase for components * Use PascalCase for components * update dep * wip * wip * wip * Update init.ts * wip * Update paging.ts * Update test.vue * watch deep * wip * lint * wip * wip * wip * wip * wiop * wip * Update webpack.config.ts * alllow null poll * wip * wip * wip * wiop * UI redesign & refactor (#6714) * wip * wip * wip * wip * wip * Update drive.vue * Update word-mute.vue * wip * wip * wip * clean up * wip * Update default.vue * wip * Update notes.vue * Update mfm.ts * Update index.home.vue * Update post-form.vue * Update post-form-attaches.vue * wip * Update post-form.vue * Update sidebar.vue * wip * wip * Update index.vue * wip * Update default.vue * Update index.vue * Update index.vue * wip * Update post-form-attaches.vue * Update note.vue * wip * clean up * Update notes.vue * wip * wip * Update ja-JP.yml * wip * wip * Update index.vue * wip * wip * wip * wip * wip * wip * wip * wip * Update default.vue * wip * Update _dark.json5 * wip * wip * wip * clean up * wip * wip * Update index.vue * Update test.vue * wip * wip * fix * wip * wip * wip * wip * clena yop * wip * wip * Update store.ts * Update messaging-room.vue * Update default.widgets.vue * fix * wip * wip * Update modal.vue * wip * Update os.ts * Update os.ts * Update deck.vue * Update init.ts * wip * Update ja-JP.yml * v-sizeは単にwindowのresizeを監視するだけで良いかもしれない * Update modal.vue * wip * Update tooltip.ts * wip * wip * wip * wip * wip * Update image-viewer.vue * wip * wip * Update style.scss * Update style.scss * Update visitor.vue * wip * Update init.ts * Update init.ts * wip * wip * Update visitor.vue * Update visitor.vue * Update visitor.vue * Update visitor.vue * wip * wip * Update modal.vue * Update header.vue * Update menu.vue * Update about.vue * Update about-misskey.vue * wip * wip * Update visitor.vue * Update tooltip.ts * wip * Update drive.vue * wip * Update style.scss * Update header.vue * wip * wip * Update users.user.vue * Update announcements.vue * wip * wip * wip * Update emojis.vue * wip * Update emojis.vue * Update style.scss * Update users.vue * wip * Update style.scss * wip * Update welcome.entrance.vue * Update radio.vue * Update size.ts * Update emoji-edit-dialog.vue * wip * Update emojis.vue * wip * Update emojis.vue * Update emojis.vue * Update emojis.vue * wip * wip * wip * wip * Update file-dialog.vue * wip * wip * Update token-generate-window.vue * Update notification-setting-window.vue * wip * wip * Update _error_.vue * Update ja-JP.yml * wip * wip * Update store.ts * Update emojis.vue * Update emojis.vue * Update emojis.vue * Update announcements.vue * Update store.ts * wip * Update page-editor.vue * wip * wip * Update modal.vue * wip * Update select-file.ts * Update timeline.vue * Update emojis.vue * Update os.ts * wip * Update user-select.vue * Update mfm.ts * Update get-file-info.ts * Update drive.vue * Update init.ts * Update mfm.ts * wip * wip * Update window.vue * Update note.vue * wip * wip * Update user-info.vue * wip * wip * wip * wip * wip * Update header.vue * Update header.vue * wip * Update explore.vue * wip * wip * wip * Update webpack.config.ts * wip * wip * wip * wip * wip * wip * Update autocomplete.ts * wip * wip * wip * Update toast.vue * wip * Update post-form-dialog.vue * wip * wip * wip * wip * wip * Update users.vue * wip * Update explore.vue * wip * wip * wip * Update package.json * wip * Update icon-dialog.vue * wip * wip * Update user-preview.ts * wip * wip * wip * wip * wip * Update instance.vue * Update user-name.vue * Update federation.vue * Update instance.vue * wip * wip * Update tag.vue * wip * wip * wip * wip * wip * Update instance.vue * wip * Update os.ts * Update os.ts * wip * wip * wip * Update router.ts * wip * Update init.ts * Update note.vue * Update messages.vue * wip * wip * wip * wip * wip * google * wip * wip * wip * wip * Update theme-editor.vue * wip * wip * Update room.vue * Update channel-editor.vue * wip * Update window.vue * Update window.vue * wip * Update window.vue * Update window.vue * wip * Update menu.vue * wip * wip * wip * wip * Update messaging-room.vue * wip * Update post-form.vue * Update default.widgets.vue * Update window.vue * wip
2020-10-17 13:12:00 +02:00
panelShadow: '" 0 8px 24px rgba(0, 0, 0, 0.12)',
acrylicPanel: ':alpha<0.5<@panel',
2020-07-12 11:36:14 +02:00
shadow: 'rgba(0, 0, 0, 0.3)',
header: ':alpha<0.7<@bg',
2020-12-12 05:09:40 +01:00
navBg: '@panel',
navFg: '@fg',
2020-02-16 18:41:03 +01:00
navHoverFg: ':lighten<17<@fg',
navActive: '@accent',
navIndicator: '@accent',
link: '#44a4c1',
hashtag: '#ff9156',
mention: '@accent',
2020-06-04 15:19:08 +02:00
mentionMe: '@mention',
renote: '#229e82',
modalBg: 'rgba(0, 0, 0, 0.5)',
scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
2020-03-20 10:11:39 +01:00
dateLabelFg: '@fg',
2018-10-31 10:07:00 +01:00
infoBg: '#253142',
infoFg: '#fff',
2018-10-26 01:37:30 +02:00
infoWarnBg: '#42321c',
infoWarnFg: '#ffbd3e',
cwBg: '#687390',
cwFg: '#393f4f',
cwHoverBg: '#707b97',
buttonBg: 'rgba(255, 255, 255, 0.05)',
buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
inputBorder: '#959da2',
listItemHoverBg: 'rgba(255, 255, 255, 0.03)',
driveFolderBg: ':alpha<0.3<@accent',
2020-02-15 00:29:59 +01:00
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
2020-02-15 14:21:35 +01:00
badge: '#31b1ce',
2020-03-20 14:42:35 +01:00
messageBg: ':lighten<5<@bg',
2020-11-01 14:09:16 +01:00
success: '#86b300',
error: '#ec4137',
warn: '#ecb637',
2020-07-12 11:22:13 +02:00
htmlThemeColor: '@bg',
2020-07-04 20:49:58 +02:00
X2: ':darken<2<@panel',
X3: 'rgba(255, 255, 255, 0.05)',
X4: 'rgba(255, 255, 255, 0.1)',
X5: 'rgba(255, 255, 255, 0.05)',
X6: 'rgba(255, 255, 255, 0.15)',
X7: 'rgba(255, 255, 255, 0.05)',
X8: ':lighten<5<@accent',
X9: ':darken<5<@accent',
X10: ':alpha<0.4<@accent',
X11: 'rgba(0, 0, 0, 0.3)',
X12: 'rgba(255, 255, 255, 0.1)',
X13: 'rgba(255, 255, 255, 0.15)',
X14: ':alpha<0.5<@navBg',
X15: ':alpha<0<@panel',
2020-11-29 03:25:43 +01:00
X16: ':alpha<0.7<@panel',
2021-02-17 13:27:11 +01:00
X17: ':alpha<0.8<@bg',
2018-10-02 09:04:31 +02:00
},
}