Merge pull request #842 from ralphocdol/monitor-compact-with-icon

Added icon support for compact

docs/configuration.md

@@ -212,6 +212,12 @@ icon: auto-invert sh:glance-dark # with a selfh.st icon
 
 This expects the icon to be black and will automatically invert it to white when using a dark theme.
 
+If there is no `.svg` version available for a `selfh.st` or `Dashboard` icon, then you can add the image extension of the format you wish to use.
+```yaml
+icon: sh:glance.png # use the .png version of the icon
+icon: sh:glance.webp # use the .webp version of the icon
+```
+
 ## Config schema
 
 For property descriptions, validation and autocompletion of the config within your IDE, @not-first has kindly created a [schema](https://github.com/not-first/glance-schema). Massive thanks to them for this, go check it out and give them a star!

docs/themes.md

@@ -104,6 +104,17 @@ theme:
   negative-color: 12 77 52
 ```
 
+### Neon Pink 
+![screenshot](images/themes/neon-pink.png)
+```yaml
+theme:
+  background-color: 240 27 11
+  contrast-multiplier: 1.5
+  primary-color: 321 100 71
+  positive-color: 165 78 51
+  negative-color: 360 100 71
+```
+
 ## Light
 
 ### Catppuccin Latte

internal/glance/config-fields.go

@@ -216,7 +216,7 @@ func newCustomIconField(value string) customIconField {
 		basename = icon
 	}
 
-	if ext != "svg" && ext != "png" {
+	if ext != "svg" && ext != "png" && ext != "webp" {
 		ext = "svg"
 	}
 

internal/glance/templates/monitor-compact.html

@@ -2,7 +2,7 @@
 
 {{ define "widget-content" }}
 {{ if not (and .ShowFailingOnly (not .HasFailing)) }}
-<ul class="dynamic-columns list-gap-8">
+<ul class="dynamic-columns list-gap-10">
     {{ range .Sites }}
     {{ if and $.ShowFailingOnly (eq .StatusStyle "ok" ) }}{{ continue }}{{ end }}
     <div class="flex items-center gap-12">
@@ -21,6 +21,9 @@
 {{ end }}
 
 {{ define "site" }}
+{{ if .Icon.URL }}
+{{ .Icon.ElemWithClass "square-20" }}
+{{ end }}
 <a class="size-title-dynamic color-highlight text-truncate block grow" href="{{ .URL | safeURL }}" {{ if not .SameTab }}target="_blank"{{ end }} rel="noreferrer">{{ .Title }}</a>
 {{ if not .Status.TimedOut }}<div>{{ .Status.ResponseTime.Milliseconds | formatNumber }}ms</div>{{ end }}
 {{ if eq .StatusStyle "ok" }}