Skip to content

Instantly share code, notes, and snippets.

@philippbosch
Created August 4, 2016 12:53
Show Gist options
  • Save philippbosch/9cc434f5b14e205a69e6b59df29b5086 to your computer and use it in GitHub Desktop.
Save philippbosch/9cc434f5b14e205a69e6b59df29b5086 to your computer and use it in GitHub Desktop.
:root {
--ultra-light-gray: #eee;
--light-gray: #ccc;
--dark-gray: #444;
--gray: #999;
--black: #000;
--accent-1: #0098f8;
--accent-2: #00b4a6;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Lucida Grande', sans-serif;
}
/* header bar */
div.application header {
background-color: var(--black);
}
div.application header a:hover {
color: white;
opacity: 0.5;
}
/* field labels */
.edit-area dl.field dt {
background: none;
padding-left: 0;
color: var(--gray);
}
/* sidebar menu */
div.application div.editor nav.sidebar h3 {
background-color: var(--accent-2);
}
div.application div.editor nav.sidebar ul.nav li {
margin-left: 0;
}
div.application div.editor nav.sidebar ul.nav li a,
div.application div.editor nav.sidebar ul.nav li > em {
background: none;
color: var(--gray);
padding: 3px 7px;
}
div.application div.editor nav.sidebar ul.nav li a.active,
div.application div.editor nav.sidebar ul.nav li a:hover {
background: none;
color: inherit;
}
div.application div.editor nav.sidebar ul.nav li a.active {
color: #ff0080;
}
/* flow blocks */
.edit-area div.flow {
background: none;
border: 0;
}
.edit-area div.flow-block {
margin-bottom: 1em;
border: 1px solid var(--light-gray);
}
/* flow block type label */
.edit-area div.flow-block h4 {
background-color: var(--ultra-light-gray);
padding-bottom: 7px;
}
/* misc */
div.application header ul.breadcrumb li.new-record-crumb a {
color: var(--accent);
border: 0;
}
div.application header ul.breadcrumb li:before {
color: var(--light-gray);
}
.btn-primary {
background-color: var(--accent-2);
border-color: var(--accent-2);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment