extra-configuration.md

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 to the Tags.

Example:

- 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:

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:

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.

To apply these icons, first download them into homers www/assets/tools folder.

By running:

$ wget https://raw.githubusercontent.com/WalkxCode/dashboard-icons/master/png/example.png

Then change the following line:

- 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 and I'll help you!