feat: integrate Tailwind CSS with custom theme and animations

Added Tailwind CSS and tw-animate-css imports to globals.css. Introduced a custom dark variant and an extensive @theme inline block with CSS variables for colors, radii, and animations. Included keyframes for shimmer-slide, spin-around, gradient, shine, and background-position-spin to enable consistent theming and dynamic UI effects across the application.
This commit is contained in:
Evandro Fonseca Junior committed 2025-10-23 19:57:09 -03:00
1 parent 55c169bd6e
commit 5c1ccbc69a
67 files changed
+8984 -160

No files matched your search

+39
View File
@@ -0,0 +1,39 @@
export type Currency = "gp" | "tc";
export interface Price {
value: number;
currency: Currency;
tcEquivalent?: number; // 1 TC ≈ 35.000 gp
}
export interface TibiaProtection {
fire?: number;
ice?: number;
energy?: number;
earth?: number;
death?: number;
holy?: number;
}
export interface TibiaStats {
attack?: number;
defense?: number;
armor?: number;
weight?: number;
speed?: number;
manaRegen?: number;
hpRegen?: number;
skillBoost?: {
sword?: number;
axe?: number;
club?: number;
distance?: number;
shielding?: number;
fishing?: number;
};
}
export interface TibiaRequirements {
level?: number;
vocation?: "Knight" | "Paladin" | "Sorcerer" | "Druid" | "No Vocation";
}