A simple dark mode theme for Trello. You will need to refresh trello pages after enable/disable.

Latest Version

Version

1.2

Update

March 10, 2023

Size

14.28KiB

Developer

Trello Dark Mode Extension

I wanted a quick, easy, and lightweight Trello dark mode plugin for my own use, so this just injects some CSS lines via JavaScript into the page on load. Right after you install, enable, disable, or uninstall, you may need to refresh currently open Trello pages.

Some generic dark mode plugins work great, but add some delay to page loads, while this is very lightweight by comparison. Also, the built in Trello dark mode has white card faces, which was a deal breaker.

If you want to customize further or see the CSS, you should be able to take my code via the developer console if you want to adapt it for another site or modify it somehow.

Personal Information Access: The code that injects the CSS background colors and text colors needs access to the loaded Trello page. That page will contain your Trello user content, and so there will be a permissions warning due to that. You can use the developer console to examine the code before logging in to Trello if you have any concerns.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Trello Dark Mode", "version": "1.2", "description": "A simple dark mode theme for Trello. You will need to refresh trello pages after enable/disable.", "manifest_version": 3, "content_scripts": [ { "matches": [ "https://trello.com/*" ], "js": [ "inject-trello-dark-mode-css.js" ], "run_at": "document_idle" } ], "icons": { "16": "TDM16.png", "24": "TDM24.png", "32": "TDM32.png", "48": "TDM48.png", "64": "TDM64.png" }}

Download CRX(14.28KiB)

Trello Dark Mode

A simple dark mode theme for Trello. You will need to refresh trello pages after enable/disable.

Latest Version

Trello Dark Mode Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated