Redesign DarkMoon website to dark theme

[BlockChainCodeMaster1]

Pull Request | PR 提交

📋 选择专用模板 | Choose Specialized Template

我们现在提供了针对不同类型PR的专用模板，帮助你更快速地填写PR信息：
We now offer specialized templates for different types of PRs to help you fill out the information faster:

• 🔧 Backend PR Template | 后端PR模板 - For Go/API/Trading changes
• 🎨 Frontend PR Template | 前端PR模板 - For UI/UX changes
• 📝 Documentation PR Template | 文档PR模板 - For documentation updates
• 📦 General PR Template | 通用PR模板 - For mixed or other changes

如何使用？| How to use?

• 创建PR时，在URL中添加 ?template=backend.md 或其他模板名称
• When creating a PR, add ?template=backend.md or other template name to the URL
• 或者直接复制粘贴对应模板的内容
• Or simply copy and paste the content from the corresponding template

---

💡 提示 Tip: 推荐 PR 标题格式 type(scope): description
例如: feat(trader): add new strategy | fix(api): resolve auth issue

---

📝 Description | 描述

English: This PR introduces a complete UI redesign for the DarkMoon AI trading bot website, transforming it into a high-end, atmospheric dark theme. The changes involve a comprehensive overhaul of global styles, core layouts, all major pages, authentication flows, and modals, moving away from previous inline styles to a consistent Tailwind CSS-based darkmoon theme with metallic gold accents and glassmorphism effects.

中文： 本PR对DarkMoon AI交易机器人网站进行了全面的UI重新设计，将其更新为高端、大气且富有科技感的深色风格。变更涵盖了全局样式、核心布局、所有主要页面、认证流程以及模态框，摒弃了旧的内联样式，统一采用基于Tailwind CSS的darkmoon主题，并融入了金属金色点缀和玻璃质感效果。

---

🎯 Type of Change | 变更类型

• 🐛 Bug fix | 修复 Bug
• ✨ New feature | 新功能
• 💥 Breaking change | 破坏性变更
• 📝 Documentation update | 文档更新
• 🎨 Code style update | 代码样式更新
• ♻️ Refactoring | 重构
• ⚡ Performance improvement | 性能优化
• ✅ Test update | 测试更新
• 🔧 Build/config change | 构建/配置变更
• 🔒 Security fix | 安全修复

---

🔗 Related Issues | 相关 Issue

• Closes # | 关闭 #
• Related to # | 相关 #

---

📋 Changes Made | 具体变更

English: ｜ 中文：

• Global Styling: Defined a new darkmoon theme in tailwind.config.js with deep dark backgrounds, metallic gold accents, and updated index.css for global dark mode.
• Layouts & Components: Redesigned MainLayout.tsx, AuthLayout.tsx, HeaderBar.tsx, and FooterSection.tsx with a premium dark aesthetic, including translucent glass effects for the header.
• Core Pages Redesign:
  • LandingPage.tsx and its sections (HeroSection, AboutSection, FeaturesSection, HowItWorksSection, CommunitySection) were refactored to use Tailwind classes, incorporating card hover effects and dark glass textures.
  • The original AITradersPage.tsx was removed and its functionality refactored into a new component structure (PageHeader.tsx, AIModelsSection.tsx, ExchangesSection.tsx, TradersGrid.tsx, SignalSourceWarning.tsx), all adopting a unified card style.
  • TraderDashboard.tsx (including AILearning.tsx as seen in diff) received significant styling updates for charts, positions, and decision cards, featuring a black-gold, high-contrast design with glowing effects.
  • CompetitionPage.tsx and FAQPage.tsx were also updated to align with the new dark theme.
• Authentication & Modals: LoginPage.tsx, RegisterPage.tsx, ResetPasswordPage.tsx, and all key configuration modals (TraderConfigModal, ExchangeConfigModal, ModelConfigModal, SignalSourceModal, TraderConfigViewModal, ComparisonChart, CryptoFeatureCard) were updated with dark, translucent backgrounds and gold-accented borders.
• Code Modernization: Replaced extensive inline styles with Tailwind CSS classes across the codebase for improved maintainability and consistency.

---

🧪 Testing | 测试

• Tested locally | 本地测试通过
• Tests pass | 测试通过
• Verified no existing functionality broke | 确认没有破坏现有功能

---

✅ Checklist | 检查清单

Code Quality | 代码质量

• Code follows project style | 代码遵循项目风格
• Self-review completed | 已完成代码自查
• Comments added for complex logic | 已添加必要注释

Documentation | 文档

• Updated relevant documentation | 已更新相关文档

Git

• Commits follow conventional format | 提交遵循 Conventional Commits 格式
• Rebased on latest dev branch | 已 rebase 到最新 dev 分支
• No merge conflicts | 无合并冲突

---

📚 Additional Notes | 补充说明

English: The redesign aims to provide a more modern, professional, and visually appealing user experience consistent with the "DarkMoon" brand identity for an AI trading platform.

中文： 本次重新设计旨在为AI交易平台提供一个更现代、专业且视觉吸引力强的用户体验，与“DarkMoon”品牌形象保持一致。

---

By submitting this PR, I confirm | 提交此 PR，我确认：

• I have read the Contributing Guidelines | 已阅读贡献指南
• I agree to the Code of Conduct | 同意行为准则
• My contribution is licensed under AGPL-3.0 | 贡献遵循 AGPL-3.0 许可证

---

🌟 Thank you for your contribution! | 感谢你的贡献！

---

 

[cursor]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}