summaryrefslogtreecommitdiff
path: root/packages/frontend-shared/themes/_light.json5
blob: 87d921d43bbf9aab136ffd54599f676581a116d4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
// ライトテーマのベーステーマ
// このテーマが直接使われることは無い
{
	id: 'light',

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

	props: {
		accent: '#86b300',
		accentDarken: ':darken<10<@accent',
		accentLighten: ':lighten<10<@accent',
		accentedBg: ':alpha<0.15<@accent',
		love: '#dd2e44',
		focus: ':alpha<0.3<@accent',
		bg: '#fff',
		acrylicBg: ':alpha<0.5<@bg',
		fg: '#5f5f5f',
		fgTransparentWeak: ':alpha<0.75<@fg',
		fgTransparent: ':alpha<0.5<@fg',
		fgHighlighted: ':darken<3<@fg',
		fgOnAccent: '#fff',
		fgOnWhite: '#333',
		divider: 'rgba(0, 0, 0, 0.1)',
		indicator: '@accent',
		panel: ':lighten<3<@bg',
		panelHighlight: ':darken<3<@panel',
		panelHeaderBg: ':lighten<3<@panel',
		panelHeaderFg: '@fg',
		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
		panelBorder: '" solid 1px var(--MI_THEME-divider)',
		thread: ':darken<12<@panel',
		acrylicPanel: ':alpha<0.5<@panel',
		windowHeader: ':alpha<0.85<@panel',
		popup: ':lighten<3<@panel',
		shadow: 'rgba(0, 0, 0, 0.1)',
		header: ':alpha<0.7<@panel',
		navBg: '@panel',
		navFg: '@fg',
		navHoverFg: ':darken<17<@fg',
		navActive: '@accent',
		navIndicator: '@indicator',
		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: '#8f6e31',
		folderHeaderBg: 'rgba(0, 0, 0, 0.05)',
		folderHeaderHoverBg: 'rgba(0, 0, 0, 0.1)',
		buttonBg: ':darken<5<@panel',
		buttonHoverBg: ':darken<10<@panel',
		buttonGradateA: '@accent',
		buttonGradateB: ':hue<20<@accent',
		switchBg: 'rgba(0, 0, 0, 0.15)',
		switchOffBg: 'rgba(0, 0, 0, 0.1)',
		switchOffFg: '@panel',
		switchOnBg: '@accent',
		switchOnFg: '@fgOnAccent',
		inputBorder: 'rgba(0, 0, 0, 0.1)',
		inputBorderHover: 'rgba(0, 0, 0, 0.2)',
		driveFolderBg: ':alpha<0.3<@accent',
		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
		badge: '#31b1ce',
		messageBg: '@bg',
		success: '#86b300',
		error: '#ec4137',
		warn: '#ecb637',
		codeString: '#b98710',
		codeNumber: '#0fbbbb',
		codeBoolean: '#62b70c',
		deckBg: ':darken<3<@bg',
		htmlThemeColor: '@bg',
	},

	codeHighlighter: {
		base: 'catppuccin-latte',
	},
}