71 lines
2.3 KiB
Markdown
71 lines
2.3 KiB
Markdown
# Configuration
|
|
To apply these configurations, edit the `config.yml` file in homers `www/assets` folder.
|
|
|
|
|
|
## Custom tag colors
|
|
Homer uses Bulma CSS and you can apply their [color modifiers](https://bulma.io/documentation/overview/modifiers/) to the Tags.
|
|
|
|
Example:
|
|
```yaml
|
|
- name: "Homer Theme"
|
|
logo: "assets/tools/github.png"
|
|
subtitle: "The official Homer Theme github!"
|
|
tag: "github"
|
|
tagstyle: "is-primary" # This will display the is-primary color! Try changing it to; is-link, is-info, is-success, is-warning or is-danger!
|
|
url: "https://github.com/WalkxCode/Homer-Theme"
|
|
target: "_blank"
|
|
```
|
|
|
|
## Custom background
|
|
You can set a custom background on homer by replacing the default `wallpaper.jpeg` in homers `www/assets` folder and replacing it with your own custom wallpaper!
|
|
|
|
To apply the new wallpaper edit the following line:
|
|
```yaml
|
|
colors:
|
|
dark:
|
|
highlight-primary: "#181C3A"
|
|
highlight-secondary: "#181C3A"
|
|
highlight-hover: "#1F2347"
|
|
background: "#12152B"
|
|
card-background: "#181C3A"
|
|
text: "#eaeaea"
|
|
text-header: "#7C71DD"
|
|
text-title: "#fafafa"
|
|
text-subtitle: "#8B8D9C"
|
|
card-shadow: rgba(0, 0, 0, 0.5)
|
|
link: "#3273dc"
|
|
link-hover: "#ffdd57"
|
|
background-image: "../assets/wallpaper.jpeg" # Change wallpaper.jpeg to the name of your own custom wallpaper!
|
|
```
|
|
|
|
## Custom column amount
|
|
You can change the amount of columns by changing the following line:
|
|
|
|
```yaml
|
|
columns: "3" # You can change this to any number that is a factor of 12: (1, 2, 3, 4, 6, 12)
|
|
theme: default
|
|
```
|
|
|
|
## Custom icons
|
|
You can get custom icons for your Homer dashboard [here](https://github.com/WalkxCode/dashboard-icons).
|
|
|
|
To apply these icons, first download them into homers `www/assets/tools` folder.
|
|
|
|
By running:
|
|
```sh
|
|
$ wget https://raw.githubusercontent.com/WalkxCode/dashboard-icons/master/png/example.png
|
|
```
|
|
|
|
Then change the following line:
|
|
```yaml
|
|
- name: "Homer Theme"
|
|
logo: "assets/tools/github.png" # Change github.png to the name of your own custom icon!
|
|
subtitle: "The official Homer Theme github!"
|
|
tag: "github"
|
|
tagstyle: "is-primary"
|
|
url: "https://github.com/WalkxCode/Homer-Theme"
|
|
target: "_blank"
|
|
```
|
|
|
|
#### Want to customize more? [Make an issue](https://github.com/WalkxCode/Homer-Theme/issues/new) and I'll help you!
|