feat: update readme, add screenshots and gif, fix colors

README.md

@@ -78,9 +78,11 @@ Program to keep DNS A and/or AAAA records updated for multiple DNS providers
   - Variomedia.de
   - Zoneedit
   - **Want more?** [Create an issue for it](https://github.com/qdm12/ddns-updater/issues/new/choose)!
-- Web User interface
+- Web user interface (Desktop)  
+![Web UI](readme/webui-desktop.gif)
 
-![Web UI](https://raw.githubusercontent.com/qdm12/ddns-updater/master/readme/webui.png)
+- Web user interface (Mobile)  
+![Mobile Web UI](readme/webui-mobile.png)
 
 - Send notifications with [**Shoutrrr**](https://containrrr.dev/shoutrrr/v0.8/services/overview/) using `SHOUTRRR_ADDRESSES`
 - Container (Docker/K8s) specific features:

internal/server/ui/static/styles.css

@@ -8,7 +8,9 @@
   --link-color: #039;
   --link-color-hover: #36c;
   --success-color: #181;
+  --warn-color: #951;
   --error-color: #811;
+  --progress-color: #818;
   --footer-background: #eee;
   --footer-link-color: #666;
   --footer-link-color-hover: #777;
@@ -25,7 +27,9 @@
     --link-color: #9cf;
     --link-color-hover: #69c;
     --success-color: #9f9;
-    --error-color: #f99;
+    --warn-color: #fb8;
+    --error-color: #f88;
+    --progress-color: #c7c;
     --footer-background: #111;
     --footer-link-color: #999;
     --footer-link-color-hover: #888;
@@ -119,15 +123,15 @@ footer a:hover {
 }
 
 .uptodate {
-  color: var(--uptodate-color);
+  color: var(--success-color);
 }
 
 .updating {
-  color: var(--updating-color);
+  color: var(--progress-color);
 }
 
 .unset {
-  color: var(--unset-color);
+  color: var(--warn-color);
 }
 
 .github-icon {