🎨 Complete Theme Integration: - Full dark mode and light mode styling like Product component - Automatic theme switching based on Redux isDarkMode state - Consistent styling patterns across the application 🌙 Dark Mode Features: - Dark blue/gray gradient backgrounds (#2c3e50, #34495e) - Neon blue accents and borders (rgba(52, 152, 219, 0.3)) - Glassmorphism effects with backdrop blur - Orange active page highlighting (#f39c12, #e67e22) - Blue hover effects (#3498db, #2980b9) - White text on dark backgrounds ☀️ Light Mode Features: - Clean white/gray gradients (#ffffff, #f8f9fa) - Subtle gray borders and shadows - Blue active page highlighting (#007bff, #0056b3) - Professional light theme appearance - Dark text on light backgrounds 🔧 Technical Improvements: - Removed all inline styles from pagination components - CSS-only styling with proper class-based approach - Smooth transitions between theme modes - Consistent hover and active states - Proper disabled states for loading 🎯 Visual Enhancements: - Enhanced gradient effects for both themes - Improved shadow and border styling - Better color contrast for accessibility - Consistent icon styling across themes - Professional hover animations 🚀 User Experience: - Seamless theme switching without page reload - Consistent visual language with Product component - Improved readability in both modes - Better visual hierarchy and spacing - Enhanced interactive feedback
Dreams POS React Template
A modern Point of Sale (POS) system built with React.js.
Features
- Modern and responsive UI
- Complete POS functionality
- Inventory management
- Sales and purchase tracking
- User management
- Reports and analytics
- Mobile-friendly design
Installation
- Clone the repository
git clone https://github.com/anhtuanbtx1/dreamspos-react.git
- Install dependencies
npm install
- Start the development server
npm start
Technologies Used
- React.js
- React Router
- Redux
- Bootstrap
- SCSS
- Axios
License
This project is licensed under the MIT License.
Description
Languages
JavaScript
85.9%
SCSS
12.8%
CSS
0.8%
TypeScript
0.5%