Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-09-01 05:02:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

use default btn styles only on opt-in (#185313)

Browse Source
This commit is contained in:
Johannes Rieken
2023-06-16 11:07:57 +02:00
committed by GitHub
parent bc472a44b5
commit 61ba389b0a
2 changed files with 39 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/base/browser/ui/button/button.css
+38 -27
View File
@@ -25,25 +25,6 @@
text-decoration: none !important;
}
.monaco-button {
color: var(--vscode-button-foreground);
background-color: var(--vscode-button-background);
}
.monaco-button:hover {
background-color: var(--vscode-button-hoverBackground);
}
.monaco-button.secondary {
color: var(--vscode-button-secondaryForeground);
background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button.secondary:hover {
background-color: var(--vscode-button-secondaryHoverBackground);
}
.monaco-button.disabled:focus,
.monaco-button.disabled {
opacity: 0.4 !important;
@@ -109,19 +90,11 @@
.monaco-button-dropdown .monaco-button-dropdown-separator {
padding: 4px 0;
cursor: default;
background-color: var(--vscode-button-background);
border-top: 1px solid var(--vscode-button-border);
border-bottom: 1px solid var(--vscode-button-border);
}
.monaco-button.secondary + .monaco-button-dropdown-separator {
background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button-dropdown .monaco-button-dropdown-separator > div {
height: 100%;
width: 1px;
background-color: var(--vscode-button-separator);
}
.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
@@ -159,3 +132,41 @@
margin: 0 0.2em;
color: inherit !important;
}
/* default color styles - based on CSS variables */
.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
color: var(--vscode-button-foreground);
background-color: var(--vscode-button-background);
}
.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
background-color: var(--vscode-button-hoverBackground);
}
.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
color: var(--vscode-button-secondaryForeground);
background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
background-color: var(--vscode-button-secondaryHoverBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
background-color: var(--vscode-button-background);
border-top: 1px solid var(--vscode-button-border);
border-bottom: 1px solid var(--vscode-button-border);
}
.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
background-color: var(--vscode-button-separator);
}
src/vs/platform/actions/browser/buttonbar.ts
+1
View File
@@ -88,6 +88,7 @@ export class MenuWorkbenchButtonBar extends ButtonBar {
}
btn.enabled = action.enabled;
btn.element.classList.add('default-colors');
if (conifgProvider(action)?.showLabel ?? true) {
btn.label = action.label;
} else {