Skip to content

Instantly share code, notes, and snippets.

@jebbles
Last active April 5, 2016 00:00
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jebbles/f6894cdee3c5ca28c18a to your computer and use it in GitHub Desktop.
Save jebbles/f6894cdee3c5ca28c18a to your computer and use it in GitHub Desktop.
A darker theme for Librato's dashboard, for easier readability. Includes header styling and navbar + scrollbar removal. Requires the Styler extension for Google Chrome: https://chrome.google.com/webstore/detail/styler/bogdgcfoocbajfkjjolkmcdcnnellpkb?hl=en
/*
1. On Google Chrome, download the Styler extension:
https://chrome.google.com/webstore/detail/styler/bogdgcfoocbajfkjjolkmcdcnnellpkb?hl=en
2. Go to a Librato Spaces view, and open up the Styler window. Inject the following CSS:
*/
/* Page background */
div.space {
background: #404040;
}
/* Individual chart background */
div.chart {
background: #404040;
}
/* Chart header styles */
div.librato-display-media .sdk-chart-name {
color: white !important;
font-size: 16px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
}
/* Hide scrollbars */
div.space {
overflow-y: hidden;
}
/* Hide main navigation */
#main-navigation-container {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment