development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-09-29 07:51:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

custom color theme for action list widget (#223245)

Browse source 
* action list colors

* mvoe to listColors

* dont change imports

* remove whitespace
This commit is contained in:
Justin Chen 2024-08-08 13:16:01 -07:00 committed by GitHub
parent f8a969b1ff
commit fe018d2f04
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 27 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
build/lib/stylelint/vscode-known-variables.json
View file

@ -255,6 +255,10 @@
"--vscode-editorLightBulb-foreground",
"--vscode-editorLightBulbAi-foreground",
"--vscode-editorLightBulbAutoFix-foreground",
"--vscode-editorActionList-background",
"--vscode-editorActionList-foreground",
"--vscode-editorActionList-focusForeground",
"--vscode-editorActionList-focusBackground",
"--vscode-editorLineNumber-activeForeground",
"--vscode-editorLineNumber-dimmedForeground",
"--vscode-editorLineNumber-foreground",

8
src/vs/platform/actionWidget/browser/actionWidget.css
View file

@ -13,8 +13,8 @@
width: 100%;
border: 1px solid var(--vscode-editorWidget-border) !important;
border-radius: 2px;
background-color: var(--vscode-editorWidget-background);
color: var(--vscode-editorWidget-foreground);
background-color: var(--vscode-editorActionList-background);
color: var(--vscode-editorActionList-foreground);
}
.context-view-block {
@ -62,8 +62,8 @@
}
.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
background-color: var(--vscode-quickInputList-focusBackground) !important;
color: var(--vscode-quickInputList-focusForeground);
background-color: var(--vscode-editorActionList-focusBackground) !important;
color: var(--vscode-editorActionList-focusForeground);
outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
outline-offset: -1px;
}

20
src/vs/platform/theme/common/colors/listColors.ts
View file

@ -11,7 +11,7 @@ import { registerColor, darken, lighten, transparent, ifDefinedThenElse } from '
// Import the colors we need
import { foreground, contrastBorder, activeContrastBorder, focusBorder, iconForeground } from 'vs/platform/theme/common/colors/baseColors';
import { editorWidgetBackground, editorFindMatchHighlightBorder, editorFindMatchHighlight, widgetShadow } from 'vs/platform/theme/common/colors/editorColors';
import { editorWidgetBackground, editorFindMatchHighlightBorder, editorFindMatchHighlight, widgetShadow, editorWidgetForeground } from 'vs/platform/theme/common/colors/editorColors';
export const listFocusBackground = registerColor('list.focusBackground',
@ -145,3 +145,21 @@ export const tableColumnsBorder = registerColor('tree.tableColumnsBorder',
export const tableOddRowsBackgroundColor = registerColor('tree.tableOddRowsBackground',
{ dark: transparent(foreground, 0.04), light: transparent(foreground, 0.04), hcDark: null, hcLight: null },
nls.localize('tableOddRowsBackgroundColor', "Background color for odd table rows."));
// ------ action list
export const editorActionListBackground = registerColor('editorActionList.background',
editorWidgetBackground,
nls.localize('editorActionListBackground', "Action List background color."));
export const editorActionListForeground = registerColor('editorActionList.foreground',
editorWidgetForeground,
nls.localize('editorActionListForeground', "Action List foreground color."));
export const editorActionListFocusForeground = registerColor('editorActionList.focusForeground',
listActiveSelectionForeground,
nls.localize('editorActionListFocusForeground', "Action List foreground color for the focused item."));
export const editorActionListFocusBackground = registerColor('editorActionList.focusBackground',
listActiveSelectionBackground,
nls.localize('editorActionListFocusBackground', "Action List background color for the focused item."));