History

Rodrigo Rodriguez (Pragmatismo) 037db5c381 feat: Major workspace reorganization and documentation update - Add comprehensive documentation in botbook/ with 12 chapters - Add botapp/ Tauri desktop application - Add botdevice/ IoT device support - Add botlib/ shared library crate - Add botmodels/ Python ML models service - Add botplugin/ browser extension - Add botserver/ reorganized server code - Add bottemplates/ bot templates - Add bottest/ integration tests - Add botui/ web UI server - Add CI/CD workflows in .forgejo/workflows/ - Add AGENTS.md and PROD.md documentation - Add dependency management scripts (DEPENDENCIES.sh/ps1) - Remove legacy src/ structure and migrations - Clean up temporary and backup files		2026-04-19 08:14:25 -03:00
..
apps
how-to
admin-user-views.md
console-mode.md
css.md
dev-chat.md
htmx-architecture.md
monitoring.md
README.md
single-gbui.md
structure.md
suite-manual.md
ui-structure.md

README.md

Chapter 7: User Interface

Customize your bot's appearance and build complete productivity suites.

Overview

Themes control colors, fonts, logos, and overall visual presentation of your bot interface.

Quick Start

# In config.csv
name,value
theme-color1,#0d2b55
theme-color2,#fff9c2
theme-title,My Bot
theme-logo,https://example.com/logo.svg

Theme Structure

mybot.gbai/
└── mybot.gbtheme/
    └── style.css

Configuration Options

Setting	Description	Example
`theme-color1`	Primary color	`#0d2b55`
`theme-color2`	Secondary color	`#fff9c2`
`theme-title`	Bot name in header	`My Assistant`
`theme-logo`	Logo URL	`https://...`

CSS Customization

Create style.css in your .gbtheme folder:

:root {
  --primary: #0d2b55;
  --secondary: #fff9c2;
}

.chat-header {
  background: var(--primary);
}

.user-message {
  background: var(--secondary);
}

Chapter Contents

Theme Structure - File organization
CSS Customization - Styling reference