Issue #2.5 - Dark Mode and Logo Enhancement #55
Description
Issue 2.5 — Dark Mode & Logo Enhancement
Tags: Bonus • Competitive • 30 Points
Difficulty: Intermediate
Category: UI/UX • Branding
🌐 Important Clarification — WEB APPLICATION
🚨 Loktantra is a WEB APPLICATION.
All work in this bonus issue must be designed for a web-based platform.
- Desktop-first designs are mandatory
🏆 Bonus & Competitive Nature
- This issue is optional
- Multiple contributors may participate
- Only top-quality submissions will receive full points (30)
- Builds on top of existing UI work (Issue Issue #1 - Add Yourself to the Contributors Guild #1 / Add <IEC2025060> to contributors #2)
🎯 Goal
Enhance the Loktantra platform by implementing:
1️⃣ A production-ready Dark Mode
2️⃣ A strong Logo & Branding system
📝 Task Description
You must deliver both components below to be eligible for full points.
A️⃣ Dark Mode Enhancement
Design a complete dark theme integrated with the existing web UI.
B️⃣ Logo & Branding Enhancement
Create an original logo suitable for a civic-tech blockchain platform.
🌗 Part A — Dark Mode (Mandatory)
Screens
- Login / Connect Wallet
- Voter Dashboard
- Vote Confirmation Modal
- Admin Panel
- Live Results
- History / Logs
Requirements
- Proper contrast & readability
- Accessible text & icons
- Clear CTAs
- Avoid pure black backgrounds
🎨 Part B — Logo & Branding (Mandatory)
Requirements
- Original logo design
- Works on light & dark backgrounds
- Icon / favicon version included
📤 Submission Instructions
Deliverables
1️⃣ View-only Figma link
2️⃣ Exported PNGs inside:
branding/contributors/<your_roll_number>/
📁 Expected Folder Structure
branding/
└── contributors/
└── <your_roll_number>/
├── dark-login.png
├── dark-dashboard.png
├── dark-confirm-vote.png
├── dark-admin-panel.png
├── dark-live-results.png
├── dark-history.png
├── logo-light.png
├── logo-dark.png
└── logo-icon.png
⭐ Points & Evaluation
Total Bonus Points: 30
Judged on:
- Dark mode usability
- Visual consistency
- Logo originality
- Overall polish
✅ Pre-Merge Checklist
- All dark mode screens included
- Logo light & dark variants present
- Icon version included
- Figma link attached
- Correct folder structure
🎉 Polish the product. Strengthen the brand.