locked
Is it possible to make the App Bar transparent? RRS feed

Answers

  • The Windows design team would probably not want you to do that (because it might confuse users). I am not, however, the design team. :D

    Full transparent, add this to your default.css:

    .win-appbar {
        background-color: transparent;
    }

    But this partially transparent bar might work better for contrast on both light or dark themes.

    .win-appbar {
        background-color: rgba(150,150,150, 0.5);
    }


    • Edited by Bryan Thomas Thursday, March 15, 2012 6:42 PM Spacing
    • Proposed as answer by Bryan Thomas Thursday, March 15, 2012 6:43 PM
    • Marked as answer by Dattz Saturday, March 17, 2012 7:17 AM
    Thursday, March 15, 2012 6:42 PM

All replies

  • The Windows design team would probably not want you to do that (because it might confuse users). I am not, however, the design team. :D

    Full transparent, add this to your default.css:

    .win-appbar {
        background-color: transparent;
    }

    But this partially transparent bar might work better for contrast on both light or dark themes.

    .win-appbar {
        background-color: rgba(150,150,150, 0.5);
    }


    • Edited by Bryan Thomas Thursday, March 15, 2012 6:42 PM Spacing
    • Proposed as answer by Bryan Thomas Thursday, March 15, 2012 6:43 PM
    • Marked as answer by Dattz Saturday, March 17, 2012 7:17 AM
    Thursday, March 15, 2012 6:42 PM
  • Thank you so much :)

    User may get confused with low alpha value. But, I found rgb values 0,0,0 and  alpha value 0.9 to do the job for me.. (dark background).


    Saturday, March 17, 2012 7:17 AM