ノート詳細

public · ローカルのみ
CW: ハロウィンなのでハロウィンテーマ(ダークモード)置いときます!
簡素なので自由にアレンジしてもOK!

設定
テーマ
テーマをインストール
以下のコードを貼り付け
インストール

の順にやって行けば出来るぞ!


{
	base: 'dark',
	props: {
		accent: '#f29924',
		accentDarken: ':darken<10<@accent',
		accentLighten: ':lighten<10<@accent',
		accentedBg: ':alpha<0.15<@accent',
		focus: ':alpha<0.3<@accent',
		bg: '#d2691e',
		acrylicBg: ':alpha<0.5<@bg',
		fg: '#dadada',
		fgTransparentWeak: ':alpha<0.75<@fg',
		fgTransparent: ':alpha<0.5<@fg',
		fgHighlighted: ':lighten<3<@fg',
		fgOnAccent: '#fff',
		fgOnWhite: '#333',
		divider: 'rgba(255, 255, 255, 0.1)',
		indicator: '@accent',
		panel: ':lighten<3<@bg',
		panelHighlight: ':lighten<3<@panel',
		panelHeaderBg: ':lighten<3<@panel',
		panelHeaderFg: '@fg',
		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
		panelBorder: '" solid 1px var(--divider)',
		acrylicPanel: ':alpha<0.5<@panel',
		windowHeader: ':alpha<0.85<@panel',
		popup: ':lighten<3<@panel',
		shadow: 'rgba(0, 0, 0, 0.3)',
		header: ':alpha<0.7<@panel',
		navBg: '@panel',
		navFg: '@fg',
		navHoverFg: ':lighten<17<@fg',
		navActive: '@accent',
		navIndicator: '@indicator',
		link: '#44a4c1',
		hashtag: '#ff9156',
		mention: '@accent',
		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)',
		dateLabelFg: '@fg',
		infoBg: '#253142',
		infoFg: '#fff',
		infoWarnBg: '#42321c',
		infoWarnFg: '#ffbd3e',
		switchBg: 'rgba(255, 255, 255, 0.15)',
		buttonBg: 'rgba(255, 255, 255, 0.05)',
		buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
		buttonGradateA: '@accent',
		buttonGradateB: ':hue<20<@accent',
		switchOffBg: 'rgba(255, 255, 255, 0.1)',
		switchOffFg: ':alpha<0.8<@fg',
		switchOnBg: '@accentedBg',
		switchOnFg: '@accent',
		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',
		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
		badge: '#31b1ce',
		messageBg: '@bg',
		success: '#86b300',
		error: '#ec4137',
		warn: '#ecb637',
		codeString: '#ffb675',
		codeNumber: '#cfff9e',
		codeBoolean: '#c59eff',
		deckBg: '#000',
		htmlThemeColor: '@bg',
		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',
		X17: ':alpha<0.8<@bg',
	},
	id: '864ecd82-1f88-4cdd-9e30-0b9e5ed4dc49',
	name: 'はっぴーはろうぃん!',
	author: '@[email protected]',
}
返信 0 · Renote 0

返信

public · ローカルのみ
ダークモードじゃオレンジ目立っちゃう!?そんなみんなたちにはこれ!!:meow_aww:
public · ローカルのみ
CW: ハロウィンなのでハロウィンテーマ(ダークモード)置いときます!
簡素なので自由にアレンジしてもOK!

設定
テーマ
テーマをインストール
以下のコードを貼り付け
インストール

の順にやって行けば出来るぞ!


{
	base: 'dark',
	props: {
		accent: '#f29924',
		accentDarken: ':darken<10<@accent',
		accentLighten: ':lighten<10<@accent',
		accentedBg: ':alpha<0.15<@accent',
		focus: ':alpha<0.3<@accent',
		bg: '#d2691e',
		acrylicBg: ':alpha<0.5<@bg',
		fg: '#dadada',
		fgTransparentWeak: ':alpha<0.75<@fg',
		fgTransparent: ':alpha<0.5<@fg',
		fgHighlighted: ':lighten<3<@fg',
		fgOnAccent: '#fff',
		fgOnWhite: '#333',
		divider: 'rgba(255, 255, 255, 0.1)',
		indicator: '@accent',
		panel: ':lighten<3<@bg',
		panelHighlight: ':lighten<3<@panel',
		panelHeaderBg: ':lighten<3<@panel',
		panelHeaderFg: '@fg',
		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
		panelBorder: '" solid 1px var(--divider)',
		acrylicPanel: ':alpha<0.5<@panel',
		windowHeader: ':alpha<0.85<@panel',
		popup: ':lighten<3<@panel',
		shadow: 'rgba(0, 0, 0, 0.3)',
		header: ':alpha<0.7<@panel',
		navBg: '@panel',
		navFg: '@fg',
		navHoverFg: ':lighten<17<@fg',
		navActive: '@accent',
		navIndicator: '@indicator',
		link: '#44a4c1',
		hashtag: '#ff9156',
		mention: '@accent',
		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)',
		dateLabelFg: '@fg',
		infoBg: '#253142',
		infoFg: '#fff',
		infoWarnBg: '#42321c',
		infoWarnFg: '#ffbd3e',
		switchBg: 'rgba(255, 255, 255, 0.15)',
		buttonBg: 'rgba(255, 255, 255, 0.05)',
		buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
		buttonGradateA: '@accent',
		buttonGradateB: ':hue<20<@accent',
		switchOffBg: 'rgba(255, 255, 255, 0.1)',
		switchOffFg: ':alpha<0.8<@fg',
		switchOnBg: '@accentedBg',
		switchOnFg: '@accent',
		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',
		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
		badge: '#31b1ce',
		messageBg: '@bg',
		success: '#86b300',
		error: '#ec4137',
		warn: '#ecb637',
		codeString: '#ffb675',
		codeNumber: '#cfff9e',
		codeBoolean: '#c59eff',
		deckBg: '#000',
		htmlThemeColor: '@bg',
		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',
		X17: ':alpha<0.8<@bg',
	},
	id: '864ecd82-1f88-4cdd-9e30-0b9e5ed4dc49',
	name: 'はっぴーはろうぃん!',
	author: '@[email protected]',
}
返信 0 · Renote 0

:cat_blob@.: 1

返信 0 · Renote 0
public · ローカルのみ
ついでにハロウィンテーマ(突貫)も置いとくぜ!これでテーマもハロウィン仕様に!

デメリットはオレンジ系のリアクションが見えにくくなる事です。
public · ローカルのみ
CW: ハロウィンなのでハロウィンテーマ(ダークモード)置いときます!
簡素なので自由にアレンジしてもOK!

設定
テーマ
テーマをインストール
以下のコードを貼り付け
インストール

の順にやって行けば出来るぞ!


{
	base: 'dark',
	props: {
		accent: '#f29924',
		accentDarken: ':darken<10<@accent',
		accentLighten: ':lighten<10<@accent',
		accentedBg: ':alpha<0.15<@accent',
		focus: ':alpha<0.3<@accent',
		bg: '#d2691e',
		acrylicBg: ':alpha<0.5<@bg',
		fg: '#dadada',
		fgTransparentWeak: ':alpha<0.75<@fg',
		fgTransparent: ':alpha<0.5<@fg',
		fgHighlighted: ':lighten<3<@fg',
		fgOnAccent: '#fff',
		fgOnWhite: '#333',
		divider: 'rgba(255, 255, 255, 0.1)',
		indicator: '@accent',
		panel: ':lighten<3<@bg',
		panelHighlight: ':lighten<3<@panel',
		panelHeaderBg: ':lighten<3<@panel',
		panelHeaderFg: '@fg',
		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
		panelBorder: '" solid 1px var(--divider)',
		acrylicPanel: ':alpha<0.5<@panel',
		windowHeader: ':alpha<0.85<@panel',
		popup: ':lighten<3<@panel',
		shadow: 'rgba(0, 0, 0, 0.3)',
		header: ':alpha<0.7<@panel',
		navBg: '@panel',
		navFg: '@fg',
		navHoverFg: ':lighten<17<@fg',
		navActive: '@accent',
		navIndicator: '@indicator',
		link: '#44a4c1',
		hashtag: '#ff9156',
		mention: '@accent',
		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)',
		dateLabelFg: '@fg',
		infoBg: '#253142',
		infoFg: '#fff',
		infoWarnBg: '#42321c',
		infoWarnFg: '#ffbd3e',
		switchBg: 'rgba(255, 255, 255, 0.15)',
		buttonBg: 'rgba(255, 255, 255, 0.05)',
		buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
		buttonGradateA: '@accent',
		buttonGradateB: ':hue<20<@accent',
		switchOffBg: 'rgba(255, 255, 255, 0.1)',
		switchOffFg: ':alpha<0.8<@fg',
		switchOnBg: '@accentedBg',
		switchOnFg: '@accent',
		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',
		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
		badge: '#31b1ce',
		messageBg: '@bg',
		success: '#86b300',
		error: '#ec4137',
		warn: '#ecb637',
		codeString: '#ffb675',
		codeNumber: '#cfff9e',
		codeBoolean: '#c59eff',
		deckBg: '#000',
		htmlThemeColor: '@bg',
		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',
		X17: ':alpha<0.8<@bg',
	},
	id: '864ecd82-1f88-4cdd-9e30-0b9e5ed4dc49',
	name: 'はっぴーはろうぃん!',
	author: '@[email protected]',
}
返信 0 · Renote 0

:igyo@.: 6

返信 0 · Renote 2