Design: Dark Mode Support

[what-the-diff[bot]]

PR Summary

This Pull Request introduces various changes predominantly focused on improving dark mode compatibility and the overall application aesthetics. The summary of the modifications is as follows:

• Improved Dark Mode Compatibility

  • The file manifest.json has been updated, and the values for file and css properties corresponding to resources/js/app.js have been modified. These changes will ensure the application fetches the correct assets for improved user experience.
  • Various changes in style classes of elements in numerous files (chip.blade.php, index.blade.php, input/index.blade.php, modal.blade.php, show-reacted-users.blade.php, show-reaction.blade.php, comment-item.blade.php, comment-list.blade.php, comment-reply-item.blade.php, comment-reply-list.blade.php, reactions-manager.blade.php) have been made. These modifications help in achieving better visual results, especially in dark mode environment.
  • A dark mode friendly text color dark:text-white has been added to div and input elements to meet the application’s dark theme requirements.

• Enhanced Styling

  • Changes in style classes pertaining to border color, hover backgrounds, maximum height, and background color in file modal.blade.php and others ensure overall consistent aesthetic enhancement.
  • Some classes in comment-list.blade.php and comment-reply-list.blade.php are conditionally applied and correspond to sorting (Sort::TOP, Sort::LATEST, Sort::OLDEST, Sort::REPLIES) or filter (own) value and the specific theme being used. These changes impact how the comment lists display, aligning with the chosen browser theme for improved user experience.

• Code Refactoring

  • Repeated code blocks have been removed or optimized for better code maintenance.

With all these improvements, the application should offer an upgraded user experience, especially in the dark mode setting.