barkey/packages/frontend/src/themes/_dark.json5

100 lines
2.7 KiB
Text
Raw Normal View History

2020-07-04 18:55:34 +00:00
// ダークテーマのベーステーマ
// このテーマが直接使われることは無い
2018-10-02 07:04:31 +00:00
{
id: 'dark',
name: 'Dark',
author: 'syuilo',
desc: 'Default dark theme',
2018-10-08 06:23:10 +00:00
kind: 'dark',
2018-10-02 07:04:31 +00:00
props: {
accent: '#86b300',
accentDarken: ':darken<10<@accent',
accentLighten: ':lighten<10<@accent',
2021-09-20 17:01:25 +00:00
accentedBg: ':alpha<0.15<@accent',
focus: ':alpha<0.3<@accent',
bg: '#000',
2020-12-20 08:19:18 +00:00
acrylicBg: ':alpha<0.5<@bg',
2021-01-09 08:18:45 +00:00
fg: '#dadada',
2021-02-17 12:27:11 +00:00
fgTransparentWeak: ':alpha<0.75<@fg',
fgTransparent: ':alpha<0.5<@fg',
2020-02-14 16:18:48 +00:00
fgHighlighted: ':lighten<3<@fg',
2021-08-08 12:59:18 +00:00
fgOnAccent: '#fff',
2020-07-04 18:11:39 +00:00
divider: 'rgba(255, 255, 255, 0.1)',
2020-02-16 22:14:03 +00:00
indicator: '@accent',
2021-01-09 08:18:45 +00:00
panel: ':lighten<3<@bg',
panelHighlight: ':lighten<3<@panel',
2020-07-04 18:11:39 +00:00
panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
2021-07-27 12:37:32 +00:00
panelBorder: '" solid 1px var(--divider)',
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 11:12:00 +00:00
acrylicPanel: ':alpha<0.5<@panel',
2022-06-21 15:48:16 +00:00
windowHeader: ':alpha<0.85<@panel',
2021-08-08 12:59:18 +00:00
popup: ':lighten<3<@panel',
2020-07-12 09:36:14 +00:00
shadow: 'rgba(0, 0, 0, 0.3)',
header: ':alpha<0.7<@panel',
2020-12-12 04:09:40 +00:00
navBg: '@panel',
navFg: '@fg',
2020-02-16 17:41:03 +00:00
navHoverFg: ':lighten<17<@fg',
navActive: '@accent',
navIndicator: '@indicator',
link: '#44a4c1',
hashtag: '#ff9156',
mention: '@accent',
2020-06-04 13:19:08 +00: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 09:11:39 +00:00
dateLabelFg: '@fg',
2018-10-31 09:07:00 +00:00
infoBg: '#253142',
infoFg: '#fff',
2018-10-25 23:37:30 +00:00
infoWarnBg: '#42321c',
infoWarnFg: '#ffbd3e',
2021-09-29 16:13:54 +00:00
switchBg: 'rgba(255, 255, 255, 0.15)',
cwBg: '#687390',
cwFg: '#393f4f',
cwHoverBg: '#707b97',
buttonBg: 'rgba(255, 255, 255, 0.05)',
buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
2021-10-13 16:27:45 +00:00
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
2022-06-26 07:38:27 +00:00
swutchOffBg: 'rgba(255, 255, 255, 0.1)',
swutchOffFg: '@fg',
swutchOnBg: '@accentedBg',
swutchOnFg: '@accent',
2021-08-06 13:29:19 +00:00
inputBorder: 'rgba(255, 255, 255, 0.1)',
inputBorderHover: 'rgba(255, 255, 255, 0.2)',
listItemHoverBg: 'rgba(255, 255, 255, 0.03)',
driveFolderBg: ':alpha<0.3<@accent',
2020-02-14 23:29:59 +00:00
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
2020-02-15 13:21:35 +00:00
badge: '#31b1ce',
2021-08-07 07:12:42 +00:00
messageBg: '@bg',
2020-11-01 13:09:16 +00:00
success: '#86b300',
error: '#ec4137',
warn: '#ecb637',
2022-01-04 14:37:26 +00:00
codeString: '#ffb675',
codeNumber: '#cfff9e',
codeBoolean: '#c59eff',
2022-07-03 11:30:58 +00:00
deckDivider: '#000',
2020-07-12 09:22:13 +00:00
htmlThemeColor: '@bg',
2020-07-04 18:49:58 +00: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 02:25:43 +00:00
X16: ':alpha<0.7<@panel',
2021-02-17 12:27:11 +00:00
X17: ':alpha<0.8<@bg',
2018-10-02 07:04:31 +00:00
},
}