diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-14 13:30:50 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-14 13:30:50 +0000 |
commit | d5f222b7ebf4d2c2d47d20a25adcc9aadf67fbd5 (patch) | |
tree | da9b32212bf99154450a7668f61a75f65617a9fa /doc/91-Custom-Styling.md | |
parent | Initial commit. (diff) | |
download | icingaweb2-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.md | 48 |
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; + } + } + } +} +``` |