Rodrigo Rodriguez (Pragmatismo)
037db5c381
- 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 |
||
|---|---|---|
| .. | ||
| 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 | ||
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
See Also
- UI Reference - Interface options
- .gbot Configuration - All settings