Update 1.2.1

언어 지원 추가 및 설정 적용 / 일반가사 글꼴 설정 문제 해결.

Author: ivLis-Studio

OptionsMenu.js

@@ -323,7 +323,64 @@ const STATIC_OPTIONS = {
 			hk: "번체 중국어 (홍콩)", 
 			tw: "번체 중국어 (대만)",
 			pinyin: "병음",
-		}
+		},
+		// Gemini-powered languages
+		russian: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		vietnamese: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		german: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		spanish: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		french: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		italian: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		portuguese: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		dutch: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		polish: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		turkish: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		arabic: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		hindi: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		thai: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
+		indonesian: {
+			gemini_romaji: "로마자 (제미니)",
+			gemini_ko: "한국어 (제미니)",
+		},
 	}
 };
 
@@ -374,7 +431,7 @@ const TranslationMenu = react.memo(({ friendlyLanguage, hasTranslation }) => {
 
 		// Add language-specific display modes
 		if (friendlyLanguage) {
-			// For detected CJKE languages, show specific language modes
+			// For detected languages (CJKE + new languages), show specific language modes
 			baseItems.push(
 				{
 					desc: react.createElement(SettingRowDescription, { icon: ICONS.mode, text: "표시 모드" }),
@@ -391,7 +448,7 @@ const TranslationMenu = react.memo(({ friendlyLanguage, hasTranslation }) => {
 					renderInline: true,
 				}
 			);
-		} else if (provider === "geminiVi") {
+		} else if (provider === "geminiKo") {
 			// For Gemini mode, show generic display modes even without detected language
 			baseItems.push(
 				{

Pages.js

@@ -1376,7 +1376,10 @@ const UnsyncedLyricsPage = react.memo(({ lyrics = [], provider, copyright }) =>
 					react.createElement(
 						"p",
 						{
-							style: { opacity: 0.5 },
+							className: "lyrics-lyricsContainer-LyricsLine-sub",
+							style: { 
+								"--sub-lyric-color": CONFIG.visual["inactive-color"]
+							},
 							onContextMenu: (event) => {
 								event.preventDefault();
 								Spicetify.Platform.ClipboardAPI.copy(Utils.convertParsedToUnsynced(lyrics, belowMode).conver)
@@ -1394,7 +1397,10 @@ const UnsyncedLyricsPage = react.memo(({ lyrics = [], provider, copyright }) =>
 					react.createElement(
 						"p",
 						{
-							style: { opacity: 0.5 },
+							className: "lyrics-lyricsContainer-LyricsLine-sub",
+							style: { 
+								"--sub-lyric-color": CONFIG.visual["inactive-color"]
+							},
 							onContextMenu: (event) => {
 								event.preventDefault();
 								Spicetify.Platform.ClipboardAPI.copy(showMode2Translation)

Utils.js

@@ -683,7 +683,7 @@ const Utils = {
 	/**
 	 * Current version of the lyrics-plus app
 	 */
-	currentVersion: "1.2.0",
+	currentVersion: "1.2.1",
 
 	/**
 	 * Check for updates from remote repository

index.js

@@ -456,11 +456,39 @@ const CONFIG = {
 		"translation-mode:japanese": localStorage.getItem("lyrics-plus:visual:translation-mode:japanese") || "none",
 		"translation-mode:korean": localStorage.getItem("lyrics-plus:visual:translation-mode:korean") || "none",
 		"translation-mode:chinese": localStorage.getItem("lyrics-plus:visual:translation-mode:chinese") || "none",
+		"translation-mode:russian": localStorage.getItem("lyrics-plus:visual:translation-mode:russian") || "none",
+		"translation-mode:vietnamese": localStorage.getItem("lyrics-plus:visual:translation-mode:vietnamese") || "none",
+		"translation-mode:german": localStorage.getItem("lyrics-plus:visual:translation-mode:german") || "none",
+		"translation-mode:spanish": localStorage.getItem("lyrics-plus:visual:translation-mode:spanish") || "none",
+		"translation-mode:french": localStorage.getItem("lyrics-plus:visual:translation-mode:french") || "none",
+		"translation-mode:italian": localStorage.getItem("lyrics-plus:visual:translation-mode:italian") || "none",
+		"translation-mode:portuguese": localStorage.getItem("lyrics-plus:visual:translation-mode:portuguese") || "none",
+		"translation-mode:dutch": localStorage.getItem("lyrics-plus:visual:translation-mode:dutch") || "none",
+		"translation-mode:polish": localStorage.getItem("lyrics-plus:visual:translation-mode:polish") || "none",
+		"translation-mode:turkish": localStorage.getItem("lyrics-plus:visual:translation-mode:turkish") || "none",
+		"translation-mode:arabic": localStorage.getItem("lyrics-plus:visual:translation-mode:arabic") || "none",
+		"translation-mode:hindi": localStorage.getItem("lyrics-plus:visual:translation-mode:hindi") || "none",
+		"translation-mode:thai": localStorage.getItem("lyrics-plus:visual:translation-mode:thai") || "none",
+		"translation-mode:indonesian": localStorage.getItem("lyrics-plus:visual:translation-mode:indonesian") || "none",
 		"translation-mode:gemini": localStorage.getItem("lyrics-plus:visual:translation-mode:gemini") || "none",
 		"translation-mode-2:english": localStorage.getItem("lyrics-plus:visual:translation-mode-2:english") || "none",
 		"translation-mode-2:japanese": localStorage.getItem("lyrics-plus:visual:translation-mode-2:japanese") || "none",
 		"translation-mode-2:korean": localStorage.getItem("lyrics-plus:visual:translation-mode-2:korean") || "none",
 		"translation-mode-2:chinese": localStorage.getItem("lyrics-plus:visual:translation-mode-2:chinese") || "none",
+		"translation-mode-2:russian": localStorage.getItem("lyrics-plus:visual:translation-mode-2:russian") || "none",
+		"translation-mode-2:vietnamese": localStorage.getItem("lyrics-plus:visual:translation-mode-2:vietnamese") || "none",
+		"translation-mode-2:german": localStorage.getItem("lyrics-plus:visual:translation-mode-2:german") || "none",
+		"translation-mode-2:spanish": localStorage.getItem("lyrics-plus:visual:translation-mode-2:spanish") || "none",
+		"translation-mode-2:french": localStorage.getItem("lyrics-plus:visual:translation-mode-2:french") || "none",
+		"translation-mode-2:italian": localStorage.getItem("lyrics-plus:visual:translation-mode-2:italian") || "none",
+		"translation-mode-2:portuguese": localStorage.getItem("lyrics-plus:visual:translation-mode-2:portuguese") || "none",
+		"translation-mode-2:dutch": localStorage.getItem("lyrics-plus:visual:translation-mode-2:dutch") || "none",
+		"translation-mode-2:polish": localStorage.getItem("lyrics-plus:visual:translation-mode-2:polish") || "none",
+		"translation-mode-2:turkish": localStorage.getItem("lyrics-plus:visual:translation-mode-2:turkish") || "none",
+		"translation-mode-2:arabic": localStorage.getItem("lyrics-plus:visual:translation-mode-2:arabic") || "none",
+		"translation-mode-2:hindi": localStorage.getItem("lyrics-plus:visual:translation-mode-2:hindi") || "none",
+		"translation-mode-2:thai": localStorage.getItem("lyrics-plus:visual:translation-mode-2:thai") || "none",
+		"translation-mode-2:indonesian": localStorage.getItem("lyrics-plus:visual:translation-mode-2:indonesian") || "none",
 		"translation-mode-2:gemini": localStorage.getItem("lyrics-plus:visual:translation-mode-2:gemini") || "none",
 		"gemini-api-key": StorageManager.getPersisted("lyrics-plus:visual:gemini-api-key") || "",
 		"gemini-api-key-romaji": StorageManager.getPersisted("lyrics-plus:visual:gemini-api-key-romaji") || "",

style.css

@@ -272,14 +272,20 @@
 	font-size: var(--lyrics-original-font-size, var(--lyrics-font-size));
 	font-weight: var(--lyrics-original-font-weight, 700);
 	letter-spacing: -0.04em;
-	line-height: calc(20px + var(--lyrics-original-font-size, var(--lyrics-font-size)));
+	line-height: calc(1.4 * var(--lyrics-original-font-size, var(--lyrics-font-size)));
 	text-shadow: var(--lyrics-text-shadow);
 	opacity: var(--lyrics-original-opacity, 1);
 	overflow-wrap: break-word;
 	word-break: auto-phrase; /* Allow natural breaks in CJK and word boundaries in Latin */
 	margin-bottom: 12px;
 }
 
+.lyrics-lyricsContainer-UnsyncedLyricsPage .lyrics-lyricsContainer-LyricsLine > p {
+	margin: 0;
+	padding: 0;
+	line-height: inherit;
+}
+
 .lyrics-lyricsContainer-SyncedLyrics .lyrics-lyricsContainer-LyricsLine {
 	font-size: var(--lyrics-original-font-size, var(--lyrics-font-size));
 	font-weight: var(--lyrics-original-font-weight, 700);
@@ -291,6 +297,12 @@
 	word-break: auto-phrase; /* Allow natural breaks in CJK and word boundaries in Latin */
 }
 
+.lyrics-lyricsContainer-SyncedLyrics .lyrics-lyricsContainer-LyricsLine > p {
+	margin: 0;
+	padding: 0;
+	line-height: inherit;
+}
+
 @media (min-width: 1280px) {
 	.lyrics-lyricsContainer-SyncedLyrics .lyrics-lyricsContainer-LyricsLine {
 		font-weight: var(--lyrics-original-font-weight, 900);
@@ -922,10 +934,11 @@ div.lyrics-tabBar-headerItemLink {
 .lyrics-lyricsContainer-LyricsLine-sub {
 	font-size: var(--lyrics-translation-font-size, calc(var(--lyrics-font-size) * 0.7));
 	font-weight: var(--lyrics-translation-font-weight, 600);
-	margin-top: var(--lyrics-line-spacing, 0px);
+	margin-top: var(--lyrics-line-spacing, 8px);
 	margin-bottom: 0px;
 	opacity: var(--lyrics-translation-opacity, 0.6);
 	text-shadow: var(--lyrics-text-shadow);
+	line-height: calc(var(--lyrics-translation-font-size, calc(var(--lyrics-font-size) * 0.7)) * 1.4);
 }
 
 .lyrics-lyricsContainer-LyricsLine-active {

version.txt

@@ -1 +1 @@
-1.2.0
+1.2.1