Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/sessions/browser/parts/media/panelPart.css
13399 views
1
/*---------------------------------------------------------------------------------------------

2
 *  Copyright (c) Microsoft Corporation. All rights reserved.

3
 *  Licensed under the MIT License. See License.txt in the project root for license information.

4
 *--------------------------------------------------------------------------------------------*/

5


6
/* Hide the top title border because we draw our own */

7
.monaco-workbench .part.panel.bottom .composite.title {

8
	border-top-width: 0;

9
}

10


11
/* ===== Modern action label styling for sessions panel ===== */

12


13
/* Hide the underline indicator for non-focused, non-checked items; keep it for focus-visible and checked */

14
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(:focus-visible):not(.checked) .active-item-indicator:before {

15
	display: none !important;

16
}

17
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus-visible .active-item-indicator:before {

18
	display: block !important;

19
}

20
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .active-item-indicator:before {

21
	display: block !important;

22
}

23


24
/* Make icon action items 24px tall */

25
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon {

26
	height: 24px;

27
}

28


29
.agent-sessions-workbench .part.panel > .title {

30
	padding-left: 6px;

31
	padding-right: 6px;

32
	background-color: var(--vscode-agentsPanel-background);

33
}

34


35
/* Active/checked state: background container instead of underline */

36
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked {

37
	background-color: color-mix(in srgb, var(--vscode-agentsPanel-foreground, var(--vscode-foreground)) 5%, transparent) !important;

38
	border-radius: 4px;

39
}

40


41
/* Override base workbench panel content background for terminal */

42
.agent-sessions-workbench .part.panel > .content .monaco-editor,

43
.agent-sessions-workbench .part.panel > .content .monaco-editor .margin,

44
.agent-sessions-workbench .part.panel > .content .monaco-editor .monaco-editor-background {

45
	background-color: var(--vscode-agentsPanel-background);

46
}

47


48
.agent-sessions-workbench .part.panel > .content .pane-body,

49
.agent-sessions-workbench .part.panel > .content .chat-debug-editor,

50
.agent-sessions-workbench .part.panel > .content .chat-debug-home,

51
.agent-sessions-workbench .part.panel > .content .chat-debug-home-content,

52
.agent-sessions-workbench .part.panel > .content .chat-debug-overview,

53
.agent-sessions-workbench .part.panel > .content .chat-debug-overview-content {

54
	background-color: var(--vscode-agentsPanel-background);

55
}

56


57
.monaco-workbench.vs.agent-sessions-workbench .part.panel > .content #workbench\.sessions\.panel\.chatDebugContainer {

58
	--vscode-panel-background: var(--vscode-agentsPanel-background);

59
}

60


61
.monaco-workbench.vs.agent-sessions-workbench .part.panel > .content #workbench\.sessions\.panel\.chatDebugContainer .monaco-list-rows {

62
	background: var(--vscode-agentsPanel-background) !important;

63
}

64


65
/* Terminal body background */

66
.agent-sessions-workbench .part.panel .terminal-wrapper {

67
	background-color: var(--vscode-agentsPanel-background);

68
}

69


70