Improved contrast and widget-status

valeu36 · Apr 15, 2020 · cf08a67 · cf08a67
1 parent e0d1f87
commit cf08a67
Showing 1 changed file with 59 additions and 17 deletions.
diff --git a/src/Resources/laravel-debugbar.css b/src/Resources/laravel-debugbar.css
@@ -118,7 +118,7 @@ div.phpdebugbar-openhandler table th {
 
 div.phpdebugbar-openhandler table th,
 div.phpdebugbar-openhandler table tr:nth-child(2n) {
-    background-color: #f7f7f7;
+    background-color: #efefef;
 }
 
 div.phpdebugbar-openhandler table th:nth-child(1), div.phpdebugbar-openhandler table td:nth-child(1), /* Date */
@@ -154,7 +154,7 @@ div.phpdebugbar-resize-handle {
     width: 100%;
     background: none;
     cursor: ns-resize;
-    border-top: 1px solid #ccc;
+    border-top: none;
     border-bottom: 0px;
     background-color: #fa5661;
 }
@@ -309,32 +309,33 @@ dl.phpdebugbar-widgets-kvlist dd {
 }
 
 ul.phpdebugbar-widgets-timeline .phpdebugbar-widgets-measure {
-    height: 25px;
-    line-height: 25px;
+    height: 26px;
+    line-height: 27px;
     border: none;
 }
 
-ul.phpdebugbar-widgets-timeline li:nth-child(even) {
-    background-color: #f9f9f9;
-}
-
 ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-value {
-    height: 15px;
-    background-color:#3a96bd;
+    height: 16px;
+    background-color: #63abca;
+    border-bottom: 2px solid #477e96;
 }
 
 ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-label,
 ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-collector {
     top: 0px;
     color: #fff;
+    font-size: 11px;
+    text-shadow: 1px 1px #000;
 }
 
 ul.phpdebugbar-widgets-timeline > li:nth-child(n+2) span.phpdebugbar-widgets-label {
     color: #000;
+    text-shadow: none;
 }
 
 ul.phpdebugbar-widgets-timeline li .phpdebugbar-widgets-value span.phpdebugbar-widgets-label {
     color: #fff;
+    text-shadow: 1px 1px #000;
 }
 
 div.phpdebugbar-widgets-messages div.phpdebugbar-widgets-toolbar {
@@ -502,6 +503,11 @@ ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item {
     overflow: visible;
 }
 
+ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item:hover,
+ul.phpdebugbar-widgets-timeline li:hover {
+    background-color: initial;
+}
+
 .phpdebugbar-widgets-sqlqueries ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item {
     display: flex;
     flex-wrap: wrap;
@@ -588,7 +594,7 @@ div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-params td.phpdebugb
 }
 
 ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item:nth-child(even) {
-    background-color: #f9f9f9;
+    background-color: #f5f5f5;
 }
 
 div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value {
@@ -605,7 +611,7 @@ div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugb
 }
 
 div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-info {
-    color: #5896e2;
+    color: #1299DA;
 }
 
 div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-info:before {
@@ -643,11 +649,31 @@ div.phpdebugbar-widgets-sqlqueries {
     line-height: 20px;
 }
 
+
 div.phpdebugbar-panel div.phpdebugbar-widgets-status {
-    padding: 10px 15px!important;
-    line-height: 10px;
-    border: 1px solid #ddd;
-    border-radius: 3px;
+    padding: 9px 20px!important;
+    width: calc(100% - 20px);
+    margin-left: -10px;
+    margin-top: -10px;
+    line-height: 11px!important;
+    font-weight: bold!important;
+    background: #f5f5f5!important;
+    border-bottom: 1px solid #cecece!important;
+}
+
+div.phpdebugbar-panel div.phpdebugbar-widgets-status > * {
+    color: #383838!important;
+}
+
+div.phpdebugbar-panel div.phpdebugbar-widgets-status > span:first-child:before {
+    font-family: PhpDebugbarFontAwesome;
+    content: "\f05a";
+    color: #737373;
+    text-shadow: 1px 1px #fff;
+    font-size: 14px;
+    position: relative;
+    top: 1px;
+    margin-right: 8px;
 }
 
 div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-params th,
@@ -707,6 +733,11 @@ div.phpdebugbar-header-right > a {
     background-position: center;
 }
 
+div.phpdebugbar-header-right .phpdebugbar-indicator > i.phpdebugbar-fa {
+    vertical-align: baseline;
+    margin-top: 2px;
+}
+
 div.phpdebugbar-panel {
     width: calc(100% - 20px);
     height: calc(100% - 20px);
@@ -724,7 +755,7 @@ div.phpdebugbar-panel table .phpdebugbar-widgets-name {
 
 dl.phpdebugbar-widgets-kvlist > :nth-child(4n-1),
 dl.phpdebugbar-widgets-kvlist > :nth-child(4n) {
-    background-color: #f9f9f9;
+    background-color: #f5f5f5;
 }
 
 .phpdebugbar pre.sf-dump:after {
@@ -738,3 +769,14 @@ div.phpdebugbar-widgets-exceptions li.phpdebugbar-widgets-list-item span.phpdebu
 div.phpdebugbar-widgets-exceptions li.phpdebugbar-widgets-list-item > div {
     display: none;
 }
+
+
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before,
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before,
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before,
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before,
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before,
+div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before,
+div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count:before {
+    margin-right: 6px!important;
+}