cherrypick/src/client/themes/_light.json5

// ライトテーマのベーステーマ
// このテーマが直接使われることは無い
{
	id: 'light',

	name: 'Light',
	author: 'syuilo',
	desc: 'Default light theme',
	kind: 'light',

	props: {
		accent: '#86b300',
		accentDarken: ':darken<10<@accent',
		accentLighten: ':lighten<10<@accent',
		focus: ':alpha<0.3<@accent',
		bg: '#fafafa',
		fg: '#5c6a73',
		fgHighlighted: ':darken<3<@fg',
		divider: 'rgba(0, 0, 0, 0.1)',
		indicator: '@accent',
		panel: '#fff',
		panelHeaderBg: ':lighten<3<@panel',
		panelHeaderFg: '@fg',
		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
		panelBorder: 'rgba(0, 0, 0, 0)',
		shadow: 'rgba(0, 0, 0, 0.1)',
		header: ':alpha<0.7<@bg',
		navBg: '@bg',
		navFg: '@fg',
		navHoverFg: ':darken<17<@fg',
		navActive: '@accent',
		navIndicator: '@accent',
		link: '#44a4c1',
		hashtag: '#ff9156',
		mention: '@accent',
		mentionMe: '@mention',
		renote: '#229e82',
		modalBg: 'rgba(0, 0, 0, 0.3)',
		scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
		scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',
		dateLabelFg: '@fg',
		infoBg: '#e5f5ff',
		infoFg: '#72818a',
		infoWarnBg: '#fff0db',
		infoWarnFg: '#573c08',
		cwBg: '#b1b9c1',
		cwFg: '#fff',
		cwHoverBg: '#bbc4ce',
		toastBg: 'rgba(255, 255, 255, 0.5)',
		toastFg: '#0c0c0c',
		buttonBg: 'rgba(0, 0, 0, 0.05)',
		buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
		inputBorder: '#dae0e4',
		listItemHoverBg: 'rgba(0, 0, 0, 0.03)',
		driveFolderBg: ':alpha<0.3<@accent',
		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
		badge: '#31b1ce',
		messageBg: '@panel',
		deckColumnBorder: ':darken<20<@panel',
		X1: ':alpha<0<@bg',
		X2: ':darken<2<@panel',
		X3: 'rgba(0, 0, 0, 0.05)',
		X4: 'rgba(0, 0, 0, 0.1)',
		X5: 'rgba(0, 0, 0, 0.05)',
		X6: 'rgba(0, 0, 0, 0.25)',
		X7: 'rgba(0, 0, 0, 0.05)',
		X8: ':lighten<5<@accent',
		X9: ':darken<5<@accent',
		X10: ':alpha<0.4<@accent',
		X11: 'rgba(0, 0, 0, 0.1)',
		X12: 'rgba(0, 0, 0, 0.1)',
		X13: 'rgba(0, 0, 0, 0.15)',
		X14: ':alpha<0.5<@navBg',
	},
}