tuan.cna f6cffbd21a 🌓 Enhanced Dark/Light Mode Support for Custom Pagination
🎨 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
2025-05-30 15:07:41 +07:00
2025-05-25 17:15:22 +07:00
2025-05-25 17:15:22 +07:00

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

  1. Clone the repository
git clone https://github.com/anhtuanbtx1/dreamspos-react.git
  1. Install dependencies
npm install
  1. 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
No description provided
Readme 17 MiB
Languages
JavaScript 85.9%
SCSS 12.8%
CSS 0.8%
TypeScript 0.5%