---
title: "Branding & Colors"
description: "Customize your site's colors, accent tones, and visual identity."
canonical_url: "https://docs.bulkheados.com/themes/branding/"
template: "page-node"
schema_type: "WebPage"
---

<div class="docs-content">
<p class="docs-lead">Make your site look like <em>yours</em>. Brand settings let you control colors, accent tones, and visual style across your entire site — on top of whatever theme you're using.</p>

<h2 id="brand-colors">Brand Colors</h2>
<p>Set these in <strong>Workspace Settings → Branding</strong>:</p>
<table>
<thead><tr><th>Setting</th><th>Controls</th><th>Example</th></tr></thead>
<tbody>
<tr><td><strong>Primary Accent</strong></td><td>Links, buttons, active states</td><td><code>#0d9488</code> (teal)</td></tr>
<tr><td><strong>Secondary Accent</strong></td><td>Highlights, badges, tags</td><td><code>#6ee7b7</code> (mint)</td></tr>
<tr><td><strong>Surface Tint</strong></td><td>Background tones</td><td><code>#f3fbf9</code> (light green)</td></tr>
<tr><td><strong>Company Color</strong></td><td>Footer, dark UI elements</td><td><code>#134e4a</code> (deep teal)</td></tr>
</tbody>
</table>

<h2 id="dark-mode">Dark Mode</h2>
<p>Dark mode is supported out of the box. Your site automatically detects the visitor's system preference and switches between light and dark themes. All brand colors adapt intelligently to both modes.</p>

<h2 id="favicon">Favicon & Icons</h2>
<p>Upload your favicon and app icons from the Branding settings. Bulkhead OS automatically generates all required sizes and formats:</p>
<ul>
<li>Browser favicon (SVG + PNG fallback)</li>
<li>Apple Touch Icon (180×180)</li>
<li>Web App Manifest icons (192, 512)</li>
</ul>
</div>