Default style tweaks

Author: bvaughn

packages/react-resizable-panels-website/root.css

@@ -16,12 +16,9 @@
   --color-link: #dcadff;
   --color-panel-background: #192230;
   --color-panel-background-alternate: #202124;
-  --color-resize-bar-drag: #39414d;
-  --color-resize-bar-hover: #39414d66;
-  --color-solid-resize-bar: #39414d;
-  --color-scroll-thumb: #39414d;
-  --color-scroll-thumb-hover: #414956;
-  --color-scroll-thumb-active: #515b6a;
+  --color-resize-bar: #515b6a;
+  --color-resize-bar-active: #b1bdd0;
+  --color-resize-bar-hover: #515b6a;
   --color-warning-background: #7400cc;
 
   --color-logo-background: #2a3343;

packages/react-resizable-panels-website/src/components/ResizeHandle.module.css

@@ -4,13 +4,13 @@
   justify-content: center;
   align-items: center;
   outline: none;
-  color: var(--color-scroll-thumb);
+  color: var(--color-resize-bar);
 }
 .ResizeHandle:hover {
-  color: var(--color-scroll-thumb-hover);
+  color: var(--color-resize-bar-hover);
 }
 .ResizeHandle[data-resize-handle-active] {
-  color: var(--color-scroll-thumb-active);
+  color: var(--color-resize-bar-active);
 }
 
 @media (pointer: coarse) {
@@ -19,11 +19,6 @@
   }
 }
 
-.ResizeHandle .ResizeHandleThumb {
-  flex: 0 0 1.25rem;
-  width: 1.25rem;
-  height: 1.25rem;
-}
 .ResizeHandle .ResizeHandleThumb[data-direction="vertical"] {
   rotate: 90deg;
 }