use base for measure, tweak hover

Author: barryvdh

src/Resources/laravel-debugbar.css

@@ -3,6 +3,7 @@ div.phpdebugbar-openhandler {
     --debugbar-red-vivid: #eb4432;
 
     /*--debugbar-background: #fff;*/
+    --debugbar-background-alt: #f5f5f5;
     --debugbar-text: #222;
     /*--debugbar-text-muted: #888;*/
     --debugbar-border: #bbb;
@@ -23,10 +24,8 @@ div.phpdebugbar-openhandler {
 
     /*--debugbar-link: #888;*/
     /*--debugbar-hover: #aaa;*/
-    /*--debugbar-hover-bg: #fafafa;*/
 
     --debugbar-header-hover: #ebebeb;
-    --debugbar-background-alt: #f5f5f5;
 }
 
 /* Dark mode */
@@ -45,13 +44,15 @@ div.phpdebugbar-openhandler[data-theme='dark'] {
     --debugbar-red-vivid: #eb4432;
 
     --debugbar-background: var(--debugbar-gray-800);
+    --debugbar-background-alt: var(--debugbar-gray-900);
     --debugbar-text: var(--debugbar-gray-100);
     --debugbar-text-muted: var(--debugbar-gray-600);
     --debugbar-border: var(--debugbar-gray-600);
 
     --debugbar-header:var(--debugbar-gray-900);
     --debugbar-header-text: var(--debugbar-gray-200);
     --debugbar-header-border: var(--debugbar-gray-800);
+    --debugbar-header-hover: var(--debugbar-gray-700);
 
     --debugbar-active: var(--debugbar-gray-800);
     --debugbar-active-text: var(--debugbar-gray-100);
@@ -66,9 +67,6 @@ div.phpdebugbar-openhandler[data-theme='dark'] {
     --debugbar-link: var(--debugbar-gray-500);
     --debugbar-hover: var(--debugbar-gray-400);
     --debugbar-hover-bg: var(--debugbar-gray-700);
-
-    --debugbar-header-hover: var(--debugbar-gray-700);
-    --debugbar-background-alt: var(--debugbar-gray-900);
 }
 
 /* Force Laravel Whoops exception handler to be displayed under the debug bar */
@@ -694,24 +692,6 @@ div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count:before {
     margin-right: 6px!important;
 }
 
-.phpdebugbar-widgets-list-item .phpdebugbar-widgets-bg-measure {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    pointer-events: none;
-}
-
-.phpdebugbar-widgets-bg-measure .phpdebugbar-widgets-value {
-    position: absolute;
-    height: 1px !important;
-    opacity: 1 !important;
-    bottom: 0;
-    background: #63abca !important;
-}
-
 div.phpdebugbar dl.phpdebugbar-widgets-kvlist > :nth-child(4n)::before {
 background-color: var(--background-color-alt);
 }
@@ -757,10 +737,6 @@ ul.phpdebugbar-widgets-table-list li:last-child {
     margin-bottom: 0;
 }
 
-.phpdebugbar-widgets-bg-measure .phpdebugbar-widgets-value {
-    height: 2px !important;
-}
-
 div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard {
     margin-left: 8px !important;
 }