Skip to content

Instantly share code, notes, and snippets.

@sjardim

sjardim/AdminThemeReno.css

Created June 12, 2015 00:05
Show Gist options
  • Save sjardim/d2c058817d71cb343d95 to your computer and use it in GitHub Desktop.
Save sjardim/d2c058817d71cb343d95 to your computer and use it in GitHub Desktop.
Download ZIP
CSS filters do create a dark version of ProcessWire Admin Reno Theme
Raw
AdminThemeReno.css
body {background: #222}
#main {-webkit-filter: invert(100%) contrast(70%) hue-rotate(0deg)}
#sidebar {-webkit-filter: invert(100%) contrast(90%)}
.notes {-webkit-filter: hue-rotate(90deg)}
#sidebar #main-nav a.current:not(.parent) {-webkit-filter: hue-rotate(120deg)}
.ui-button-text, .InputfieldImagePreview {-webkit-filter: invert(100%)}
@sjardim
Copy link
Author

sjardim commented Jun 12, 2015

Screenshots at https://processwire.com/talk/topic/7625-reno-theme/page-4#entry96769

  1. Install the module: http://modules.proce...-custom-files/
  2. Create a file and paste the CSS code.
  3. Save the file as AdminThemeReno.css on the folder templates/AdminCustomFiles that was created by the module.
  4. Reload admin

Note: You can tweak the colors a bit by changing the hue-rotate values.
Warning: Unfortunately it will not work on Internet Explorer (any version)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment