From d5f222b7ebf4d2c2d47d20a25adcc9aadf67fbd5 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 14 Apr 2024 15:30:50 +0200
Subject: Adding upstream version 0.3.3.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 doc/91-Custom-Styling.md | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 doc/91-Custom-Styling.md

(limited to 'doc/91-Custom-Styling.md')

diff --git a/doc/91-Custom-Styling.md b/doc/91-Custom-Styling.md
new file mode 100644
index 0000000..f9bb494
--- /dev/null
+++ b/doc/91-Custom-Styling.md
@@ -0,0 +1,48 @@
+Custom Styling
+==============
+
+With a custom theme you can change style and colors of the Top Level View.
+
+Here are a few examples.
+
+## Blinking unhandled
+
+So that unhandled problems are more visible.
+
+```less
+.container.icinga-module.module-toplevelview {
+  .tlv-status-tile.unhandled {
+    animation: blinker 1.5s linear infinite;
+  }
+}
+
+@keyframes blinker {
+  50% {
+    opacity: 0.2;
+  }
+}
+```
+
+## Dark fullscreen
+
+When you open the TLV in fullscreen mode, background will be dark.
+
+```less
+.fullscreen-layout {
+  .container.icinga-module.module-toplevelview {
+    color: #eee;
+    a:visited {
+      color: inherit;
+    }
+    background: #333;
+
+    .controls {
+      background: inherit;
+
+      .active {
+        color: #333;
+      }
+    }
+  }
+}
+```
-- 
cgit v1.2.3