Top Menu

Jump to content
Home
    Modules
      • Projects
      • Activity
      • Work packages
      • Gantt charts
      • Calendars
      • Team planners
      • Boards
      • News
    • Getting started
    • Introduction video
      Welcome to OpenProject Community
      Get a quick overview of project management and team collaboration with OpenProject. You can restart this video from the help menu.

    • Help and support
    • Upgrade to Enterprise edition
    • User guides
    • Videos
    • Shortcuts
    • Community forum
    • Enterprise support

    • Additional resources
    • Data privacy and security policy
    • Digital accessibility (DE)
    • OpenProject website
    • Security alerts / Newsletter
    • OpenProject blog
    • Release notes
    • Report a bug
    • Development roadmap
    • Add and edit translations
    • API documentation
  • Sign in
      Forgot your password?

      or sign in with your existing account

      Google

Side Menu

  • Overview
  • Activity
    Activity
  • Roadmap
  • Work packages
    Work packages
  • Gantt charts
    Gantt charts
  • Calendars
    Calendars
  • Team planners
    Team planners
  • Boards
    Boards
  • News
  • Forums

Content

Development
  1. OpenProject
  2. Forums
  3. Development
  4. How to customize (dark) theme

How to customize (dark) theme

Added by Piotr F 6 months ago

Hi,

Looking for clues as to how to tweak theme's colors in css.

As I highly appreciate dark theme, it is not best balanced yet (background contains too much of blue which is the worst color for eyes), and also contrast is not the most efficient, specifically between blue links and background).

So I started searching for css, and after using F12 (Inspect) in Firefox this is where I got stuck:

Error while fetching an original source: unsupported protocol for sourcemap request webpack:///node_modules/src/ng-select/themes/default.theme.scss
Source URL: webpack:///node_modules/src/ng-select/themes/default.theme.scss

Naturally, in Ubuntu 22.04 LTS couldn't locate anything like default.theme.scss.

If anybody could help that would be great.

Cheers,

Piotr


Loading...