LegacyConsoleArchive/LCE-Hub-LCE_Emerald_Launcher
1
0
Fork 0
mirror of https://github.com/LCE-Hub/LCE-Emerald-Launcher.git synced 2026-09-24 09:03:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: use correct button textures

Browse Source
This commit is contained in:
neoapps-dev
2026-09-11 17:39:10 +03:00
parent a6623de644
commit 41340d94d0
21 changed files with 46 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/images/Button_Background.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

public/images/Layout_Button_Bmp.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 923 B

public/images/Layout_Button_Over.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 992 B

public/images/button_highlighted.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

src/components/views/ArcEditorView.tsx
+11 -12
View File
@@ -331,7 +331,7 @@ export const ArcEditorView: React.FC = () => {
<button
onClick={handleFileLoad}
className="px-6 py-2 text-white mc-text-shadow transition-all hover:text-[#FFFF55] text-lg outline-none"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.openArc")}
</button>
@@ -339,7 +339,7 @@ export const ArcEditorView: React.FC = () => {
onClick={handleExportAll}
disabled={!arc || arc.entries.length === 0}
className={`px-6 py-2 text-white mc-text-shadow transition-all hover:text-[#FFFF55] text-lg outline-none ${(!arc || arc.entries.length === 0) ? "opacity-50 grayscale" : ""}`}
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.exportAll")}
</button>
@@ -347,7 +347,7 @@ export const ArcEditorView: React.FC = () => {
onClick={handleSaveArc}
disabled={!arc}
className={`px-6 py-2 text-white mc-text-shadow transition-all hover:text-[#FFFF55] text-lg outline-none ${!arc ? "opacity-50 grayscale" : ""}`}
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.saveArc")}
</button>
@@ -397,7 +397,7 @@ export const ArcEditorView: React.FC = () => {
<button
onClick={() => setIsAddModalOpen(true)}
className="px-6 py-2 text-white mc-text-shadow text-sm"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.addEntry")}
</button>
@@ -428,21 +428,21 @@ export const ArcEditorView: React.FC = () => {
<button
onClick={() => handleExtractEntry(selectedEntry)}
className="w-full py-2 text-white mc-text-shadow text-sm transition-all hover:text-[#FFFF55]"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.exportFile")}
</button>
<button
onClick={() => setIsReplaceModalOpen(true)}
className="w-full py-2 text-white mc-text-shadow text-sm transition-all hover:text-[#FFFF55]"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.replaceData")}
</button>
<button
onClick={() => setIsRenameModalOpen(true)}
className="w-full py-2 text-white mc-text-shadow text-sm transition-all hover:text-[#FFFF55]"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.renamePath")}
</button>
@@ -489,7 +489,7 @@ export const ArcEditorView: React.FC = () => {
showNotification(t("arcEditor.createdNewLocaleStructure"));
}}
className="px-6 py-2 text-white mc-text-shadow text-lg"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.createLoc")}
</button>
@@ -516,14 +516,14 @@ export const ArcEditorView: React.FC = () => {
<button
onClick={() => setIsLocEditModalOpen({ langIdx: selectedLocLangIdx, strIdx: -1, isNew: true })}
className="px-6 py-2 text-white mc-text-shadow text-sm"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.addString")}
</button>
<button
onClick={handleSaveLocToArc}
className="px-6 py-2 text-[#FFFF55] mc-text-shadow text-sm"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("arcEditor.writeToArc")}
</button>
@@ -573,7 +573,7 @@ export const ArcEditorView: React.FC = () => {
<button
onClick={() => { playBackSound(); setActiveView("devtools"); }}
className="w-72 h-full shrink-0 flex items-center justify-center transition-colors text-2xl mc-text-shadow outline-none border-none hover:text-[#FFFF55] text-white"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
>
{t("arcEditor.back")}
</button>
@@ -738,4 +738,3 @@ function LocEditModal({ data, lang, onClose, onConfirm }: { data: { langIdx: num
</div>
);
}
src/components/views/ColEditorView.tsx
+4 -4
View File
@@ -143,7 +143,7 @@ export default function ColEditorView() {
<button
onClick={() => fileInputRef.current?.click()}
className="px-6 py-2 text-white mc-text-shadow text-lg"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("colEditor.openCol")}
</button>
@@ -151,7 +151,7 @@ export default function ColEditorView() {
onClick={handleSaveCol}
disabled={!col}
className={`px-6 py-2 text-white mc-text-shadow text-lg ${!col ? "opacity-50 grayscale" : ""}`}
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{t("colEditor.saveCol")}
</button>
@@ -193,7 +193,7 @@ export default function ColEditorView() {
<button
onClick={activeTab === "colors" ? handleAddColor : handleAddWorldColor}
className="px-6 py-2 text-white mc-text-shadow text-sm"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%" }}
>
{activeTab === "colors" ? t("colEditor.addColor") : t("colEditor.addWorldColor")}
</button>
@@ -371,7 +371,7 @@ export default function ColEditorView() {
<button
onClick={() => { playBackSound(); setActiveView("devtools"); }}
className="w-72 h-full shrink-0 flex items-center justify-center transition-colors text-2xl mc-text-shadow outline-none border-none hover:text-[#FFFF55] text-white"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
>
{t("colEditor.back")}
</button>
src/components/views/CreditsView.tsx
+2 -2
View File
@@ -346,8 +346,8 @@ const CreditsView = memo(function CreditsView() {
className="fixed bottom-8 left-8 z-50 h-10 flex items-center justify-center gap-2 px-4 text-xl mc-text-shadow outline-none border-none"
style={{
backgroundImage: isHovered
? "url('/images/button_highlighted.png')"
: "url('/images/Button_Background.png')",
? "url('/images/Layout_Button_Over.png')"
: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
color: isHovered ? "#FFFF55" : "white",
src/components/views/DevtoolsView.tsx
+2 -2
View File
@@ -180,8 +180,8 @@ export default function DevtoolsView() {
style={{
backgroundImage:
focusIndex === BACK_BUTTON_INDEX
? "url('/images/button_highlighted.png')"
: "url('/images/Button_Background.png')",
? "url('/images/Layout_Button_Over.png')"
: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
src/components/views/GoldMapperView.tsx
+1 -1
View File
@@ -428,7 +428,7 @@ const GoldMapperView = memo(function GoldMapperView() {
onClick={handleBack}
className="w-40 h-10 flex items-center justify-center transition-colors text-xl mc-text-shadow outline-none border-none hover:text-[#ffff00] mt-4 text-white"
style={{
backgroundImage: "url('/images/Button_Background.png')",
backgroundImage: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
src/components/views/GrfEditorView.tsx
+1 -1
View File
@@ -229,7 +229,7 @@ export default function GrfEditorView() {
<button
onClick={() => { playBackSound(); setActiveView("devtools"); }}
className="w-72 h-full shrink-0 flex items-center justify-center transition-colors text-2xl mc-text-shadow outline-none border-none hover:text-[#FFFF55] text-white"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
>
{t("grfEditor.back")}
</button>
src/components/views/GuidesView.tsx
+2 -2
View File
@@ -274,8 +274,8 @@ export default function GuidesView() {
style={{
backgroundImage:
focusIndex === BACK_BUTTON_INDEX
? "url('/images/button_highlighted.png')"
: "url('/images/Button_Background.png')",
? "url('/images/Layout_Button_Over.png')"
: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
src/components/views/LocEditorView.tsx
+1 -1
View File
@@ -206,7 +206,7 @@ export default function LocEditorView() {
<button
onClick={() => { playBackSound(); setActiveView("devtools"); }}
className="w-72 h-full shrink-0 flex items-center justify-center transition-colors text-2xl mc-text-shadow outline-none border-none hover:text-[#FFFF55] text-white"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
>
{t("locEditor.back")}
</button>
src/components/views/ModelEditorView.tsx
+1 -1
View File
@@ -692,7 +692,7 @@ export default function ModelEditorView() {
}}
className="w-72 h-full flex items-center justify-center transition-colors text-2xl mc-text-shadow outline-none border-none hover:text-[#FFFF55] text-white"
style={{
backgroundImage: "url('/images/Button_Background.png')",
backgroundImage: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
src/components/views/OptionsEditorView.tsx
+1 -1
View File
@@ -217,7 +217,7 @@ export default function OptionsEditorView() {
<button
onClick={() => { playBackSound(); setActiveView("devtools"); }}
className="w-72 h-full shrink-0 flex items-center justify-center transition-colors text-2xl mc-text-shadow outline-none border-none hover:text-[#FFFF55] text-white"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
>
{t("optionsEditor.back")}
</button>
src/components/views/PckEditorView.tsx
+1 -1
View File
@@ -1039,7 +1039,7 @@ export default function PckEditorView() {
}}
className="w-72 h-14 shrink-0 flex items-center justify-center transition-colors text-2xl mc-text-shadow mt-6 outline-none border-none hover:text-[#FFFF55] text-white"
style={{
backgroundImage: "url('/images/Button_Background.png')",
backgroundImage: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
src/components/views/SettingsView.tsx
+6 -6
View File
@@ -173,8 +173,8 @@ const SettingsView = memo(function SettingsView() {
<h3 class="text-2xl text-[#333333] mb-4 text-left w-full px-4 mc-text-shadow">${t("settings.reset.title")}</h3>
<p class="text-[#333333] mb-8 text-left w-full px-4">${t("settings.reset.confirm")}</p>
<div class="flex flex-col gap-3 w-full px-4">
<button id="reset-cancel" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Button_Background.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/button_highlighted.png)'" onmouseleave="this.style.backgroundImage='url(/images/Button_Background.png)'">${t("common.cancel")}</button>
<button id="reset-ok" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Button_Background.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/button_highlighted.png)'" onmouseleave="this.style.backgroundImage='url(/images/Button_Background.png)'">${t("common.ok")}</button>
<button id="reset-cancel" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Layout_Button_Bmp.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/Layout_Button_Over.png)'" onmouseleave="this.style.backgroundImage='url(/images/Button_Background.png)'">${t("common.cancel")}</button>
<button id="reset-ok" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Layout_Button_Bmp.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/Layout_Button_Over.png)'" onmouseleave="this.style.backgroundImage='url(/images/Button_Background.png)'">${t("common.ok")}</button>
</div>
</div>
`;
@@ -220,8 +220,8 @@ const SettingsView = memo(function SettingsView() {
<p class="mt-3 text-[#333333]">${t("settings.reset.cannotBeUndone")}</p>
</div>
<div class="flex flex-col gap-3 w-full px-4">
<button id="reset-final-cancel" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Button_Background.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/button_highlighted.png)'" onmouseleave="this.style.backgroundImage='url(/images/Button_Background.png)'">${t("common.cancel")}</button>
<button id="reset-final-ok" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Button_Background.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/button_highlighted.png)'" onmouseleave="this.style.backgroundImage='url(/images/Button_Background.png)'">${t("common.ok")}</button>
<button id="reset-final-cancel" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Layout_Button_Bmp.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/Layout_Button_Over.png)'" onmouseleave="this.style.backgroundImage='url(/images/Layout_Button_Bmp.png)'">${t("common.cancel")}</button>
<button id="reset-final-ok" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Layout_Button_Bmp.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/Layout_Button_Over.png)'" onmouseleave="this.style.backgroundImage='url(/images/Layout_Button_Bmp.png)'">${t("common.ok")}</button>
</div>
</div>
`;
@@ -1239,8 +1239,8 @@ const SettingsView = memo(function SettingsView() {
style={{
backgroundImage:
focusIndex === backIndex
? "url('/images/button_highlighted.png')"
: "url('/images/Button_Background.png')",
? "url('/images/Layout_Button_Over.png')"
: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
src/components/views/SkinEditorView.tsx
+1 -1
View File
@@ -473,7 +473,7 @@ const SkinEditorView = memo(function SkinEditorView() {
inset: 3,
};
const getBtnStyle = (active: boolean) =>
fillBg(active ? "/images/button_highlighted.png" : "/images/Button_Background.png");
fillBg(active ? "/images/Layout_Button_Over.png" : "/images/Layout_Button_Bmp.png");
const sliderBg = fillBg("/images/Button_Background2.png");
const btnClass = (id: string) =>
`text-2xl mc-text-shadow ${focusBtn === id ? "text-[#FFFF55]" : "text-white"}`;
src/components/views/SkinsView.tsx
+2 -2
View File
@@ -829,8 +829,8 @@ const SkinsView = memo(function SkinsView() {
style={{
backgroundImage:
focusIndex === BACK_BUTTON_INDEX
? "url('/images/button_highlighted.png')"
: "url('/images/Button_Background.png')",
? "url('/images/Layout_Button_Over.png')"
: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
src/components/views/SwfView.tsx
+1 -1
View File
@@ -311,7 +311,7 @@ export default function SwfView() {
<button
onClick={handleBack}
className="w-72 h-14 shrink-0 flex items-center justify-center transition-colors text-2xl mc-text-shadow mt-6 outline-none border-none hover:text-[#FFFF55] text-white"
style={{ backgroundImage: "url('/images/Button_Background.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
style={{ backgroundImage: "url('/images/Layout_Button_Bmp.png')", backgroundSize: "100% 100%", imageRendering: "pixelated" }}
>
{t("swfEditor.back")}
</button>
src/components/views/VersionsView.tsx
+1 -1
View File
@@ -613,7 +613,7 @@ const VersionsView = memo(function VersionsView() {
<h3 class="text-2xl font-bold text-[#333333] mb-4 text-left w-full px-4 mc-text-shadow">${t("versions.invalidDirectory")}</h3>
<p class="text-[#333333] mb-6 text-left w-full px-4">${t("versions.selectEmptyDirectory")}</p>
<div class="flex flex-col gap-3 w-full px-4">
<button id="empty-dir-ok" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Button_Background.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/button_highlighted.png)'" onmouseleave="this.style.backgroundImage='url(/images/Button_Background.png)'">${t("common.ok")}</button>
<button id="empty-dir-ok" class="w-full h-10 flex items-center justify-center text-lg mc-text-shadow text-white hover:text-[#ffff00]" style="background-image: url('/images/Layout_Button_Bmp.png'); background-size: 100% 100%; image-rendering: pixelated; border: none; cursor: pointer;" onmouseenter="this.style.backgroundImage='url(/images/Layout_Button_Over.png)'" onmouseleave="this.style.backgroundImage='url(/images/Layout_Button_Bmp.png)'">${t("common.ok")}</button>
</div>
</div>
`;
src/components/views/WorkshopView.tsx
+3 -3
View File
@@ -1152,17 +1152,17 @@ const WorkshopView = memo(function WorkshopView({
}}
className="w-72 h-10 flex items-center justify-center text-xl mc-text-shadow hover:text-[#FFFF55] text-white border-none outline-none transition-all"
style={{
backgroundImage: "url('/images/Button_Background.png')",
backgroundImage: "url('/images/Layout_Button_Bmp.png')",
backgroundSize: "100% 100%",
imageRendering: "pixelated",
}}
onMouseEnter={(e) => {
(e.currentTarget as HTMLButtonElement).style.backgroundImage =
"url('/images/button_highlighted.png')";
"url('/images/Layout_Button_Over.png')";
}}
onMouseLeave={(e) => {
(e.currentTarget as HTMLButtonElement).style.backgroundImage =
"url('/images/Button_Background.png')";
"url('/images/Layout_Button_Bmp.png')";
}}
>
{t("workshop.back")}