Skip to content

Instantly share code, notes, and snippets.

@nhahv
Last active October 13, 2015 03:45
Show Gist options
  • Save nhahv/52a6d47cf367a3d5754b to your computer and use it in GitHub Desktop.
Save nhahv/52a6d47cf367a3d5754b to your computer and use it in GitHub Desktop.
Laravel DebugBar Dark
div.phpdebugbar {
font-size: 13px;
color: #aaa;
background: #333;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
}
div.phpdebugbar-resize-handle {
border-bottom-color: #000;
}
div.phpdebugbar-closed,
div.phpdebugbar-minimized {
border-top-color: #000;
}
a.phpdebugbar-restore-btn {
border-right-color: #000 !important;
}
div.phpdebugbar code, div.phpdebugbar pre {
background: none;
font-family: monospace;
font-size: 1em;
border: 0;
padding: 0;
}
div.phpdebugbar-body {
border-top: none;
}
div.phpdebugbar-header {
min-height: 30px;
line-height: 20px;
padding-left: 39px;
}
div.phpdebugbar-header,
a.phpdebugbar-restore-btn,
div.phpdebugbar-openhandler .phpdebugbar-openhandler-header {
background: #222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACHCAMAAAALObo4AAAC9FBMVEUAAACULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyKULyIpmVZzAAAA+3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRU1RVVldYWVpb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) no-repeat 5px 3px;
}
a.phpdebugbar-close-btn {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAMFBMVEX///+ampqampqampqampqampqampqampqampqampqampqampqampqampqampqampouq8ShAAAAD3RSTlMABA8TKDRAn7O3z9DX2duF9qnAAAAAU0lEQVR42oXMuQHAIAwEQSFA/Kj/bn0cjpx4s0lWfitdRbSXV+5DdbhfT4chn6RtZ9vIAFNBWFyHK17hwoaSR3sfkxUygyuZGi74tSTXOeCfoW8PoiAEI4By+J4AAAAASUVORK5CYII=) no-repeat 9px 6px;
color : red;
}
a.phpdebugbar-minimize-btn {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAANlBMVEX///+ampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqamppJ6PalAAAAEXRSTlMAERITFBobHCQlJrjZ2+Tl5tr1h7sAAABCSURBVHgBlcdJDoAwDMVQM5QhQEPuf1nQB9HuUL3y46dls2qSh5uU45wY9pDXHHGMkGTzWzO8/vS4SC6Sa0HX094Fl4kDREiytiIAAAAASUVORK5CYII=) no-repeat 6px 6px;
}
a.phpdebugbar-open-btn {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAMAAAD+MweGAAAASFBMVEX///+ampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqamprLwQj4AAAAF3RSTlMACA8QGB87PD9AXV+AgpOdtLfb4ufv8VV69ZwAAABMSURBVHgBdchJEkAwFATQjxiCGEj0/W+qVSnpRbzls5I6AUgSEL8T/eedMCFLnOhOmZUTBoiO4zaJveK0EKPRInE0RpfMbI/eZ85KbrBwC7n4+QGdAAAAAElFTkSuQmCC) no-repeat 8px 6px;
}
div.phpdebugbar-header,
div.phpdebugbar-openhandler-header {
background-size: 21px auto;
background-position: 9px center;
}
a.phpdebugbar-restore-btn {
background-size: 20px;
width: 16px;
border-right-color:red;
}
div.phpdebugbar-header > div > * {
font-size: 13px;
color: #888;
}
div.phpdebugbar-header .phpdebugbar-tab {
padding: 5px 6px;
}
div.phpdebugbar .phpdebugbar-header select {
padding: 1px 0;
}
dl.phpdebugbar-widgets-kvlist dt {
width: 200px;
min-height: 20px;
padding: 7px 5px;
line-height: 20px;
border-top: solid 1px #222;
}
dl.phpdebugbar-widgets-kvlist dd {
min-height: 20px;
margin-left: 210px;
padding: 7px 5px;
line-height: 20px;
border-top: solid 1px #222;
}
ul.phpdebugbar-widgets-timeline .phpdebugbar-widgets-measure {
height: 25px;
line-height: 25px;
border: none;
}
ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-label, ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-collector{
color: #aaa;
}
ul.phpdebugbar-widgets-timeline li:nth-child(1) span.phpdebugbar-widgets-value{
background-color: #9e184a;
}
ul.phpdebugbar-widgets-timeline li:nth-child(2) span.phpdebugbar-widgets-value{
background-color: #986017;
}
ul.phpdebugbar-widgets-timeline li:nth-child(3) span.phpdebugbar-widgets-value{
background-color: #477300;
}
.phpdebugbar ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item{
color: #aaa;
}
ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item:nth-child(even){
background-color: #444;
}
ul.phpdebugbar-widgets-timeline li:nth-child(even){
background-color: #444;
}
ul.phpdebugbar-widgets-timeline li:hover,
.phpdebugbar ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item:hover
{
background-color: #555;
}
ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-value {
height: 15px;
background-color: darkred;
}
ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-label,
ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-collector {
top: 0;
}
div.phpdebugbar-widgets-messages div.phpdebugbar-widgets-toolbar a.phpdebugbar-widgets-filter {
background-color: green;
}
a.phpdebugbar-tab:hover,
span.phpdebugbar-indicator:hover,
a.phpdebugbar-indicator:hover,
a.phpdebugbar-close-btn:hover,
a.phpdebugbar-open-btn:hover {
background-color: #600;
transition: background-color .25s linear 0s, color .25s linear 0s;
}
a.phpdebugbar-tab.phpdebugbar-active {
background: #900;
color: #eee;
}
a.phpdebugbar-tab.phpdebugbar-active span.phpdebugbar-badge {
background-color: #eee;
color: #900;
}
a.phpdebugbar-tab span.phpdebugbar-badge {
vertical-align: 0;
padding: 2px 6px;
background: #900;
font-size: 12px;
color: #eee;
border-radius: 10px;
}
div.phpdebugbar-openhandler .phpdebugbar-openhandler-header {
background-size: 20px;
}
div.phpdebugbar-openhandler a {
color: #555;
}
div.phpdebugbar-openhandler table {
table-layout: fixed;
}
div.phpdebugbar-openhandler table td,
div.phpdebugbar-openhandler table th {
text-align: left;
}
div.phpdebugbar-openhandler table td a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.phpdebugbar-indicator span.phpdebugbar-tooltip {
top: -36px;
border: none;
border-radius: 5px;
background: #333333;
font-size: 12px;
}
div.phpdebugbar-widgets-messages div.phpdebugbar-widgets-toolbar a.phpdebugbar-widgets-filter {
margin: 0;
padding: 5px 8px;
border-radius: 0;
font-size: 12px;
transition: background-color .25s linear 0s, color .25s linear 0s;
}
div.phpdebugbar-widgets-messages div.phpdebugbar-widgets-toolbar a.phpdebugbar-widgets-filter:hover {
background-color: #ad4844;
color: #fff;
}
.phpdebugbar-widgets-toolbar > .fa {
width: 25px;
font-size: 15px;
color: #555;
text-align: center;
}
ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item {
padding: 5px 10px;
border: none;
font-family: inherit;
overflow: visible;
color: #999;
}
/*ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item:nth-child(even) {*/
/*background-color: #f9f9f9;*/
/*}*/
div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-error:before {
font-size: 12px;
color: #e74c3c;
}
div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-warning:before {
font-size: 12px;
color: #f1c40f;
}
div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-error {
color: #e74c3c;
}
.phpdebugbar-widgets-value.phpdebugbar-widgets-warning {
color: #f1c40f;
}
.phpdebugbar div.phpdebugbar-widgets-templates div.phpdebugbar-widgets-status {
background: #020;
color: forestgreen;
font-family: inherit !important;
font-weight: 400 !important;
border-bottom:none;
}
div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-render-time, div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-memory, div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count, div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-type{
color: #666 !important;
}
.phpdebugbar span.phpdebugbar-indicator, a.phpdebugbar-indicator, a.phpdebugbar-close-btn{
border-right: 1px solid #333;
}
.hljs {
display: block;
background: #1d1f21;
color: #c5c8c6;
font-family: Menlo, Monaco, Consolas, monospace;
line-height: 1.5;
border: 1px solid #ccc;
padding: 10px;
}
.hljs,
.hljs-tag,
.css .hljs-rules,
.css .hljs-value,
.css .hljs-function,
.hljs-preprocessor,
.hljs-pragma {
color: #f8f8f2;
}
.hljs-strongemphasis,
.hljs-strong,
.hljs-emphasis {
color: #a8a8a2;
}
.hljs-bullet,
.hljs-blockquote,
.hljs-horizontal_rule,
.hljs-number,
.hljs-regexp,
.alias .hljs-keyword,
.hljs-literal,
.hljs-hexcolor {
color: #ae81ff;
}
.hljs-tag .hljs-value,
.hljs-code,
.hljs-title,
.css .hljs-class,
.hljs-class .hljs-title:last-child {
color: #a6e22e;
}
.hljs-link_url {
font-size: 80%;
}
.hljs-strong,
.hljs-strongemphasis {
font-weight: bold;
}
.hljs-emphasis,
.hljs-strongemphasis,
.hljs-class .hljs-title:last-child {
font-style: italic;
}
.hljs-keyword,
.hljs-function,
.hljs-change,
.hljs-winutils,
.hljs-flow,
.nginx .hljs-title,
.tex .hljs-special,
.hljs-header,
.hljs-attribute,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-tag .hljs-title,
.hljs-value,
.alias .hljs-keyword:first-child,
.css .hljs-tag,
.css .unit,
.css .hljs-important {
color: #f92672;
}
.hljs-function .hljs-keyword,
.hljs-class .hljs-keyword:first-child,
.hljs-constant,
.css .hljs-attribute {
color: #66d9ef;
}
.hljs-variable,
.hljs-params,
.hljs-class .hljs-title {
color: #f8f8f2;
}
.hljs-string,
.css .hljs-id,
.hljs-subst,
.hljs-type,
.ruby .hljs-class .hljs-parent,
.hljs-built_in,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-addition,
.hljs-stream,
.hljs-envvar,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-prompt,
.hljs-link_label,
.hljs-link_url {
color: #e6db74;
}
.hljs-comment,
.hljs-javadoc,
.hljs-annotation,
.hljs-decorator,
.hljs-template_comment,
.hljs-pi,
.hljs-doctype,
.hljs-deletion,
.hljs-shebang,
.apache .hljs-sqbracket,
.tex .hljs-formula {
color: #75715e;
}
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata,
.xml .php,
.php .xml {
opacity: 0.5;
}
.phpdebugbar-widgets-params pre code {
color: #ae81ff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment