Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Dark Splunk
/* Based on https://gist.github.com/hobbes3/fbc0c591d49178a7995a */
/* BACKGROUND */
body,
.dashboard-body,
.footer,
.dashboard-panel,
.dashboard-cell {
background: #333333 !important;
}
/* ALL LIGHT TEXT */
.dashboard-header h2,
p.description,
p.copyright,
.dashboard-panel h2,
.panel-head h3,
.nav-footer>li>a,
.form-settings,
.dashboard-panel input,
.input label,
.html {
color: #ccc !important;
}
/* TABLE */
.table>thead>tr>th {
background-image: linear-gradient(to bottom, #888, #666);
color: white !important;
text-shadow: none;
}
.table>thead>tr>th:hover {
background-image: linear-gradient(to bottom, #666, #444) !important;
color: white !important;
text-shadow: none;
}
.table .sorts a {
text-decoration: none;
color: #ccc;
}
/*
.table>tbody>tr>td {
color: white;
}
.table>tbody>tr:nth-child(even):not(.highlighted)>td:not(.highlighted) {
background-color: #666 !important;
}
.table>tbody>tr:nth-child(odd):not(.highlighted)>td:not(.highlighted) {
background-color: #444 !important;
}
td.highlighted {
background-color: #888 !important;
}
.highlighted td {
background-color: #888 !important;
}
*/
/* SVG */
.highcharts-container svg {
background: #222222;
}
.highcharts-container svg>rect:not(.block-background) {
fill: #000 !important;
opacity: 0.1;
}
.highcharts-container svg text:not(.single-result):not(.delta-label) {
fill: #ccc !important;
}
/* EDIT PANELS */
.dashboard-panel input {
background-color: #444;
}
.drag-handle a.delete-panel {
background: #000 !important;
}
/* REMAINING ELEMENTS */
footer, footer div, footer a, div.search-results-wrapper, div.tab-content, ul.nav, ul.nav li a {
background: #222222 !important;
color: #BBBBBB !important;
}
ul.nav ::before, ul.nav ::after {
visibility: hidden;
}
ul.nav {
margin-bottom: -1px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.