fix(client): テーマの互換性が低下する問題

CHANGELOG_CHERRYPICK.md

@@ -61,6 +61,7 @@
 - Fix: 노트 작성 폼의 프로필 아이콘 여백 조정
 - Fix: 새 노트 알림이 프로필 아이콘을 밀어내는 문제
 - Fix: 리노트 알림에 프로필 아이콘이 뜨는 문제
+- Fix: 테마의 호환성이 저하되는 문제
 
 ---
 

packages/frontend/src/themes/_dark.json5

@@ -4,12 +4,12 @@
 	id: 'dark',
 
 	name: 'Dark',
-	author: 'noridev',
+	author: 'noridev & syuilo',
 	desc: 'CherryPick default dark theme',
 	kind: 'dark',
 
 	props: {
-		accent: '#ffc5e6',
+		accent: '#86b300',
 		accentDarken: ':darken<10<@accent',
 		accentLighten: ':lighten<10<@accent',
 		accentedBg: ':alpha<0.15<@accent',
@@ -21,7 +21,6 @@
 		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',
@@ -44,7 +43,7 @@
 		hashtag: '#ff9156',
 		mention: '@accent',
 		mentionMe: '@mention',
-		renote: '@accent',
+		renote: '#229e82',
 		renoteHover: ':lighten<5<@renote',
 		nameHover: ':darken<5<@fg',
 		modalBg: 'rgba(0, 0, 0, 0.5)',
@@ -61,8 +60,8 @@
 		cwHoverBg: '#707b97',
 		buttonBg: 'rgba(255, 255, 255, 0.05)',
 		buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
-		buttonGradateA: '@cherry',
-		buttonGradateB: '@pick',
+		buttonGradateA: '@accent',
+		buttonGradateB: ':hue<20<@accent',
 		switchOffBg: 'rgba(255, 255, 255, 0.1)',
 		switchOffFg: ':alpha<0.8<@fg',
 		switchOnBg: '@accentedBg',
@@ -72,7 +71,7 @@
 		listItemHoverBg: 'rgba(255, 255, 255, 0.03)',
 		driveFolderBg: ':alpha<0.3<@accent',
 		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
-		badge: '#ffa9c3',
+		badge: '#afd2ff',
 		patron: '#a3faff',
 		messageBg: '@bg',
 		success: '#86b300',

packages/frontend/src/themes/_light.json5

@@ -4,12 +4,12 @@
 	id: 'light',
 
 	name: 'Light',
-	author: 'noridev',
+	author: 'noridev & syuilo',
 	desc: 'CherryPick default light theme',
 	kind: 'light',
 
 	props: {
-		accent: '#ffa9c3',
+		accent: '#86b300',
 		accentDarken: ':darken<10<@accent',
 		accentLighten: ':lighten<10<@accent',
 		accentedBg: ':alpha<0.15<@accent',
@@ -21,7 +21,6 @@
 		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',
@@ -61,8 +60,8 @@
 		cwHoverBg: '#bbc4ce',
 		buttonBg: 'rgba(0, 0, 0, 0.05)',
 		buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
-		buttonGradateA: '@cherry',
-		buttonGradateB: '@pick',
+		buttonGradateA: '@accent',
+		buttonGradateB: ':hue<20<@accent',
 		switchOffBg: 'rgba(0, 0, 0, 0.1)',
 		switchOffFg: '@panel',
 		switchOnBg: '@accent',
@@ -72,7 +71,7 @@
 		listItemHoverBg: 'rgba(0, 0, 0, 0.03)',
 		driveFolderBg: ':alpha<0.3<@accent',
 		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
-		badge: '#ffa9c3',
+		badge: '#ffbcdc',
 		patron: '#a3faff',
 		messageBg: '@bg',
 		success: '#86b300',

packages/frontend/src/themes/d-astro.json5

@@ -10,7 +10,7 @@
 		cwFg: '#393f4f',
 		link: '#78b0a0',
 		warn: '#ecb637',
-		badge: '#31b1ce',
+		badge: '#afd2ff',
 		error: '#ec4137',
 		focus: ':alpha<0.3<@accent',
 		navBg: '@panel',

packages/frontend/src/themes/d-cherrypick.json5

@@ -6,23 +6,28 @@
 	desc: 'CherryPick default dark theme',
 
 	props: {
+		accent: '#ffc5e6',
 		bg: 'rgb(28, 28, 37)',
 		fg: 'rgb(236, 239, 244)',
 		fgHighlighted: '#fff',
+		fgOnAccent: '#000',
 		fgOnWhite: '@accent',
 		divider: 'rgb(63, 63, 80)',
 		panel: 'rgb(35, 35, 47)',
 		panelHeaderBg: 'rgb(45, 45, 66)',
-		infoFg: '@accent',
-		infoBg: 'rgb(0, 0, 0)',
 		acrylicPanel: ':alpha<0.5<@panel',
 		header: '@bg',
 		navBg: '@panel',
 		navHoverFg: '@pick',
-		renote: '@accent',
+		link: '@accent',
+		hashtag: '#4cb8d4',
 		mention: '#da6d35',
 		mentionMe: '#d44c4c',
-		hashtag: '#4cb8d4',
-		link: '@accent',
+		renote: '@accent',
+		infoFg: '@accent',
+		infoBg: 'rgb(0, 0, 0)',
+		buttonGradateA: '@cherry',
+		buttonGradateB: '@pick',
+		badge: '#ffa9c3',
 	},
 }

packages/frontend/src/themes/d-u0.json5

@@ -25,7 +25,7 @@
 		cwFg: '#393f4f',
 		link: '@accent',
 		warn: '#ecb637',
-		badge: '#31b1ce',
+		badge: '#afd2ff',
 		error: '#ec4137',
 		focus: ':alpha<0.3<@accent',
 		navBg: '@panel',

packages/frontend/src/themes/l-cherrypick.json5

@@ -11,11 +11,14 @@
 		fg: '#577096',
 		fgOnWhite: '@accent',
 		divider: 'rgb(223, 223, 223)',
+		panel: 'rgb(246, 249, 255)',
 		acrylicPanel: ':alpha<0.5<@panel',
 		header: '@bg',
 		navBg: '#eff4ff',
 		navHoverFg: '@pick',
-		panel: 'rgb(246, 249, 255)',
+		buttonGradateA: '@cherry',
+		buttonGradateB: '@pick',
+		badge: '#ffa9c3',
 		messageBg: '#dedede',
 	},
 }

packages/frontend/src/themes/l-u0.json5

@@ -25,7 +25,7 @@
 		cwFg: '#393f4f',
 		link: '@accent',
 		warn: '#ecb637',
-		badge: '#31b1ce',
+		badge: '#afd2ff',
 		error: '#ec4137',
 		focus: ':alpha<0.3<@accent',
 		navBg: '@panel',

packages/frontend/src/themes/l-vivid.json5

@@ -13,7 +13,7 @@
 		cwFg: '#fff',
 		link: '#ff9400',
 		warn: '#ecb637',
-		badge: '#31b1ce',
+		badge: '#afd2ff',
 		error: '#ec4137',
 		focus: ':alpha<0.3<@accent',
 		navBg: '@panel',