Dark Theme for Upmind

Aug, 2025 | Upmind, Web Development | 0 comments

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

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

Option 1: CSS Injection

  1. Install a CSS injection extension for your browser (e.g., Stylus for Chrome/Firefox)
  2. Create a new style for the Upmind client portal domain
  3. Copy and paste the contents of dark-theme-master.css into the style editor
  4. Save and enable the style

Option 2: HTML Import

  1. Include the following line in the Upmind > Settings > Client area templates > Footer > Template section of the Upmind Admin interface:
    <link rel="stylesheet" href="https://nurbid.com/files/nurbid-dark-theme-for-upmind.min.css">
  2. Ensure the dark-theme-master.min.css file is accessible at the specified URL

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! You can fork or submit pull requests via the public GitHub repository.

License

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

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *