🎨
This commit is contained in:
		
							parent
							
								
									c039665a97
								
							
						
					
					
						commit
						8bce241170
					
				
					 5 changed files with 164 additions and 4 deletions
				
			
		|  | @ -161,15 +161,15 @@ | ||||||
| 					</dl> | 					</dl> | ||||||
| 				</div> | 				</div> | ||||||
| 				<div class="status"> | 				<div class="status"> | ||||||
| 					<MkA :to="userPage(user)" :class="{ active: page === 'index' }"> | 					<MkA :to="userPage(user)" :class="{ active: page === 'index' }" v-click-anime> | ||||||
| 						<b>{{ number(user.notesCount) }}</b> | 						<b>{{ number(user.notesCount) }}</b> | ||||||
| 						<span>{{ $ts.notes }}</span> | 						<span>{{ $ts.notes }}</span> | ||||||
| 					</MkA> | 					</MkA> | ||||||
| 					<MkA :to="userPage(user, 'following')" :class="{ active: page === 'following' }"> | 					<MkA :to="userPage(user, 'following')" :class="{ active: page === 'following' }" v-click-anime> | ||||||
| 						<b>{{ number(user.followingCount) }}</b> | 						<b>{{ number(user.followingCount) }}</b> | ||||||
| 						<span>{{ $ts.following }}</span> | 						<span>{{ $ts.following }}</span> | ||||||
| 					</MkA> | 					</MkA> | ||||||
| 					<MkA :to="userPage(user, 'followers')" :class="{ active: page === 'followers' }"> | 					<MkA :to="userPage(user, 'followers')" :class="{ active: page === 'followers' }" v-click-anime> | ||||||
| 						<b>{{ number(user.followersCount) }}</b> | 						<b>{{ number(user.followersCount) }}</b> | ||||||
| 						<span>{{ $ts.followers }}</span> | 						<span>{{ $ts.followers }}</span> | ||||||
| 					</MkA> | 					</MkA> | ||||||
|  |  | ||||||
|  | @ -18,9 +18,11 @@ export const builtinThemes = [ | ||||||
| 	require('@client/themes/l-light.json5'), | 	require('@client/themes/l-light.json5'), | ||||||
| 	require('@client/themes/l-apricot.json5'), | 	require('@client/themes/l-apricot.json5'), | ||||||
| 	require('@client/themes/l-rainy.json5'), | 	require('@client/themes/l-rainy.json5'), | ||||||
|  | 	require('@client/themes/l-vivid.json5'), | ||||||
| 
 | 
 | ||||||
| 	require('@client/themes/d-dark.json5'), | 	require('@client/themes/d-dark.json5'), | ||||||
| 	require('@client/themes/d-persimmon.json5'), | 	require('@client/themes/d-persimmon.json5'), | ||||||
|  | 	require('@client/themes/d-astro.json5'), | ||||||
| 	require('@client/themes/d-black.json5'), | 	require('@client/themes/d-black.json5'), | ||||||
| ] as Theme[]; | ] as Theme[]; | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
							
								
								
									
										76
									
								
								src/client/themes/d-astro.json5
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										76
									
								
								src/client/themes/d-astro.json5
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,76 @@ | ||||||
|  | { | ||||||
|  | 	id: '080a01c5-377d-4fbb-88cc-6bb5d04977ea', | ||||||
|  | 	base: 'dark', | ||||||
|  | 	name: 'Mi Astro', | ||||||
|  | 	author: 'syuilo', | ||||||
|  | 	props: { | ||||||
|  | 		bg: '#232125', | ||||||
|  | 		fg: '#efdab9', | ||||||
|  | 		cwBg: '#687390', | ||||||
|  | 		cwFg: '#393f4f', | ||||||
|  | 		link: '#78b0a0', | ||||||
|  | 		warn: '#ecb637', | ||||||
|  | 		badge: '#31b1ce', | ||||||
|  | 		error: '#ec4137', | ||||||
|  | 		focus: ':alpha<0.3<@accent', | ||||||
|  | 		navBg: '@panel', | ||||||
|  | 		navFg: '@fg', | ||||||
|  | 		panel: '#2a272b', | ||||||
|  | 		accent: '#81c08b', | ||||||
|  | 		header: ':alpha<0.7<@bg', | ||||||
|  | 		infoBg: '#253142', | ||||||
|  | 		infoFg: '#fff', | ||||||
|  | 		renote: '#659CC8', | ||||||
|  | 		shadow: 'rgba(0, 0, 0, 0.3)', | ||||||
|  | 		divider: 'rgba(255, 255, 255, 0.1)', | ||||||
|  | 		hashtag: '#ff9156', | ||||||
|  | 		mention: '#ffd152', | ||||||
|  | 		modalBg: 'rgba(0, 0, 0, 0.5)', | ||||||
|  | 		success: '#86b300', | ||||||
|  | 		buttonBg: 'rgba(255, 255, 255, 0.05)', | ||||||
|  | 		acrylicBg: ':alpha<0.5<@bg', | ||||||
|  | 		cwHoverBg: '#707b97', | ||||||
|  | 		indicator: '@accent', | ||||||
|  | 		mentionMe: '#fb5d38', | ||||||
|  | 		messageBg: ':lighten<5<@bg', | ||||||
|  | 		navActive: '@accent', | ||||||
|  | 		infoWarnBg: '#42321c', | ||||||
|  | 		infoWarnFg: '#ffbd3e', | ||||||
|  | 		navHoverFg: ':lighten<17<@fg', | ||||||
|  | 		dateLabelFg: '@fg', | ||||||
|  | 		inputBorder: '#959da2', | ||||||
|  | 		panelBorder: 'rgba(0, 0, 0, 0)', | ||||||
|  | 		panelShadow: '" 0 8px 24px rgba(0, 0, 0, 0.12)', | ||||||
|  | 		accentDarken: ':darken<10<@accent', | ||||||
|  | 		acrylicPanel: ':alpha<0.5<@panel', | ||||||
|  | 		navIndicator: '@accent', | ||||||
|  | 		accentLighten: ':lighten<10<@accent', | ||||||
|  | 		buttonHoverBg: 'rgba(255, 255, 255, 0.1)', | ||||||
|  | 		driveFolderBg: ':alpha<0.3<@accent', | ||||||
|  | 		fgHighlighted: ':lighten<3<@fg', | ||||||
|  | 		panelHeaderBg: ':lighten<3<@panel', | ||||||
|  | 		panelHeaderFg: '@fg', | ||||||
|  | 		htmlThemeColor: '@bg', | ||||||
|  | 		panelHighlight: ':lighten<3<@panel', | ||||||
|  | 		listItemHoverBg: 'rgba(255, 255, 255, 0.03)', | ||||||
|  | 		scrollbarHandle: 'rgba(255, 255, 255, 0.2)', | ||||||
|  | 		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', | ||||||
|  | 		panelHeaderDivider: 'rgba(0, 0, 0, 0)', | ||||||
|  | 		scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)', | ||||||
|  | 		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', | ||||||
|  | 		X16: ':alpha<0.7<@panel', | ||||||
|  | 	}, | ||||||
|  | } | ||||||
|  | @ -10,7 +10,7 @@ | ||||||
| 	props: { | 	props: { | ||||||
| 		bg: '#f9f9f9', | 		bg: '#f9f9f9', | ||||||
| 		fg: '#676767', | 		fg: '#676767', | ||||||
| 		divider: 'rgb(223, 223, 223)', | 		divider: '#e8e8e8', | ||||||
| 		header: ':alpha<0.7<@panel', | 		header: ':alpha<0.7<@panel', | ||||||
| 		navBg: '#fff', | 		navBg: '#fff', | ||||||
| 		panel: '#fff', | 		panel: '#fff', | ||||||
|  |  | ||||||
							
								
								
									
										82
									
								
								src/client/themes/l-vivid.json5
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										82
									
								
								src/client/themes/l-vivid.json5
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,82 @@ | ||||||
|  | { | ||||||
|  | 	id: '6128c2a9-5c54-43fe-a47d-17942356470b', | ||||||
|  | 
 | ||||||
|  | 	name: 'Mi Vivid', | ||||||
|  | 	author: 'syuilo', | ||||||
|  | 
 | ||||||
|  | 	base: 'light', | ||||||
|  | 
 | ||||||
|  | 	props: { | ||||||
|  | 		bg: '#fafafa', | ||||||
|  | 		fg: '#444', | ||||||
|  | 		cwBg: '#b1b9c1', | ||||||
|  | 		cwFg: '#fff', | ||||||
|  | 		link: '#ff9400', | ||||||
|  | 		warn: '#ecb637', | ||||||
|  | 		badge: '#31b1ce', | ||||||
|  | 		error: '#ec4137', | ||||||
|  | 		focus: ':alpha<0.3<@accent', | ||||||
|  | 		navBg: '@panel', | ||||||
|  | 		navFg: '@fg', | ||||||
|  | 		panel: '#fff', | ||||||
|  | 		accent: '#008cff', | ||||||
|  | 		header: ':alpha<0.7<@panel', | ||||||
|  | 		infoBg: '#e5f5ff', | ||||||
|  | 		infoFg: '#72818a', | ||||||
|  | 		renote: '@accent', | ||||||
|  | 		shadow: 'rgba(0, 0, 0, 0.1)', | ||||||
|  | 		divider: 'rgba(0, 0, 0, 0.08)', | ||||||
|  | 		hashtag: '#92d400', | ||||||
|  | 		mention: '@accent', | ||||||
|  | 		modalBg: 'rgba(0, 0, 0, 0.3)', | ||||||
|  | 		success: '#86b300', | ||||||
|  | 		buttonBg: 'rgba(0, 0, 0, 0.05)', | ||||||
|  | 		acrylicBg: ':alpha<0.5<@bg', | ||||||
|  | 		cwHoverBg: '#bbc4ce', | ||||||
|  | 		indicator: '@accent', | ||||||
|  | 		mentionMe: '@mention', | ||||||
|  | 		messageBg: '@panel', | ||||||
|  | 		navActive: '@accent', | ||||||
|  | 		infoWarnBg: '#fff0db', | ||||||
|  | 		infoWarnFg: '#573c08', | ||||||
|  | 		navHoverFg: ':darken<17<@fg', | ||||||
|  | 		dateLabelFg: '@fg', | ||||||
|  | 		inputBorder: '#dae0e4', | ||||||
|  | 		panelBorder: 'rgba(0, 0, 0, 0)', | ||||||
|  | 		panelShadow: '" 0 8px 24px rgb(21 43 75 / 8%)', | ||||||
|  | 		accentDarken: ':darken<10<@accent', | ||||||
|  | 		acrylicPanel: ':alpha<0.5<@panel', | ||||||
|  | 		navIndicator: '@accent', | ||||||
|  | 		accentLighten: ':lighten<10<@accent', | ||||||
|  | 		buttonHoverBg: 'rgba(0, 0, 0, 0.1)', | ||||||
|  | 		driveFolderBg: ':alpha<0.3<@accent', | ||||||
|  | 		fgHighlighted: ':darken<3<@fg', | ||||||
|  | 		fgTransparent: ':alpha<0.5<@fg', | ||||||
|  | 		panelHeaderBg: ':lighten<3<@panel', | ||||||
|  | 		panelHeaderFg: '@fg', | ||||||
|  | 		htmlThemeColor: '@bg', | ||||||
|  | 		panelHighlight: ':darken<3<@panel', | ||||||
|  | 		listItemHoverBg: 'rgba(0, 0, 0, 0.03)', | ||||||
|  | 		scrollbarHandle: 'rgba(0, 0, 0, 0.2)', | ||||||
|  | 		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)', | ||||||
|  | 		fgTransparentWeak: ':alpha<0.75<@fg', | ||||||
|  | 		panelHeaderDivider: '@divider', | ||||||
|  | 		scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)', | ||||||
|  | 		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', | ||||||
|  | 		X15: ':alpha<0<@panel', | ||||||
|  | 		X16: ':alpha<0.7<@panel', | ||||||
|  | 		X17: ':alpha<0.8<@bg', | ||||||
|  | 	}, | ||||||
|  | } | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue