css Laravel DebugBar Dark

Posted 2021-05-13

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;
}