title: Almost Photon on Nightly
link: http://jj.isgeek.net/2017/05/almost-photon-on-nightly/
author: Jj
description: 
post_id: 1087
date: 2017/05/30 20:35:20
created_gmt: 2017/05/31 01:35:20
comment_status: open
slug: almost-photon-on-nightly

I use [Firefox Nightly](https://www.mozilla.org/en-US/firefox/nightly/all/) (2017-05-30) and [Photon](https://www.ghacks.net/2017/05/14/firefox-57-new-photon-design-screenshots/) has been teasing us for quite a while. 

Turns out that only a few changes are needed to get a pretty close look. 

![Photon look](/uploads/2017/05/captura_20170530-202937-1024x705.png)

I achieved this enabling the _Compact Light theme_ and adding these rules on my `userChrome.css`. I only tested this on Linux. 
    
    
    #TabsToolbar .tab-content {
        color: white !important;
    }
    toolbar:-moz-lwtheme#TabsToolbar, #tabbrowser-tabs,
    #TabsToolbar .scrollbutton-up,
    #TabsToolbar .scrollbutton-down,
    #TabsToolbar {
        background: #23327A !important;                                        
        -moz-appearance: unset !important;
    }

