I use Dynalist as a Chrome app, not as a Mac app, because I use Powerpack on a daily basis.
In that case, the top bar of the attached app is blue. Is there any CSS to change this?
(I’m a Pro user).
Please let me know if you know what to do.
It seems this color is specified in the dynalist webpage HTML rather than the CSS.
You’d need some extension that can inject this element into the HTML
<meta name="theme-color" content="#4285f4">
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color
I see powerpack is installed via greasyfork, and I see a user has already coded this
install this and edit the code to change the hex color to your preference and also change the @match from discord to dynalist.io
Thanks for the advice!
I tried that, but nothing changed.
Thanks for the advice though. 
Ah. I see. I didnt try it. It seems the HTML already contains two theme colors that need to be deleted in order for another to work. Heres code for that. I tested it this time.
// ==UserScript==
// @name dynalist app title bar color
// @namespace bigchungus
// @version 0.1
// @description dynalist app title bar color
// @author bigchungus
// @match https://dynalist.io/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
document.querySelector("[name='theme-color']").remove();
document.querySelector("[name='theme-color']").remove();
var m = document.createElement('meta');
m.name = 'theme-color';
m.content = '#ffff00';
document.head.appendChild(m);
})();
2 Likes
