Theme builder

The theme CSS

Paste this block after importing the library styles. A theme lives in CSS variables, not in the plugin config — changing it needs no rebuild.

:root {
	--bb-primary: #000000;
	--bb-primary-fg: #ffffff;
	--bb-danger: #d93b30;
	--bb-warn: #f08358;
	--bb-text-warn: #b45309;
	--bb-panel: #ffffff;
	--bb-text: #000000;
	--bb-border: #d4d4d8;
	--bb-ring-opacity: 15%;
	--bb-radius: 8px;
	--bb-control-h: 32px;
	--bb-border-w: 1px;
}

.dark {
	--bb-primary: #ffffff;
	--bb-primary-fg: #000000;
	--bb-danger: #fb7185;
	--bb-warn: #f59e0b;
	--bb-text-warn: #f59e0b;
	--bb-panel: #313638;
	--bb-text: #ffffff;
	--bb-border: #52525b;
	--bb-ring-opacity: 40%;
}