FireBrick Custom CSS

You can use custom css to override the css used on the FireBrick admin pages to create your own look.

Custom colour

The css file is set in the config in the <http section:

<http css-url="http://example.com/css/myfb.css">

For example, to change the header and footer bas from red to blue:

div.header {

       background: inherit;

       background-color: #000080;
       background: -moz-linear-gradient(top, #000080 0px, #202080 100%);
       background: -webkit-gradient(linear, top, bottom, color-stop(0%,#000080), color-stop(100%,#202080));
       background: -webkit-linear-gradient(top, #000080 0%,#202080 100%);
       background: -o-linear-gradient(top, #000080 0%,#202080 100%);
       background: -ms-linear-gradient(top, #000080 0%,#202080 100%);
       background: linear-gradient(top, #000080 0%,#202080 100%);
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#202080')";

}

div.footer {

       background: inherit;

       background-color: #000080;
       background: -moz-linear-gradient(top, #000080 0px, #202080 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000080), color-stop(100%,#202080));
       background: -webkit-linear-gradient(top, #000080 0%,#202080 100%);
       background: -o-linear-gradient(top, #000080 0%,#202080 100%);
       background: -ms-linear-gradient(top, #000080 0%,#202080 100%);
       background: linear-gradient(top, #000080 0%,#202080 100%);
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#202080')";

}