テーマ: MisskeyのハロウィンテーマHalloween Dark

しゅいろがMisskeyのハロウィンテーマの設定を投稿していたので紹介します。

2023-10-10 Tueに以下の投稿で発表していました。

2023-10-10T09:23:39.509Z

:peroro_sama:しゅいろ:peroro_sama:|syuilo@misskey.io

Misskeyのハロウィンテーマ

“` { id: ‘f81ef101-2216-4f96-8d2b-e2157cc7cb10’, base: ‘dark’, name: ‘Halloween Dark’, props: { 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’, bg: ‘rgb(37, 32, 47)’, fg: ‘#e0d5c0’, 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’, X16: ‘:alpha<0.7<@panel’, X17: ‘:alpha<0.8<@bg’, cwBg: ‘#687390’, cwFg: ‘#393f4f’, link: ‘rgb(172, 193, 68)’, warn: ‘#ecb637’, badge: ‘#31b1ce’, error: ‘#ec4137’, focus: ‘:alpha<0.3<@accent’, navBg: ‘@panel’, navFg: ‘@fg’, panel: ‘:lighten<3<@bg’, popup: ‘:lighten<3<@panel’, accent: ‘rgb(242, 133, 36)’, header: ‘:alpha<0.7<@panel’, infoBg: ‘#253142’, infoFg: ‘#fff’, renote: ‘#229e82’, shadow: ‘rgba(0, 0, 0, 0.3)’, divider: ‘rgba(255, 255, 255, 0.1)’, hashtag: ‘rgb(188, 90, 255)’, mention: ‘@accent’, modalBg: ‘rgba(0, 0, 0, 0.5)’, success: ‘#86b300’, buttonBg: ‘rgba(255, 255, 255, 0.05)’, switchBg: ‘rgba(255, 255, 255, 0.15)’, acrylicBg: ‘:alpha<0.5<@bg’, cwHoverBg: ‘#707b97’, indicator: ‘@accent’, mentionMe: ‘@mention’, messageBg: ‘@bg’, navActive: ‘@accent’, accentedBg: ‘:alpha<0.15<@accent’, fgOnAccent: ‘#000’, infoWarnBg: ‘#42321c’, infoWarnFg: ‘#ffbd3e’, navHoverFg: ‘:lighten<17<@fg’, dateLabelFg: ‘@fg’, inputBorder: ‘rgba(255, 255, 255, 0.1)’, panelBorder: ‘” solid 1px var(–divider)’, accentDarken: ‘:darken<10<@accent’, acrylicPanel: ‘:alpha<0.5<@panel’, navIndicator: ‘@indicator’, accentLighten: ‘:lighten<10<@accent’, buttonHoverBg: ‘rgba(255, 255, 255, 0.1)’, driveFolderBg: ‘:alpha<0.3<@accent’, fgHighlighted: ‘:lighten<3<@fg’, fgTransparent: ‘:alpha<0.5<@fg’, panelHeaderBg: ‘:lighten<3<@panel’, panelHeaderFg: ‘@fg’, buttonGradateA: ‘@accent’, buttonGradateB: ‘:hue<20<@accent’, htmlThemeColor: ‘@bg’, panelHighlight: ‘:lighten<3<@panel’, listItemHoverBg: ‘rgba(255, 255, 255, 0.03)’, scrollbarHandle: ‘rgba(255, 255, 255, 0.2)’, inputBorderHover: ‘rgba(255, 255, 255, 0.2)’, wallpaperOverlay: ‘rgba(0, 0, 0, 0.5)’, fgTransparentWeak: ‘:alpha<0.75<@fg’, panelHeaderDivider: ‘rgba(0, 0, 0, 0)’, scrollbarHandleHover: ‘rgba(255, 255, 255, 0.4)’, }, author: ‘@syuilo’, } “`

適用すると以下のようなホーム画面のイメージになります。