summaryrefslogtreecommitdiffstats
path: root/doc/91-Custom-Styling.md
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-14 13:30:50 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-14 13:30:50 +0000
commitd5f222b7ebf4d2c2d47d20a25adcc9aadf67fbd5 (patch)
treeda9b32212bf99154450a7668f61a75f65617a9fa /doc/91-Custom-Styling.md
parentInitial commit. (diff)
downloadicingaweb2-module-toplevelview-d5f222b7ebf4d2c2d47d20a25adcc9aadf67fbd5.tar.xz
icingaweb2-module-toplevelview-d5f222b7ebf4d2c2d47d20a25adcc9aadf67fbd5.zip
Adding upstream version 0.3.3.upstream/0.3.3upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'doc/91-Custom-Styling.md')
-rw-r--r--doc/91-Custom-Styling.md48
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;
+ }
+ }
+ }
+}
+```