Designe deine Splunk Dashboard mit inline CSS

Das Standart Design der Splunk Dashboard wird auf dauer etwas eintönig oder passt einfach nicht zu der Corporate Identity. Splunk bietet hier zwei Möglichkeiten an, dieses zu ändern:

  1. Erstelle ein statisches style.css auf deinem Splunk Host und erwähne dieses in deinem Dashboard. Dies funktioniert super, wenn es ein Custom Style für sämtlich Dashboards gibt aber funktioniert nicht für einzelnen Dashboard wenn der Ersteller keine Berechtigungen hat Dateien hoch zu laden.
  2. Füge eine versteckte Reihe in deinem Dashboard ein welches die CSS Specs inline enthält.

So könnte ein inline CSS aussehen:

<row depends="$hide$">
    <panel>
      <!--creates an HTML panel in order to create an inline style sheet-->
      <html>
        <style>
          .dashboard-title {
            color: #d5001c !important;
            text-transform: uppercase;
            font-family: "Arial Narrow",sans-serif;
          }
          
          .dashboard-panel {
              background-color: transparent !important;
          }
          
          .highcharts-background,.highcharts-container {
            fill: transparent !important;
          }
          
          body,.dashboard-body,.footer,.header,.app-bar,.dashboard-panel,.dashboard-cell,.highcharts-container {
            background: #191f22; !important; 
          }
                
        </style>
      </html>
    </panel>
  </row>