Tweak CSS

Author: bendera

dev/vscode-button-group/vscode-button-group.html

@@ -20,6 +20,10 @@
         gap: 6px;
       }
 
+      .wysiwyg-toolbar path {
+        fill: currentColor;
+      }
+
       .icon-letter {
         flex: 1;
         font-family: sans-serif;

src/vscode-button/vscode-button.styles.ts

@@ -140,15 +140,25 @@ const styles: CSSResultGroup = [
 
     .divider {
       display: var(--divider-display, none);
-      background-color: var(--vscode-button-background, #0078d4);
+      background-color: transparent;
       padding: 4px 0;
       box-sizing: border-box;
     }
 
+    :host(:hover) .divider,
+    :host(:focus-visible) .divider {
+      background-color: var(--vscode-button-hoverBackground, #026ec1);
+    }
+
     :host([secondary]) .divider {
       background-color: var(--vscode-button-secondaryBackground, #313131);
     }
 
+    :host([secondary]:hover) .divider,
+    :host([secondary]:focus-visible) .divider {
+      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);
+    }
+
     .divider > div {
       background-color: var(
         --vscode-button-separator,