The look and feel for the entire developer portal can be customized to match your own branding. A standard CSS stylesheet is available to provide an easy starting point for your customizations.
In this HowTo you will add your own CSS customizations, and reload it to put your new styling changes live.
Step by Step
Step 1: Create a new CSS file
There is a default stylesheet, screen.css. This is quite a large and complex stylesheet. Rather than extend this, it is better to create your own stylesheet for any of your own customizations to overwrite the defaults. You create a new stylesheet the same way you create a page (just remember to choose an appropriate MIME content type, in the advanced page settings).
It is important that the selected Layout is blank. Otherwise the page layout HTML will obscure the CSS rules.
Step 2: Link the Stylesheet into your page layout
Then in each of your layout templates (or in a partial in case you have a common HEAD section), after the link to screen.css, you add the link to your custom css e.g.
<link rel="stylesheet" href="/stylesheets/custom.css" />
Now enjoy the beauty of your own unique branding!