Skip to content

Commit 3ca0fea

Browse files
author
SPRINX0\prochazka
committed
custom themes
1 parent ff0c265 commit 3ca0fea

3 files changed

Lines changed: 25 additions & 6 deletions

File tree

content/custom-themes.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
---
2+
title: Custom themes
3+
weight: 75
4+
---
5+
6+
DbGate has flexible theming support. You could create your own theme, changing colors of various UI elements.
7+
8+
Themes are created as JSON files. The simplest way to create custom theme is to use theme AI assistant.
9+
10+
## Theme AI Assistant
11+
For invoking theme AI assistant, open Settings/Themes, then click "Customize with AI assistant" button.
12+
13+
![Theme settings](https://media.dbgate.io/img/app-settings-themes-light.png)
14+
15+
Theme AI assistent will customize your theme according to your instructions. You could specify, which colors you want to change, and how. For example, you could say "Make primary color green, and background color dark gray".
16+
17+
![screenshot](/screenshots/dbgate-green.png)
18+
19+
Generating theme with AI assistant will take few minutes, there is about 280 variables to be generated. After theme is generated, you could click "Apply Theme" button to use new theme. You could also use "Save theme" button to save theme as JSON file. All saved themes are then available in theme chooser. You could also manage (rename, edit, delete) themes in files widget {{< mdi "file" >}}.
20+
21+
## Sharing themes in DbGate Cloud
22+
You could share your themes with other DbGate users using DbGate cloud. To share theme, create pull request in [DbGate knowledget base repository](https://github.com/dbgate/dbgate-knowledge-base). Themes are stored in folder-Themes directory. See existing themes for examples.

content/plugin-development.md

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -20,19 +20,16 @@ npm install -g yo
2020
npm install -g generator-dbgate
2121
```
2222

23-
## Create theme plugin
24-
Theme plugin is the simplest variant, it contains only frontend part.
25-
Note: theme plugins are supported from version 4.6.1-beta.1.
26-
23+
## Create plugin
2724
Run following command in console:
2825

2926
```sh
3027
yo dbgate
3128
```
3229

3330
You have to answer 3 questions:
34-
- Plugin name, must start with dbgate-plugin-, eg. dbgate-plugin-mytheme
35-
- Plugin type, choose eg. "Light theme"
31+
- Plugin name, must start with dbgate-plugin-, eg. dbgate-plugin-myplugin
32+
- Plugin type, choose eg. "Database driver"
3633
- Package manager, choose npm or yarn, what you prefer. DbGate uses yarn.
3734

3835
## Edit and test plugin
205 KB
Loading

0 commit comments

Comments
 (0)