Search code examples
javascripthtmlcssgoogle-chromegoogle-chrome-app

customize title bar in chrome packaged app

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;
}
Solution

  • 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