A custom dark theme for the Upmind client portal interface. This theme provides a modern, eye-friendly dark mode experience while maintaining the platform’s functionality and visual hierarchy.

Repository: https://github.com/Tantumonium/dark-theme-for-upmind

Features

• Complete dark mode implementation
• Maintains brand colors and visual hierarchy
• Improved contrast and readability
• Consistent styling across all portal sections
• Support for all major components:
  • Navigation and menus
  • Forms and inputs
  • Tables and data displays
  • Cards and containers
  • Buttons and interactive elements
  • Tooltips and notifications

Installation

Download and Host the CSS File

1. Download the CSS file from this GitHub repository:

   • Navigate to the main repository page
   • Click on nurbid-dark-theme-for-upmind.min.css to view the file
   • Click the “Download” button or copy the raw content
   • Save the file to your local machine

2. Upload to your web hosting:

   • Upload the nurbid-dark-theme-for-upmind.min.css file to your web server
   • Ensure the file is accessible via a public URL (e.g., https://yourdomain.com/css/nurbid-dark-theme-for-upmind.min.css)

3. Import into Upmind:

   • Log into your Upmind Admin interface
   • Go to Settings > Client area templates > Footer > Template
   • Add the following line to the footer template: <link rel="stylesheet" href="https://yourdomain.com/css/nurbid-dark-theme-for-upmind.min.css">
   • Replace https://yourdomain.com/css/ with the actual URL where you uploaded the CSS file
   • Save the template changes

Stay Updated

To receive notifications about theme updates and improvements:

• Star this repository ⭐ to bookmark it for easy access
• Watch this repository 👁️ to receive notifications about new releases and updates
• Follow the repository to stay informed about bug fixes and new features

Usage

The theme is designed to work automatically once installed. No additional configuration is required.

Customization

You can customize the theme by modifying the CSS variables in the :root section of the CSS file:

:root {
    /* Background colors */
    --dark-background: #111;
    --dark-background-primary: #222;
    --dark-background-secondary: #333;
    /* ... other variables ... */
}

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License – see the LICENSE file for details.