Refining Yellow Options - Revision history

RESiSTANT at 12:21, 18 March 2026

2026-03-18T12:21:10Z

Show changes

RESiSTANT: Created page with "

2026-03-18T11:41:46Z

Created page with "<div style="--bg-canvas: #f8fafc; --bg-card: #ffffff; --text-main: #2d3748; --text-muted: #718096; --border-color: #e2e8f0; --accent-yellow: #d69e2e; --accent-green: #38a169;..."

New page
<div style="--bg-canvas: #f8fafc; --bg-card: #ffffff; --text-main: #2d3748; --text-muted: #718096; --border-color: #e2e8f0; --accent-yellow: #d69e2e; --accent-green: #38a169; --accent-red: #c53030; --accent-purple: #9f7aea; font-family: 'Montserrat', 'Segoe UI', system-ui, sans-serif; color: var(--text-main); line-height: 1.7; max-width: 900px; margin: 0 auto; background: var(--bg-canvas); padding: 40px; border-radius: 16px; border: 1px solid var(--border-color); box-shadow: 0 10px 30px rgba(0,0,0,0.04);">

<div style="text-align: center; margin-bottom: 40px;">
<h1 style="color: #1a202c; font-size: 2.4em; font-weight: 800; letter-spacing: -0.5px; margin-bottom: 10px; border-bottom: none;">Guide: Changing Yellow Options</h1>
<p style="color: var(--text-muted); font-size: 1.15em;">Enhance your Uber, Semi-Uber, and FO sets using JOAH and the WebShop.</p>
</div>

<div style="background: var(--bg-card); padding: 25px 30px; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); margin-bottom: 40px; border-left: 4px solid var(--accent-purple);">
<p style="margin: 0;">Good day everyone! I'm here to make a simple guide on how to change <strong style="color: var(--accent-yellow);">Yellow Options</strong> using the <strong>WebShop</strong> and <strong>JOAH (Jewel of Ancient Harmony)</strong>. Since many players nowadays use Uber and Semi-Uber sets, this guide will help you configure the exact yellow options you desire for your gear and weapons.</p>
</div>

<h2 style="color: var(--text-main); font-size: 1.8em; font-weight: 700; border-bottom: 2px solid var(--border-color); padding-bottom: 12px; margin-top: 50px; display: flex; align-items: center; gap: 10px;">
<span style="background: #e6fffa; color: var(--accent-green); padding: 4px 12px; border-radius: 20px; font-size: 0.7em;">Method 1</span>
In-Game Process: Using JOAH
</h2>

<p>This server update allows you to change yellow options using the <strong style="color: var(--accent-green);">Jewel of Ancient Harmony (JOAH)</strong>. The option you receive is randomized, meaning it will depend on your luck to get the desired option. However, it is easily accessible directly in the game.</p>

<div style="background: #f0fff4; border: 1px solid #c6f6d5; padding: 20px 25px; border-radius: 12px; margin: 25px 0;">
<h3 style="color: #276749; margin-top: 0; font-size: 1.2em; font-weight: 600;">📍 JOAH Drop Locations</h3>
<p style="margin-bottom: 10px; color: #2f855a;">You can hunt JOAH in-game from the following sources:</p>
<ul style="color: #2f855a; margin-top: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px;">
<li>Heart of Love</li>
<li>Blood Castle & Chaos Castle</li>
<li>Maya & Nightmare Events</li>
<li>CryWolf Events</li>
<li>Kundun of Relics</li>
<li>Silver & Gold Medals</li>
<li>Skeleton King & Red Dragon</li>
<li>Cornucopia Gift Box</li>
<li>Box of Kundun +5</li>
</ul>
</div>

<h3 style="color: var(--text-main); font-size: 1.3em; margin-top: 30px;">How to Apply:</h3>
<ol style="background: var(--bg-card); padding: 25px 25px 25px 45px; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.02);">
<li style="margin-bottom: 12px; padding-left: 8px;">Place the Set Part or Weapon you need to modify into your inventory.</li>
<li style="padding-left: 8px;">Drag and drop the JOAH onto the item (just like adding a Jewel of Bless). And there you have it—the yellow option will change!</li>
</ol>

<h2 style="color: var(--text-main); font-size: 1.8em; font-weight: 700; border-bottom: 2px solid var(--border-color); padding-bottom: 12px; margin-top: 60px; display: flex; align-items: center; gap: 10px;">
<span style="background: #fff5f5; color: var(--accent-red); padding: 4px 12px; border-radius: 20px; font-size: 0.7em;">Method 2</span>
WebShop Process
</h2>

<p>This method is incredibly easy but requires you to have <strong>Credits</strong> or <strong>Gold Credits</strong>. Unlike the in-game method, using the WebShop allows you to choose exactly which option you desire.</p>

<div style="background: #fffaf0; border-left: 4px solid #ed8936; padding: 18px 25px; margin-bottom: 30px; border-radius: 8px; color: #9c4221;">
<strong>⚠️ Important Preparation:</strong> You must <u>put the items in your vault</u> before logging into the WebShop.
</div>

<div style="background: var(--bg-card); padding: 35px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">

<div style="margin-bottom: 40px;">
<h3 style="color: var(--text-main); margin-top: 0; font-size: 1.2em;"><span style="color: var(--text-muted); font-weight: 400; margin-right: 8px;">01</span>Go to the Warehouse</h3>
<p style="margin-bottom: 15px;">Navigate to the <strong>Warehouse</strong> section in the WebShop.</p>
<img src="https://wiki.infinitymu.net/images/a/a5/YellowWebshop1.jpg" alt="Webshop Warehouse" style="max-width: 100%; border-radius: 8px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px rgba(0,0,0,0.05);" />
</div>

<div style="margin-bottom: 40px;">
<h3 style="color: var(--text-main); margin-top: 0; font-size: 1.2em;"><span style="color: var(--text-muted); font-weight: 400; margin-right: 8px;">02</span>Select Your Item</h3>
<p style="margin-bottom: 15px;">Choose the item you want to change the harmony option for and click <strong>Upgrade</strong>.</p>
<img src="https://wiki.infinitymu.net/images/5/54/YellowWebshop2.jpg" alt="Choose Item" style="max-width: 100%; border-radius: 8px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px rgba(0,0,0,0.05);" />
</div>

<div style="margin-bottom: 40px;">
<h3 style="color: var(--text-main); margin-top: 0; font-size: 1.2em;"><span style="color: var(--text-muted); font-weight: 400; margin-right: 8px;">03</span>Confirm Upgrade</h3>
<p style="margin-bottom: 15px;">Click the <strong>Upgrade</strong> button again on the following screen.</p>
<img src="https://wiki.infinitymu.net/images/4/41/YellowWebshop3.jpg" alt="Click Forge Upgrade" style="max-width: 100%; border-radius: 8px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px rgba(0,0,0,0.05);" />
</div>

<div style="margin-bottom: 40px;">
<h3 style="color: var(--text-main); margin-top: 0; font-size: 1.2em;"><span style="color: var(--text-muted); font-weight: 400; margin-right: 8px;">04</span>Choose Option</h3>
<p style="margin-bottom: 15px;">Now, select your desired option from the dropdown menu.</p>
<img src="https://wiki.infinitymu.net/images/thumb/0/02/YellowWebshop4.jpg/478px-YellowWebshop4.jpg" alt="Select Option" style="max-width: 100%; border-radius: 8px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px rgba(0,0,0,0.05);" />
</div>

<div>
<h3 style="color: var(--text-main); margin-top: 0; font-size: 1.2em;"><span style="color: var(--text-muted); font-weight: 400; margin-right: 8px;">05</span>Finalize</h3>
<p style="margin-bottom: 15px;">Choose whether to spend Credits or Gold Credits (depending on the item) and click <strong style="color: var(--accent-yellow);">Upgrade this item</strong>.</p>
<img src="https://wiki.infinitymu.net/images/a/af/YellowWebshop5.jpg" alt="Confirm Upgrade" style="max-width: 100%; border-radius: 8px; border: 1px solid var(--border-color); box-shadow: 0 4px 6px rgba(0,0,0,0.05);" />
</div>

</div>

<div style="margin-top: 50px; padding-top: 25px; border-top: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;">
<div style="font-size: 0.95em; color: var(--text-muted);">
<span style="display: block; margin-bottom: 5px;"><strong>Author:</strong> BRAVE</span>

<span style="display: block; margin-bottom: 5px;"><strong>Modernization & Updates:</strong> RESiSTANT</span>
</div>
<div style="font-style: italic; color: var(--text-muted); background: var(--bg-card); padding: 12px 20px; border-radius: 8px; border: 1px solid var(--border-color);">
"I hope it will help you all! Good day everyone!"
</div>
</div>

</div>