development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-08-27 13:00:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Activity bar top theme colors (#207172)

Browse source
This commit is contained in:
Benjamin Christopher Simmonds 2024-03-08 17:13:15 +01:00 committed by GitHub
parent cacdb7d87f
commit 43558b2a2d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 27 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -15,6 +15,7 @@
"--vscode-activityBarTop-dropBorder",
"--vscode-activityBarTop-foreground",
"--vscode-activityBarTop-inactiveForeground",
"--vscode-activityBarTop-background",
"--vscode-badge-background",
"--vscode-badge-foreground",
"--vscode-banner-background",
@ -560,6 +561,7 @@
"--vscode-sideBarSectionHeader-border",
"--vscode-sideBarSectionHeader-foreground",
"--vscode-sideBarTitle-foreground",
"--vscode-sideBarActivityBarTop-border",
"--vscode-sideBySideEditor-horizontalBorder",
"--vscode-sideBySideEditor-verticalBorder",
"--vscode-simpleFindWidget-sashBorder",

12
src/vs/workbench/browser/parts/media/paneCompositePart.css
View file

@ -20,12 +20,16 @@
display: none;
}
.monaco-workbench .pane-composite-part > .header-or-footer.header {
border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
.monaco-workbench .pane-composite-part > .header-or-footer {
background-color: var(--vscode-activityBarTop-background);
}
.monaco-workbench .pane-composite-part > .header-or-footer.footer {
border-top: 1px solid var(--vscode-sideBarSectionHeader-border);
.monaco-workbench .pane-composite-part > .header {
border-bottom: 1px solid var(--vscode-sideBarActivityBarTop-border);
}
.monaco-workbench .pane-composite-part > .footer {
border-top: 1px solid var(--vscode-sideBarActivityBarTop-border);
}
.monaco-workbench .pane-composite-part > .title > .composite-bar-container,

21
src/vs/workbench/common/theme.ts
View file

@ -700,28 +700,35 @@ export const ACTIVITY_BAR_TOP_FOREGROUND = registerColor('activityBarTop.foregro
light: '#424242',
hcDark: Color.white,
hcLight: editorForeground
}, localize('activityBarTop', "Active foreground color of the item in the Activity bar when it is on top. The activity allows to switch between views of the side bar."));
}, localize('activityBarTop', "Active foreground color of the item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
export const ACTIVITY_BAR_TOP_ACTIVE_BORDER = registerColor('activityBarTop.activeBorder', {
dark: ACTIVITY_BAR_TOP_FOREGROUND,
light: ACTIVITY_BAR_TOP_FOREGROUND,
hcDark: contrastBorder,
hcLight: '#B5200D'
}, localize('activityBarTopActiveFocusBorder', "Focus border color for the active item in the Activity bar when it is on top. The activity allows to switch between views of the side bar."));
}, localize('activityBarTopActiveFocusBorder', "Focus border color for the active item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
export const ACTIVITY_BAR_TOP_INACTIVE_FOREGROUND = registerColor('activityBarTop.inactiveForeground', {
dark: transparent(ACTIVITY_BAR_TOP_FOREGROUND, 0.6),
light: transparent(ACTIVITY_BAR_TOP_FOREGROUND, 0.75),
hcDark: Color.white,
hcLight: editorForeground
}, localize('activityBarTopInActiveForeground', "Inactive foreground color of the item in the Activity bar when it is on top. The activity allows to switch between views of the side bar."));
}, localize('activityBarTopInActiveForeground', "Inactive foreground color of the item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
export const ACTIVITY_BAR_TOP_DRAG_AND_DROP_BORDER = registerColor('activityBarTop.dropBorder', {
dark: ACTIVITY_BAR_TOP_FOREGROUND,
light: ACTIVITY_BAR_TOP_FOREGROUND,
hcDark: ACTIVITY_BAR_TOP_FOREGROUND,
hcLight: ACTIVITY_BAR_TOP_FOREGROUND
}, localize('activityBarTopDragAndDropBorder', "Drag and drop feedback color for the items in the Activity bar when it is on top. The activity allows to switch between views of the side bar."));
}, localize('activityBarTopDragAndDropBorder', "Drag and drop feedback color for the items in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
export const ACTIVITY_BAR_TOP_BACKGROUND = registerColor('activityBarTop.background', {
dark: null,
light: null,
hcDark: null,
hcLight: null,
}, localize('activityBarTopBackground', "Background color of the activity bar when set to top / bottom."));
// < --- Profiles --- >
@ -871,6 +878,12 @@ export const SIDE_BAR_SECTION_HEADER_BORDER = registerColor('sideBarSectionHeade
hcLight: contrastBorder
}, localize('sideBarSectionHeaderBorder', "Side bar section header border color. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."));
export const ACTIVITY_BAR_TOP_BORDER = registerColor('sideBarActivityBarTop.border', {
dark: SIDE_BAR_SECTION_HEADER_BORDER,
light: SIDE_BAR_SECTION_HEADER_BORDER,
hcDark: SIDE_BAR_SECTION_HEADER_BORDER,
hcLight: SIDE_BAR_SECTION_HEADER_BORDER
}, localize('sideBarActivityBarTopBorder', "Border color between the activity bar at the top/bottom and the views."));
// < --- Title Bar --- >