Issues with Custom CSS

[owennewo-dev]

Hello, I am unable to get my custom CSS to work. So, I have Gatus deployed on my TrueNAS Scale server with Docker. This is the docker compose for Gatus:

services:
  gatus:
    image: twinproduction/gatus:v5.18.1
    ports:
      - '8080:8080'
    volumes:
      - /mnt/Main/Gatus/Gatus_Config:/config
      - /mnt/Main/Gatus/Gatus_Config:/app/css
version: '3.8'

Here is the ui: part of my config.yaml for Gatus:

ui:
  title: "Status"
  description: Services status and uptime
  header: Services Status
  logo: "https://example.com/media/website/Grey.png"
  link: "https://example.com"
  custom-css: "/app/css/custom.css"

In the /mnt/Main/Gatus/Gatus_Config dataset on my TrueNAS server, I have a custom.css file created and populated with CSS code. But I can't get Gatus to read this custom.css file. I wrote what CSS code I wanted, just by using browser dev tools, I edited this custom.css file which has always existed inside the container.

But I cannot figure out how to access that file, to write what I want in it. Thank you for any help!

[owennewo-dev]

Also I am on v5.18.1, so the old UI

[TwiN]

The custom CSS is meant to be injected directly with CSS, not a CSS file path.

So you're expected to do something like:

ui:
  custom-css: |
    #global {
      background-color: rebeccapurple;
    }

[owennewo-dev]

Thank you! I wonder if the documentation could be expanded to explain this more clearly.

Thank you for the wonderful service!