Difference between revisions of "Damage Colors"
| Line 9: | Line 9: | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin-bottom: 40px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin-bottom: 40px;"> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #f97316;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #f97316;"> | ||
| − | <b style="color: #ea580c; font-size: 18px; display: block; margin-bottom: 10px;">Orange: Regular Damage</b> | + | <b style="color: #ea580c; font-size: 18px; display: block; margin-bottom: 10px;">Orange: Regular Damage</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">The standard damage dealt based on your character's primary strength and equipment level.</span> |
| − | |||
</div> | </div> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #2563eb;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #2563eb;"> | ||
| − | <b style="color: #1d4ed8; font-size: 18px; display: block; margin-bottom: 10px;">Blue: Critical Damage</b> | + | <b style="color: #1d4ed8; font-size: 18px; display: block; margin-bottom: 10px;">Blue: Critical Damage</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">Triggered by items with the '''Luck''' option (+5% per item). Greatly enhanced by the [[Dark Lord]]'s Critical Damage buff.</span> |
| − | |||
</div> | </div> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #16a34a;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #16a34a;"> | ||
| − | <b style="color: #15803d; font-size: 18px; display: block; margin-bottom: 10px;">Green: Excellent Damage</b> | + | <b style="color: #15803d; font-size: 18px; display: block; margin-bottom: 10px;">Green: Excellent Damage</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">Activated via "Excellent Damage 10%" options on gear or through specific Ancient set properties.</span> |
| − | |||
</div> | </div> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #06b6d4;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #06b6d4;"> | ||
| − | <b style="color: #0891b2; font-size: 18px; display: block; margin-bottom: 10px;">Cyan: Ignore Defense</b> | + | <b style="color: #0891b2; font-size: 18px; display: block; margin-bottom: 10px;">Cyan: Ignore Defense</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">Appears when the "Ignore opponent's defensive power" option is triggered (commonly found on high-tier Wings).</span> |
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 29: | Line 25: | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin-bottom: 40px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin-bottom: 40px;"> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #9333ea;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #9333ea;"> | ||
| − | <b style="color: #7e22ce; font-size: 18px; display: block; margin-bottom: 10px;">Purple: Reflect Damage</b> | + | <b style="color: #7e22ce; font-size: 18px; display: block; margin-bottom: 10px;">Purple: Reflect Damage</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">Damage sent back to an attacker via the "Reflect Damage 5%" option on equipment.</span> |
| − | |||
</div> | </div> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #854d0e;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #854d0e;"> | ||
| − | <b style="color: #713f12; font-size: 18px; display: block; margin-bottom: 10px;">Olive: SD Consumption</b> | + | <b style="color: #713f12; font-size: 18px; display: block; margin-bottom: 10px;">Olive: SD Consumption</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">Represents the portion of damage being absorbed by your Shield Defense (SD) bar before hitting HP.</span> |
| − | |||
</div> | </div> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #dc2626;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #dc2626;"> | ||
| − | <b style="color: #b91c1c; font-size: 18px; display: block; margin-bottom: 10px;">Red: Incoming Regular</b> | + | <b style="color: #b91c1c; font-size: 18px; display: block; margin-bottom: 10px;">Red: Incoming Regular</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">The raw damage you receive from other players or monsters, mitigated by your total Defense.</span> |
| − | |||
</div> | </div> | ||
<div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #84cc16;"> | <div style="background: var(--bg-panel); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); border-top: 5px solid #84cc16;"> | ||
| − | <b style="color: #4d7c0f; font-size: 18px; display: block; margin-bottom: 10px;">Light Green: Status Effects</b> | + | <b style="color: #4d7c0f; font-size: 18px; display: block; margin-bottom: 10px;">Light Green: Status Effects</b><span style="font-size: 14px; color: var(--text-dim); line-height: 1.6;">Tick damage from Poison (MG/Wizard), Decay (Wizard), or environmental status from certain monsters.</span> |
| − | |||
</div> | </div> | ||
</div> | </div> | ||