Chrome App's Title Bar Color

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. :grinning:

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

Hi, @BigChungus
Thanks a loT!!! it works very well!!!
I’m much thanksfull for you!!!
:cowboy_hat_face:

2 Likes