1 files changed, 48 insertions, 0 deletions
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;
+      }
+    }
+  }
+}
+```