customize title bar in chrome packaged app

Question

Is there a way to customize title bar in chrome packaged app? I need to add some text and change the color of background.

I search something like this (which customizes scrollbar):

::-webkit-scrollbar {
width: 15px;
background: #fcfcfc;
    }
::-webkit-scrollbar-thumb {
    background: #a5d0ff;
    -webkit-border-radius: .8ex;
}

score 4 · Accepted Answer · edited Feb 17 '21 at 14:49

4

I don't think there are any CSS selectors which target the application's title bar, but you don't have to use the system title bar at all in a Chrome app.

You can specify frame: "none" in the options object when you create your window -- that will completely remove the title bar, and you can add your own, using HTML and CSS for content and styling.

Demo app: link

edited Feb 17 '21 at 14:49

wOxxOm

65,848
11
132
136

answered Jan 24 '14 at 15:05

Ian Clelland

43,011
8
86
87

how can I implement minimize then? – 31415926 Jan 24 '14 at 15:10
That's a different question :) If you post it, I can add an answer for that too. The short answer, though, is to call `minimize()` on your AppWindow object – Ian Clelland Jan 24 '14 at 15:28

customize title bar in chrome packaged app

1 Answers1

Linked