├── LICENSE ├── README.md ├── apps └── scalable │ └── visual-studio-code.svg ├── extensions ├── css-language-features │ └── server │ │ └── test │ │ └── pathCompletionFixtures │ │ └── about │ │ └── about.css ├── github-authentication │ └── media │ │ └── auth.css ├── github │ └── markdown.css ├── html-language-features │ └── server │ │ └── src │ │ └── test │ │ └── pathCompletionFixtures │ │ └── about │ │ └── about.css ├── markdown-language-features │ └── media │ │ ├── highlight.css │ │ └── markdown.css ├── markdown-math │ └── preview-styles │ │ └── index.css ├── media-preview │ └── media │ │ ├── audioPreview.css │ │ ├── imagePreview.css │ │ └── videoPreview.css ├── microsoft-authentication │ └── media │ │ └── auth.css ├── simple-browser │ └── media │ │ └── main.css └── vscode-colorize-tests │ └── test │ └── colorize-fixtures │ ├── test-variables.css │ └── test.css ├── libadwaita.png ├── src ├── miscellaneous.css └── vs │ ├── base │ ├── browser │ │ └── ui │ │ │ ├── actionbar │ │ │ └── actionbar.css │ │ │ ├── aria │ │ │ └── aria.css │ │ │ ├── breadcrumbs │ │ │ └── breadcrumbsWidget.css │ │ │ ├── button │ │ │ └── button.css │ │ │ ├── codicons │ │ │ └── codicon │ │ │ │ ├── codicon-modifiers.css │ │ │ │ └── codicon.css │ │ │ ├── contextview │ │ │ └── contextview.css │ │ │ ├── countBadge │ │ │ └── countBadge.css │ │ │ ├── dialog │ │ │ └── dialog.css │ │ │ ├── dropdown │ │ │ └── dropdown.css │ │ │ ├── findinput │ │ │ └── findInput.css │ │ │ ├── grid │ │ │ └── gridview.css │ │ │ ├── hover │ │ │ └── hover.css │ │ │ ├── iconLabel │ │ │ └── iconlabel.css │ │ │ ├── inputbox │ │ │ └── inputBox.css │ │ │ ├── keybindingLabel │ │ │ └── keybindingLabel.css │ │ │ ├── list │ │ │ └── list.css │ │ │ ├── menu │ │ │ └── menubar.css │ │ │ ├── mouseCursor │ │ │ └── mouseCursor.css │ │ │ ├── progressbar │ │ │ └── progressbar.css │ │ │ ├── sash │ │ │ └── sash.css │ │ │ ├── scrollbar │ │ │ └── media │ │ │ │ └── scrollbars.css │ │ │ ├── selectBox │ │ │ ├── selectBox.css │ │ │ └── selectBoxCustom.css │ │ │ ├── splitview │ │ │ ├── paneview.css │ │ │ └── splitview.css │ │ │ ├── table │ │ │ └── table.css │ │ │ ├── toggle │ │ │ └── toggle.css │ │ │ ├── toolbar │ │ │ └── toolbar.css │ │ │ └── tree │ │ │ └── media │ │ │ ├── paneviewlet.css │ │ │ └── tree.css │ └── test │ │ └── node │ │ └── pfs │ │ └── fixtures │ │ └── site.css │ ├── code │ └── electron-sandbox │ │ ├── issue │ │ └── media │ │ │ └── issueReporter.css │ │ └── processExplorer │ │ └── media │ │ └── processExplorer.css │ ├── editor │ ├── browser │ │ ├── controller │ │ │ └── textAreaHandler.css │ │ ├── viewParts │ │ │ ├── blockDecorations │ │ │ │ └── blockDecorations.css │ │ │ ├── currentLineHighlight │ │ │ │ └── currentLineHighlight.css │ │ │ ├── decorations │ │ │ │ └── decorations.css │ │ │ ├── glyphMargin │ │ │ │ └── glyphMargin.css │ │ │ ├── indentGuides │ │ │ │ └── indentGuides.css │ │ │ ├── lineNumbers │ │ │ │ └── lineNumbers.css │ │ │ ├── lines │ │ │ │ └── viewLines.css │ │ │ ├── linesDecorations │ │ │ │ └── linesDecorations.css │ │ │ ├── margin │ │ │ │ └── margin.css │ │ │ ├── marginDecorations │ │ │ │ └── marginDecorations.css │ │ │ ├── minimap │ │ │ │ └── minimap.css │ │ │ ├── overlayWidgets │ │ │ │ └── overlayWidgets.css │ │ │ ├── rulers │ │ │ │ └── rulers.css │ │ │ ├── scrollDecoration │ │ │ │ └── scrollDecoration.css │ │ │ ├── selections │ │ │ │ └── selections.css │ │ │ ├── viewCursors │ │ │ │ └── viewCursors.css │ │ │ └── whitespace │ │ │ │ └── whitespace.css │ │ └── widget │ │ │ └── media │ │ │ ├── diffEditor.css │ │ │ ├── diffReview.css │ │ │ └── editor.css │ ├── contrib │ │ ├── anchorSelect │ │ │ └── browser │ │ │ │ └── anchorSelect.css │ │ ├── bracketMatching │ │ │ └── browser │ │ │ │ └── bracketMatching.css │ │ ├── codeAction │ │ │ └── browser │ │ │ │ └── lightBulbWidget.css │ │ ├── codelens │ │ │ └── browser │ │ │ │ └── codelensWidget.css │ │ ├── colorPicker │ │ │ └── browser │ │ │ │ └── colorPicker.css │ │ ├── dnd │ │ │ └── browser │ │ │ │ └── dnd.css │ │ ├── dropOrPasteInto │ │ │ └── browser │ │ │ │ └── postEditWidget.css │ │ ├── find │ │ │ └── browser │ │ │ │ ├── findOptionsWidget.css │ │ │ │ └── findWidget.css │ │ ├── folding │ │ │ └── browser │ │ │ │ └── folding.css │ │ ├── gotoError │ │ │ └── browser │ │ │ │ └── media │ │ │ │ └── gotoErrorWidget.css │ │ ├── gotoSymbol │ │ │ └── browser │ │ │ │ ├── link │ │ │ │ └── goToDefinitionAtPosition.css │ │ │ │ └── peek │ │ │ │ └── referencesWidget.css │ │ ├── hover │ │ │ └── browser │ │ │ │ └── hover.css │ │ ├── inPlaceReplace │ │ │ └── browser │ │ │ │ └── inPlaceReplace.css │ │ ├── inlineCompletions │ │ │ └── browser │ │ │ │ ├── ghostText.css │ │ │ │ └── inlineCompletionsHintsWidget.css │ │ ├── inlineProgress │ │ │ └── browser │ │ │ │ └── inlineProgressWidget.css │ │ ├── linkedEditing │ │ │ └── browser │ │ │ │ └── linkedEditing.css │ │ ├── links │ │ │ └── browser │ │ │ │ └── links.css │ │ ├── markdownRenderer │ │ │ └── browser │ │ │ │ └── renderedMarkdown.css │ │ ├── message │ │ │ └── browser │ │ │ │ └── messageController.css │ │ ├── parameterHints │ │ │ └── browser │ │ │ │ └── parameterHints.css │ │ ├── peekView │ │ │ └── browser │ │ │ │ └── media │ │ │ │ └── peekViewWidget.css │ │ ├── rename │ │ │ └── browser │ │ │ │ └── renameInputField.css │ │ ├── snippet │ │ │ └── browser │ │ │ │ └── snippetSession.css │ │ ├── stickyScroll │ │ │ └── browser │ │ │ │ └── stickyScroll.css │ │ ├── suggest │ │ │ └── browser │ │ │ │ └── media │ │ │ │ └── suggest.css │ │ ├── symbolIcons │ │ │ └── browser │ │ │ │ └── symbolIcons.css │ │ ├── unicodeHighlighter │ │ │ └── browser │ │ │ │ ├── bannerController.css │ │ │ │ └── unicodeHighlighter.css │ │ ├── wordHighlighter │ │ │ └── browser │ │ │ │ └── highlightDecorations.css │ │ └── zoneWidget │ │ │ └── browser │ │ │ └── zoneWidget.css │ └── standalone │ │ └── browser │ │ ├── accessibilityHelp │ │ └── accessibilityHelp.css │ │ ├── iPadShowKeyboard │ │ └── iPadShowKeyboard.css │ │ ├── inspectTokens │ │ └── inspectTokens.css │ │ ├── quickInput │ │ └── standaloneQuickInput.css │ │ └── standalone-tokens.css │ ├── platform │ ├── actionWidget │ │ └── browser │ │ │ └── actionWidget.css │ ├── actions │ │ └── browser │ │ │ └── menuEntryActionViewItem.css │ ├── files │ │ └── test │ │ │ └── node │ │ │ └── fixtures │ │ │ ├── resolver │ │ │ └── site.css │ │ │ └── service │ │ │ └── some_utf16le.css │ ├── opener │ │ └── browser │ │ │ └── link.css │ ├── quickinput │ │ └── browser │ │ │ └── media │ │ │ └── quickInput.css │ └── severityIcon │ │ └── browser │ │ └── media │ │ └── severityIcon.css │ └── workbench │ ├── browser │ ├── actions │ │ └── media │ │ │ └── actions.css │ ├── media │ │ ├── part.css │ │ └── style.css │ └── parts │ │ ├── activitybar │ │ └── media │ │ │ ├── activityaction.css │ │ │ └── activitybarpart.css │ │ ├── auxiliarybar │ │ └── media │ │ │ └── auxiliaryBarPart.css │ │ ├── banner │ │ └── media │ │ │ └── bannerpart.css │ │ ├── editor │ │ └── media │ │ │ ├── breadcrumbscontrol.css │ │ │ ├── editordroptarget.css │ │ │ ├── editorgroupview.css │ │ │ ├── editorplaceholder.css │ │ │ ├── editorquickaccess.css │ │ │ ├── editorstatus.css │ │ │ ├── notabstitlecontrol.css │ │ │ ├── sidebysideeditor.css │ │ │ ├── tabstitlecontrol.css │ │ │ └── titlecontrol.css │ │ ├── media │ │ └── compositepart.css │ │ ├── notifications │ │ └── media │ │ │ ├── notificationsActions.css │ │ │ ├── notificationsCenter.css │ │ │ ├── notificationsList.css │ │ │ └── notificationsToasts.css │ │ ├── panel │ │ └── media │ │ │ ├── basepanelpart.css │ │ │ └── panelpart.css │ │ ├── sidebar │ │ └── media │ │ │ └── sidebarpart.css │ │ ├── statusbar │ │ └── media │ │ │ └── statusbarpart.css │ │ ├── titlebar │ │ └── media │ │ │ ├── menubarControl.css │ │ │ └── titlebarpart.css │ │ └── views │ │ └── media │ │ ├── paneviewlet.css │ │ └── views.css │ ├── contrib │ ├── bulkEdit │ │ └── browser │ │ │ └── preview │ │ │ └── bulkEdit.css │ ├── callHierarchy │ │ └── browser │ │ │ └── media │ │ │ └── callHierarchy.css │ ├── codeEditor │ │ └── browser │ │ │ ├── accessibility │ │ │ └── accessibility.css │ │ │ ├── find │ │ │ └── simpleFindWidget.css │ │ │ ├── inspectEditorTokens │ │ │ └── inspectEditorTokens.css │ │ │ ├── outline │ │ │ └── documentSymbolsTree.css │ │ │ ├── suggestEnabledInput │ │ │ └── suggestEnabledInput.css │ │ │ └── untitledTextEditorHint │ │ │ └── untitledTextEditorHint.css │ ├── comments │ │ └── browser │ │ │ └── media │ │ │ ├── panel.css │ │ │ └── review.css │ ├── customEditor │ │ └── browser │ │ │ └── media │ │ │ └── customEditor.css │ ├── debug │ │ └── browser │ │ │ └── media │ │ │ ├── breakpointWidget.css │ │ │ ├── callStackEditorContribution.css │ │ │ ├── debug.contribution.css │ │ │ ├── debugHover.css │ │ │ ├── debugToolBar.css │ │ │ ├── debugViewlet.css │ │ │ ├── exceptionWidget.css │ │ │ └── repl.css │ ├── extensions │ │ └── browser │ │ │ └── media │ │ │ ├── extension.css │ │ │ ├── extensionActions.css │ │ │ ├── extensionEditor.css │ │ │ ├── extensionsViewlet.css │ │ │ ├── extensionsWidgets.css │ │ │ └── runtimeExtensionsEditor.css │ ├── feedback │ │ └── browser │ │ │ └── media │ │ │ └── feedback.css │ ├── files │ │ └── browser │ │ │ ├── media │ │ │ └── explorerviewlet.css │ │ │ └── views │ │ │ └── media │ │ │ └── openeditors.css │ ├── interactive │ │ └── browser │ │ │ ├── interactiveEditor.css │ │ │ └── media │ │ │ └── interactive.css │ ├── interactiveEditor │ │ └── browser │ │ │ └── interactiveEditor.css │ ├── interactiveSession │ │ └── browser │ │ │ └── media │ │ │ └── interactiveSession.css │ ├── languageStatus │ │ └── browser │ │ │ └── media │ │ │ └── languageStatus.css │ ├── markers │ │ └── browser │ │ │ ├── markersViewActions.css │ │ │ └── media │ │ │ └── markers.css │ ├── mergeEditor │ │ └── browser │ │ │ └── view │ │ │ └── media │ │ │ └── mergeEditor.css │ ├── notebook │ │ └── browser │ │ │ ├── contrib │ │ │ ├── find │ │ │ │ ├── media │ │ │ │ │ └── notebookFind.css │ │ │ │ └── notebookFindReplaceWidget.css │ │ │ └── outline │ │ │ │ └── notebookOutline.css │ │ │ ├── diff │ │ │ └── notebookDiff.css │ │ │ ├── media │ │ │ ├── notebook.css │ │ │ ├── notebookCellInsertToolbar.css │ │ │ ├── notebookCellOutput.css │ │ │ ├── notebookCellStatusBar.css │ │ │ ├── notebookCellTitleToolbar.css │ │ │ ├── notebookDnd.css │ │ │ ├── notebookFocusIndicator.css │ │ │ ├── notebookFolding.css │ │ │ └── notebookToolbar.css │ │ │ └── viewParts │ │ │ └── notebookKernelActionViewItem.css │ ├── outline │ │ └── browser │ │ │ └── outlinePane.css │ ├── preferences │ │ └── browser │ │ │ └── media │ │ │ ├── keybindings.css │ │ │ ├── keybindingsEditor.css │ │ │ ├── preferences.css │ │ │ ├── settingsEditor2.css │ │ │ └── settingsWidgets.css │ ├── remote │ │ └── browser │ │ │ └── media │ │ │ ├── remoteViewlet.css │ │ │ └── tunnelView.css │ ├── scm │ │ └── browser │ │ │ └── media │ │ │ ├── dirtydiffDecorator.css │ │ │ └── scm.css │ ├── search │ │ └── browser │ │ │ └── media │ │ │ ├── anythingQuickAccess.css │ │ │ └── searchview.css │ ├── searchEditor │ │ └── browser │ │ │ └── media │ │ │ └── searchEditor.css │ ├── terminal │ │ └── browser │ │ │ └── media │ │ │ ├── scrollbar.css │ │ │ ├── terminal.css │ │ │ ├── widgets.css │ │ │ └── xterm.css │ ├── testing │ │ └── browser │ │ │ ├── media │ │ │ └── testing.css │ │ │ └── testingOutputPeek.css │ ├── timeline │ │ └── browser │ │ │ └── media │ │ │ └── timelinePane.css │ ├── typeHierarchy │ │ └── browser │ │ │ └── media │ │ │ └── typeHierarchy.css │ ├── update │ │ └── browser │ │ │ └── media │ │ │ └── releasenoteseditor.css │ ├── welcomeDialog │ │ └── browser │ │ │ └── media │ │ │ └── welcomeDialog.css │ ├── welcomeGettingStarted │ │ └── browser │ │ │ └── media │ │ │ └── gettingStarted.css │ ├── welcomeWalkthrough │ │ └── browser │ │ │ └── media │ │ │ └── walkThroughPart.css │ └── workspace │ │ └── browser │ │ └── media │ │ └── workspaceTrustEditor.css │ ├── electron-sandbox │ └── actions │ │ └── media │ │ └── actions.css │ ├── services │ ├── hover │ │ └── browser │ │ │ └── media │ │ │ └── hover.css │ ├── progress │ │ └── browser │ │ │ └── media │ │ │ └── progressService.css │ ├── search │ │ └── test │ │ │ └── node │ │ │ └── fixtures │ │ │ ├── site.css │ │ │ ├── some_utf16be.css │ │ │ └── some_utf16le.css │ ├── suggest │ │ └── browser │ │ │ └── media │ │ │ └── suggest.css │ ├── textfile │ │ └── test │ │ │ └── node │ │ │ └── encoding │ │ │ └── fixtures │ │ │ ├── some_ansi.css │ │ │ ├── some_file.css │ │ │ ├── some_utf16be.css │ │ │ ├── some_utf16le.css │ │ │ └── some_utf8.css │ └── userDataProfile │ │ └── browser │ │ └── media │ │ └── userDataProfileView.css │ ├── workbench.desktop.main.css │ └── workbench.web.main.css └── vscode-libadwaita-colorscheme.json /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 | vscode 4 | 5 |
6 | Libadwaita 7 |

8 | 9 | 10 | ![libadwaita](libadwaita.png) 11 | 12 | ## Getting Started 13 | 14 | The "Custom CSS and JS Loader" extension is required to load custom CSS, and it might require additional configuration or permissions depending on your operating system. Please refer to the extension documentation for detailed instructions. 15 | 16 | Upon successfully installing and configuring the "Custom CSS and JS Loader" extension, you can proceed with the subsequent steps to install the "vscode-libadwaita" workbench theme. Please follow the instructions outlined below: 17 | 18 | 19 | 1. Launch Visual Studio Code. 20 | 2. Select "Preferences: Open User Settings" to to modify the settings globally for all Visual Studio Code instance. 21 | 3. In the workspace or user settings, add the following configuration to enable custom CSS loading: 22 | 23 | ```json 24 | "vscode_custom_css.imports": [ 25 | "file:///home/username/libadwaita-vscode-theme/src/vs/workbench/browser/parts/editor/media/editorplaceholder.css", 26 | "file:///home/username/libadwaita-vscode-theme/src/vs/workbench/browser/parts/editor/media/tabstitlecontrol.css", 27 | "file:///home/username/libadwaita-vscode-theme/src/vs/workbench/contrib/interactiveEditor/browser/interactiveEditor.css", 28 | "file:///home/username/libadwaita-vscode-theme/src/miscellaneous.css" 29 | ] 30 | ``` 31 | 32 | ## Credits 33 | 34 | We would like to acknowledge any contributors to this repository and those who may contribute in the future. Their hard work and dedication have been essential to the development of this project. Additionally, we extend our appreciation to the GNOME community for their ongoing support and development of the original design guidelines upon which this repository is based. Without their efforts, this project would not have been possible. 35 | 36 | ## Bonus 37 | 38 | If you're searching for an excellent theme to use with this, I strongly suggest taking a look at [vscode-adwaita](https://github.com/piousdeer/vscode-adwaita.git) made by [@piousdeer](https://github.com/piousdeer)! Alternatively, you can use the colorscheme provided in the repository. Please be aware, however, that it was customized to match my preferences and is therefore highly opinionated. 39 | 40 | ## License 41 | 42 | This theme is distributed under the GNU General Public License v3.0. 43 | -------------------------------------------------------------------------------- /extensions/css-language-features/server/test/pathCompletionFixtures/about/about.css: -------------------------------------------------------------------------------- 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 | *--------------------------------------------------------------------------------------------*/ -------------------------------------------------------------------------------- /extensions/github/markdown.css: -------------------------------------------------------------------------------- 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 | .vscode-dark img[src$=\#gh-light-mode-only], 7 | .vscode-light img[src$=\#gh-dark-mode-only] { 8 | display: none; 9 | } 10 | -------------------------------------------------------------------------------- /extensions/html-language-features/server/src/test/pathCompletionFixtures/about/about.css: -------------------------------------------------------------------------------- 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 | *--------------------------------------------------------------------------------------------*/ -------------------------------------------------------------------------------- /extensions/markdown-math/preview-styles/index.css: -------------------------------------------------------------------------------- 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 | .katex-error { 7 | color: var(--vscode-editorError-foreground); 8 | } 9 | -------------------------------------------------------------------------------- /extensions/media-preview/media/audioPreview.css: -------------------------------------------------------------------------------- 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 | html, body { 7 | width: 100%; 8 | height: 100%; 9 | text-align: center; 10 | } 11 | 12 | body { 13 | padding: 5px 10px; 14 | box-sizing: border-box; 15 | -webkit-user-select: none; 16 | user-select: none; 17 | } 18 | 19 | .audio-container { 20 | height: 100%; 21 | display: flex; 22 | justify-content: center; 23 | align-items: center; 24 | } 25 | 26 | .container.loading, 27 | .container.error { 28 | display: flex; 29 | justify-content: center; 30 | align-items: center; 31 | } 32 | 33 | .loading-indicator { 34 | width: 30px; 35 | height: 30px; 36 | background-image: url('./loading.svg'); 37 | background-size: cover; 38 | } 39 | 40 | .loading-indicator, 41 | .loading-error { 42 | display: none; 43 | } 44 | 45 | .loading .loading-indicator, 46 | .error .loading-error { 47 | display: block; 48 | } 49 | 50 | .loading-error { 51 | margin: 1em; 52 | } 53 | 54 | .vscode-dark .loading-indicator { 55 | background-image: url('./loading-dark.svg'); 56 | } 57 | 58 | .vscode-high-contrast .loading-indicator { 59 | background-image: url('./loading-hc.svg'); 60 | } 61 | -------------------------------------------------------------------------------- /extensions/media-preview/media/imagePreview.css: -------------------------------------------------------------------------------- 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 | html, body { 7 | width: 100%; 8 | height: 100%; 9 | text-align: center; 10 | } 11 | 12 | body img { 13 | max-width: none; 14 | max-height: none; 15 | } 16 | 17 | .container:focus { 18 | outline: none !important; 19 | } 20 | 21 | .container { 22 | padding: 5px 0 0 10px; 23 | box-sizing: border-box; 24 | -webkit-user-select: none; 25 | user-select: none; 26 | } 27 | 28 | .container.image { 29 | padding: 0; 30 | display: flex; 31 | box-sizing: border-box; 32 | } 33 | 34 | .container.image img { 35 | padding: 0; 36 | background-position: 0 0, 8px 8px; 37 | background-size: 16px 16px; 38 | border: 1px solid var(--vscode-imagePreview-border); 39 | } 40 | 41 | .container.image img { 42 | background-image: 43 | linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230)), 44 | linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230)); 45 | } 46 | 47 | .vscode-dark.container.image img { 48 | background-image: 49 | linear-gradient(45deg, rgb(20, 20, 20) 25%, transparent 25%, transparent 75%, rgb(20, 20, 20) 75%, rgb(20, 20, 20)), 50 | linear-gradient(45deg, rgb(20, 20, 20) 25%, transparent 25%, transparent 75%, rgb(20, 20, 20) 75%, rgb(20, 20, 20)); 51 | } 52 | 53 | .container img.pixelated { 54 | image-rendering: pixelated; 55 | } 56 | 57 | .container img.scale-to-fit { 58 | max-width: calc(100% - 20px); 59 | max-height: calc(100% - 20px); 60 | object-fit: contain; 61 | } 62 | 63 | .container img { 64 | margin: auto; 65 | } 66 | 67 | .container.ready.zoom-in { 68 | cursor: zoom-in; 69 | } 70 | 71 | .container.ready.zoom-out { 72 | cursor: zoom-out; 73 | } 74 | 75 | .container .embedded-link, 76 | .container .embedded-link:hover { 77 | cursor: pointer; 78 | text-decoration: underline; 79 | margin-left: 5px; 80 | } 81 | 82 | .container.loading, 83 | .container.error { 84 | display: flex; 85 | justify-content: center; 86 | align-items: center; 87 | } 88 | 89 | .loading-indicator { 90 | width: 30px; 91 | height: 30px; 92 | background-image: url('./loading.svg'); 93 | background-size: cover; 94 | } 95 | 96 | .loading-indicator, 97 | .image-load-error { 98 | display: none; 99 | } 100 | 101 | .loading .loading-indicator, 102 | .error .image-load-error { 103 | display: block; 104 | } 105 | 106 | .image-load-error { 107 | margin: 1em; 108 | } 109 | 110 | .vscode-dark .loading-indicator { 111 | background-image: url('./loading-dark.svg'); 112 | } 113 | 114 | .vscode-high-contrast .loading-indicator { 115 | background-image: url('./loading-hc.svg'); 116 | } 117 | -------------------------------------------------------------------------------- /extensions/media-preview/media/videoPreview.css: -------------------------------------------------------------------------------- 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 | html { 7 | width: 100%; 8 | height: 100%; 9 | text-align: center; 10 | } 11 | 12 | body { 13 | padding: 5px 10px; 14 | width: calc(100% - 20px); 15 | height: calc(100% - 10px); 16 | display: flex; 17 | justify-content: center; 18 | align-items: center; 19 | -webkit-user-select: none; 20 | user-select: none; 21 | } 22 | 23 | .loading-indicator { 24 | width: 30px; 25 | height: 30px; 26 | background-image: url('./loading.svg'); 27 | background-size: cover; 28 | } 29 | 30 | .loading-indicator, 31 | .loading-error { 32 | display: none; 33 | } 34 | 35 | .loading .loading-indicator, 36 | .error .loading-error { 37 | display: block; 38 | } 39 | 40 | .loading-error { 41 | margin: 1em; 42 | } 43 | 44 | .vscode-dark .loading-indicator { 45 | background-image: url('./loading-dark.svg'); 46 | } 47 | 48 | .vscode-high-contrast .loading-indicator { 49 | background-image: url('./loading-hc.svg'); 50 | } 51 | -------------------------------------------------------------------------------- /extensions/simple-browser/media/main.css: -------------------------------------------------------------------------------- 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 | :root { 7 | --container-paddding: 20px; 8 | --input-padding-vertical: 2px; 9 | --input-padding-horizontal: 4px; 10 | --input-margin-vertical: 4px; 11 | --input-margin-horizontal: 0; 12 | } 13 | 14 | html, body { 15 | height: 100%; 16 | min-height: 100%; 17 | padding: 0; 18 | margin: 0; 19 | } 20 | 21 | body { 22 | display: grid; 23 | grid-template-rows: auto 1fr; 24 | } 25 | 26 | input:not([type='checkbox']), 27 | textarea { 28 | display: block; 29 | width: 100%; 30 | border: none; 31 | margin-right: 0.3em; 32 | font-family: var(--vscode-font-family); 33 | padding: var(--input-padding-vertical) var(--input-padding-horizontal); 34 | color: var(--vscode-input-foreground); 35 | outline-color: var(--vscode-input-border); 36 | background-color: var(--vscode-input-background); 37 | } 38 | 39 | input::placeholder, 40 | textarea::placeholder { 41 | color: var(--vscode-input-placeholderForeground); 42 | } 43 | 44 | button { 45 | border: none; 46 | padding: 3px; 47 | text-align: center; 48 | outline: 1px solid transparent; 49 | color: var(--vscode-icon-foreground); 50 | background: none; 51 | border-radius: 5px; 52 | } 53 | 54 | button:hover:not(:disabled) { 55 | cursor: pointer; 56 | color: var(--vscode-toolbar-hoverForeground); 57 | background: var(--vscode-toolbar-hoverBackground); 58 | } 59 | 60 | button:disabled { 61 | opacity: 0.5; 62 | } 63 | 64 | input:focus, 65 | button:focus { 66 | outline-color: var(--vscode-focusBorder); 67 | } 68 | 69 | .header { 70 | display: flex; 71 | margin: 0.4em 1em; 72 | } 73 | 74 | .url-input { 75 | flex: 1; 76 | } 77 | 78 | .controls { 79 | display: flex; 80 | } 81 | 82 | .controls button { 83 | display: flex; 84 | margin-right: 0.3em; 85 | } 86 | 87 | .content { 88 | width: 100%; 89 | height: 100%; 90 | display: flex; 91 | justify-content: center; 92 | } 93 | 94 | iframe { 95 | width: 100%; 96 | height: 100%; 97 | border: none; 98 | background: white; /* Browsers default to a white background */ 99 | } 100 | 101 | .iframe-focused-alert { 102 | display: none; 103 | position: absolute; 104 | bottom: 1em; 105 | background: var(--vscode-editorWidget-background); 106 | color: var(--vscode-editorWidget-foreground); 107 | padding: 0.2em 0.2em; 108 | border-radius: 4px; 109 | 110 | font-size: 8px; 111 | font-family: monospace; 112 | user-select: none; 113 | pointer-events: none; 114 | } 115 | 116 | .iframe-focused.enable-focus-lock-indicator .iframe-focused-alert { 117 | display: block; 118 | } 119 | -------------------------------------------------------------------------------- /extensions/vscode-colorize-tests/test/colorize-fixtures/test-variables.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --spacing-unit: 6px; 3 | --cell-padding: (4 * var(--spacing-unit)); 4 | } 5 | body { 6 | padding-left: calc(4 * var(--spacing-unit, 5px)); 7 | } -------------------------------------------------------------------------------- /libadwaita.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wroyca/libadwaita-vscode-theme/f776c978419ea561c92b6dc5e7876e988cd18c7f/libadwaita.png -------------------------------------------------------------------------------- /src/vs/base/browser/ui/aria/aria.css: -------------------------------------------------------------------------------- 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 | .monaco-aria-container { 7 | position: absolute; /* try to hide from window but not from screen readers */ 8 | left:-999em; 9 | } -------------------------------------------------------------------------------- /src/vs/base/browser/ui/breadcrumbs/breadcrumbsWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-breadcrumbs { 7 | user-select: none; 8 | -webkit-user-select: none; 9 | display: flex; 10 | flex-direction: row; 11 | flex-wrap: nowrap; 12 | justify-content: flex-start; 13 | outline-style: none; 14 | } 15 | 16 | .monaco-breadcrumbs .monaco-breadcrumb-item { 17 | display: flex; 18 | align-items: center; 19 | flex: 0 1 auto; 20 | white-space: nowrap; 21 | cursor: pointer; 22 | align-self: center; 23 | height: 100%; 24 | outline: none; 25 | } 26 | .monaco-breadcrumbs.disabled .monaco-breadcrumb-item { 27 | cursor: default; 28 | } 29 | 30 | .monaco-breadcrumbs .monaco-breadcrumb-item .codicon-breadcrumb-separator { 31 | color: inherit; 32 | } 33 | 34 | .monaco-breadcrumbs .monaco-breadcrumb-item:first-of-type::before { 35 | content: ' '; 36 | } 37 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/codicons/codicon/codicon-modifiers.css: -------------------------------------------------------------------------------- 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 | .codicon-wrench-subaction { 7 | opacity: 0.5; 8 | } 9 | 10 | @keyframes codicon-spin { 11 | 100% { 12 | transform:rotate(360deg); 13 | } 14 | } 15 | 16 | .codicon-sync.codicon-modifier-spin, 17 | .codicon-loading.codicon-modifier-spin, 18 | .codicon-gear.codicon-modifier-spin, 19 | .codicon-notebook-state-executing.codicon-modifier-spin { 20 | /* Use steps to throttle FPS to reduce CPU usage */ 21 | animation: codicon-spin 1.5s steps(30) infinite; 22 | } 23 | 24 | .codicon-modifier-disabled { 25 | opacity: 0.4; 26 | } 27 | 28 | /* custom speed & easing for loading icon */ 29 | .codicon-loading, 30 | .codicon-tree-item-loading::before { 31 | animation-duration: 1s !important; 32 | animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important; 33 | } 34 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/codicons/codicon/codicon.css: -------------------------------------------------------------------------------- 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 | @font-face { 7 | font-family: "codicon"; 8 | font-display: block; 9 | src: url("./codicon.ttf?5d4d76ab2ce5108968ad644d591a16a6") format("truetype"); 10 | } 11 | 12 | .codicon[class*='codicon-'] { 13 | font: normal normal normal 16px/1 codicon; 14 | display: inline-block; 15 | text-decoration: none; 16 | text-rendering: auto; 17 | text-align: center; 18 | text-transform: none; 19 | -webkit-font-smoothing: antialiased; 20 | -moz-osx-font-smoothing: grayscale; 21 | user-select: none; 22 | -webkit-user-select: none; 23 | } 24 | 25 | /* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */ 26 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/contextview/contextview.css: -------------------------------------------------------------------------------- 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 | .context-view { 7 | position: absolute; 8 | } 9 | 10 | .context-view.fixed { 11 | all: initial; 12 | font-family: inherit; 13 | font-size: 13px; 14 | position: fixed; 15 | color: inherit; 16 | } 17 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/countBadge/countBadge.css: -------------------------------------------------------------------------------- 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 | .monaco-count-badge { 7 | padding: 3px 6px; 8 | border-radius: 11px; 9 | font-size: 11px; 10 | min-width: 18px; 11 | min-height: 18px; 12 | line-height: 11px; 13 | font-weight: normal; 14 | text-align: center; 15 | display: inline-block; 16 | box-sizing: border-box; 17 | } 18 | 19 | .monaco-count-badge.long { 20 | padding: 2px 3px; 21 | border-radius: 2px; 22 | min-height: auto; 23 | line-height: normal; 24 | } 25 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/dropdown/dropdown.css: -------------------------------------------------------------------------------- 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 | .monaco-dropdown { 7 | height: 100%; 8 | padding: 0; 9 | } 10 | 11 | .monaco-dropdown > .dropdown-label { 12 | cursor: pointer; 13 | height: 100%; 14 | display: flex; 15 | align-items: center; 16 | justify-content: center; 17 | } 18 | 19 | .monaco-dropdown > .dropdown-label > .action-label.disabled { 20 | cursor: default; 21 | } 22 | 23 | .monaco-dropdown-with-primary { 24 | display: flex !important; 25 | flex-direction: row; 26 | border-radius: 5px; 27 | } 28 | 29 | .monaco-dropdown-with-primary > .action-container > .action-label { 30 | margin-right: 0; 31 | } 32 | 33 | .monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] { 34 | font-size: 12px; 35 | padding-left: 0px; 36 | padding-right: 0px; 37 | line-height: 16px; 38 | margin-left: -3px; 39 | } 40 | 41 | .monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label { 42 | display: block; 43 | background-size: 16px; 44 | background-position: center center; 45 | background-repeat: no-repeat; 46 | } 47 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/findinput/findInput.css: -------------------------------------------------------------------------------- 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 | /* ---------- Find input ---------- */ 6 | 7 | .monaco-findInput { 8 | position: relative; 9 | } 10 | 11 | .monaco-findInput .monaco-inputbox { 12 | font-size: 13px; 13 | width: 100%; 14 | } 15 | 16 | .monaco-findInput > .controls { 17 | position: absolute; 18 | top: 3px; 19 | right: 2px; 20 | } 21 | 22 | .vs .monaco-findInput.disabled { 23 | background-color: #E1E1E1; 24 | } 25 | 26 | /* Theming */ 27 | .vs-dark .monaco-findInput.disabled { 28 | background-color: #333; 29 | } 30 | 31 | /* Highlighting */ 32 | .monaco-findInput.highlight-0 .controls, 33 | .hc-light .monaco-findInput.highlight-0 .controls { 34 | animation: monaco-findInput-highlight-0 100ms linear 0s; 35 | } 36 | 37 | .monaco-findInput.highlight-1 .controls, 38 | .hc-light .monaco-findInput.highlight-1 .controls { 39 | animation: monaco-findInput-highlight-1 100ms linear 0s; 40 | } 41 | 42 | .hc-black .monaco-findInput.highlight-0 .controls, 43 | .vs-dark .monaco-findInput.highlight-0 .controls { 44 | animation: monaco-findInput-highlight-dark-0 100ms linear 0s; 45 | } 46 | 47 | .hc-black .monaco-findInput.highlight-1 .controls, 48 | .vs-dark .monaco-findInput.highlight-1 .controls { 49 | animation: monaco-findInput-highlight-dark-1 100ms linear 0s; 50 | } 51 | 52 | @keyframes monaco-findInput-highlight-0 { 53 | 0% { background: rgba(253, 255, 0, 0.8); } 54 | 100% { background: transparent; } 55 | } 56 | @keyframes monaco-findInput-highlight-1 { 57 | 0% { background: rgba(253, 255, 0, 0.8); } 58 | /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ 59 | 99% { background: transparent; } 60 | } 61 | 62 | @keyframes monaco-findInput-highlight-dark-0 { 63 | 0% { background: rgba(255, 255, 255, 0.44); } 64 | 100% { background: transparent; } 65 | } 66 | @keyframes monaco-findInput-highlight-dark-1 { 67 | 0% { background: rgba(255, 255, 255, 0.44); } 68 | /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ 69 | 99% { background: transparent; } 70 | } 71 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/grid/gridview.css: -------------------------------------------------------------------------------- 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 | .monaco-grid-view { 7 | position: relative; 8 | overflow: hidden; 9 | width: 100%; 10 | height: 100%; 11 | } 12 | 13 | .monaco-grid-branch-node { 14 | width: 100%; 15 | height: 100%; 16 | } -------------------------------------------------------------------------------- /src/vs/base/browser/ui/inputbox/inputBox.css: -------------------------------------------------------------------------------- 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 | .monaco-inputbox { 7 | position: relative; 8 | display: block; 9 | padding: 0; 10 | box-sizing: border-box; 11 | border-radius: 2px; 12 | 13 | /* Customizable */ 14 | font-size: inherit; 15 | } 16 | 17 | .monaco-inputbox > .ibwrapper > .input, 18 | .monaco-inputbox > .ibwrapper > .mirror { 19 | 20 | /* Customizable */ 21 | padding: 4px 6px; 22 | } 23 | 24 | .monaco-inputbox > .ibwrapper { 25 | position: relative; 26 | width: 100%; 27 | height: 100%; 28 | } 29 | 30 | .monaco-inputbox > .ibwrapper > .input { 31 | display: inline-block; 32 | box-sizing: border-box; 33 | width: 100%; 34 | height: 100%; 35 | line-height: inherit; 36 | border: none; 37 | font-family: inherit; 38 | font-size: inherit; 39 | resize: none; 40 | color: inherit; 41 | } 42 | 43 | .monaco-inputbox > .ibwrapper > input { 44 | text-overflow: ellipsis; 45 | } 46 | 47 | .monaco-inputbox > .ibwrapper > textarea.input { 48 | display: block; 49 | scrollbar-width: none; /* Firefox: hide scrollbars */ 50 | outline: none; 51 | } 52 | 53 | .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar { 54 | display: none; /* Chrome + Safari: hide scrollbar */ 55 | } 56 | 57 | .monaco-inputbox > .ibwrapper > textarea.input.empty { 58 | white-space: nowrap; 59 | } 60 | 61 | .monaco-inputbox > .ibwrapper > .mirror { 62 | position: absolute; 63 | display: inline-block; 64 | width: 100%; 65 | top: 0; 66 | left: 0; 67 | box-sizing: border-box; 68 | white-space: pre-wrap; 69 | visibility: hidden; 70 | word-wrap: break-word; 71 | } 72 | 73 | /* Context view */ 74 | 75 | .monaco-inputbox-container { 76 | text-align: right; 77 | } 78 | 79 | .monaco-inputbox-container .monaco-inputbox-message { 80 | display: inline-block; 81 | overflow: hidden; 82 | text-align: left; 83 | width: 100%; 84 | box-sizing: border-box; 85 | padding: 0.4em; 86 | font-size: 12px; 87 | line-height: 17px; 88 | margin-top: -1px; 89 | word-wrap: break-word; 90 | } 91 | 92 | /* Action bar support */ 93 | .monaco-inputbox .monaco-action-bar { 94 | position: absolute; 95 | right: 2px; 96 | top: 4px; 97 | } 98 | 99 | .monaco-inputbox .monaco-action-bar .action-item { 100 | margin-left: 2px; 101 | } 102 | 103 | .monaco-inputbox .monaco-action-bar .action-item .codicon { 104 | background-repeat: no-repeat; 105 | width: 16px; 106 | height: 16px; 107 | } 108 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/keybindingLabel/keybindingLabel.css: -------------------------------------------------------------------------------- 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 | .monaco-keybinding { 7 | display: flex; 8 | align-items: center; 9 | line-height: 10px; 10 | } 11 | 12 | .monaco-keybinding > .monaco-keybinding-key { 13 | display: inline-block; 14 | border-style: solid; 15 | border-width: 1px; 16 | border-radius: 3px; 17 | vertical-align: middle; 18 | font-size: 11px; 19 | padding: 3px 5px; 20 | margin: 0 2px; 21 | } 22 | 23 | .monaco-keybinding > .monaco-keybinding-key:first-child { 24 | margin-left: 0; 25 | } 26 | 27 | .monaco-keybinding > .monaco-keybinding-key:last-child { 28 | margin-right: 0; 29 | } 30 | 31 | .monaco-keybinding > .monaco-keybinding-key-separator { 32 | display: inline-block; 33 | } 34 | 35 | .monaco-keybinding > .monaco-keybinding-key-chord-separator { 36 | width: 6px; 37 | } 38 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/list/list.css: -------------------------------------------------------------------------------- 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 | .monaco-list { 7 | position: relative; 8 | height: 100%; 9 | width: 100%; 10 | white-space: nowrap; 11 | } 12 | 13 | .monaco-list.mouse-support { 14 | user-select: none; 15 | -webkit-user-select: none; 16 | } 17 | 18 | .monaco-list > .monaco-scrollable-element { 19 | height: 100%; 20 | } 21 | 22 | .monaco-list-rows { 23 | position: relative; 24 | width: 100%; 25 | height: 100%; 26 | } 27 | 28 | .monaco-list.horizontal-scrolling .monaco-list-rows { 29 | width: auto; 30 | min-width: 100%; 31 | } 32 | 33 | .monaco-list-row { 34 | position: absolute; 35 | box-sizing: border-box; 36 | overflow: hidden; 37 | width: 100%; 38 | } 39 | 40 | .monaco-list.mouse-support .monaco-list-row { 41 | cursor: pointer; 42 | touch-action: none; 43 | } 44 | 45 | /* for OS X ballistic scrolling */ 46 | .monaco-list-row.scrolling { 47 | display: none !important; 48 | } 49 | 50 | /* Focus */ 51 | .monaco-list.element-focused, 52 | .monaco-list.selection-single, 53 | .monaco-list.selection-multiple { 54 | outline: 0 !important; 55 | } 56 | 57 | /* Dnd */ 58 | .monaco-drag-image { 59 | display: inline-block; 60 | padding: 1px 7px; 61 | border-radius: 10px; 62 | font-size: 12px; 63 | position: absolute; 64 | z-index: 1000; 65 | } 66 | 67 | /* Filter */ 68 | 69 | .monaco-list-type-filter-message { 70 | position: absolute; 71 | box-sizing: border-box; 72 | width: 100%; 73 | height: 100%; 74 | top: 0; 75 | left: 0; 76 | padding: 40px 1em 1em 1em; 77 | text-align: center; 78 | white-space: normal; 79 | opacity: 0.7; 80 | pointer-events: none; 81 | } 82 | 83 | .monaco-list-type-filter-message:empty { 84 | display: none; 85 | } 86 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/menu/menubar.css: -------------------------------------------------------------------------------- 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 | /* Menubar styles */ 7 | 8 | .menubar { 9 | display: flex; 10 | flex-shrink: 1; 11 | box-sizing: border-box; 12 | height: 100%; 13 | overflow: hidden; 14 | } 15 | 16 | .menubar.overflow-menu-only { 17 | width: 38px; 18 | } 19 | 20 | .fullscreen .menubar:not(.compact) { 21 | margin: 0px; 22 | padding: 4px 5px; 23 | } 24 | 25 | .menubar > .menubar-menu-button { 26 | display: flex; 27 | align-items: center; 28 | box-sizing: border-box; 29 | cursor: default; 30 | -webkit-app-region: no-drag; 31 | zoom: 1; 32 | white-space: nowrap; 33 | outline: 0 !important; 34 | } 35 | 36 | .monaco-workbench .menubar:not(.compact) > .menubar-menu-button:focus .menubar-menu-title { 37 | outline-width: 1px; 38 | outline-style: solid; 39 | outline-offset: -1px; 40 | outline-color: var(--vscode-focusBorder); 41 | } 42 | 43 | .menubar.compact { 44 | flex-shrink: 0; 45 | overflow: visible; /* to avoid the compact menu to be repositioned when clicking */ 46 | } 47 | 48 | .menubar.compact > .menubar-menu-button { 49 | width: 100%; 50 | height: 100%; 51 | padding: 0px; 52 | } 53 | 54 | .menubar-menu-title { 55 | padding: 0px 8px; 56 | border-radius: 5px; 57 | } 58 | 59 | .menubar .menubar-menu-items-holder { 60 | position: fixed; 61 | left: 0px; 62 | opacity: 1; 63 | z-index: 2000; 64 | } 65 | 66 | .menubar.compact .menubar-menu-items-holder { 67 | position: fixed; 68 | } 69 | 70 | .menubar .menubar-menu-items-holder.monaco-menu-container { 71 | outline: 0; 72 | border: none; 73 | } 74 | 75 | .menubar .menubar-menu-items-holder.monaco-menu-container :focus { 76 | outline: 0; 77 | } 78 | 79 | .menubar .toolbar-toggle-more { 80 | width: 22px; 81 | height: 22px; 82 | padding: 0 8px; 83 | display: flex; 84 | align-items: center; 85 | justify-content: center; 86 | vertical-align: sub; 87 | } 88 | 89 | .menubar.compact .toolbar-toggle-more { 90 | position: relative; 91 | left: 0px; 92 | top: 0px; 93 | cursor: pointer; 94 | width: 100%; 95 | display: flex; 96 | align-items: center; 97 | justify-content: center; 98 | } 99 | 100 | .menubar:not(.compact) .menubar-menu-button:first-child .toolbar-toggle-more::before, 101 | .menubar.compact .toolbar-toggle-more::before { 102 | content: "\eb94" !important; 103 | } 104 | 105 | /* Match behavior of outline for activity bar icons */ 106 | .menubar.compact > .menubar-menu-button.open .menubar-menu-title, 107 | .menubar.compact > .menubar-menu-button:focus .menubar-menu-title, 108 | .menubar.compact > .menubar-menu-button:hover .menubar-menu-title{ 109 | outline-width: 1px !important; 110 | outline-offset: -8px !important; 111 | } 112 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/mouseCursor/mouseCursor.css: -------------------------------------------------------------------------------- 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 | .monaco-mouse-cursor-text { 7 | cursor: text; 8 | } 9 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/progressbar/progressbar.css: -------------------------------------------------------------------------------- 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 | .monaco-progress-container { 7 | width: 100%; 8 | height: 5px; 9 | overflow: hidden; /* keep progress bit in bounds */ 10 | } 11 | 12 | .monaco-progress-container .progress-bit { 13 | width: 2%; 14 | height: 5px; 15 | position: absolute; 16 | left: 0; 17 | display: none; 18 | } 19 | 20 | .monaco-progress-container.active .progress-bit { 21 | display: inherit; 22 | } 23 | 24 | .monaco-progress-container.discrete .progress-bit { 25 | left: 0; 26 | transition: width 100ms linear; 27 | } 28 | 29 | .monaco-progress-container.discrete.done .progress-bit { 30 | width: 100%; 31 | } 32 | 33 | .monaco-progress-container.infinite .progress-bit { 34 | animation-name: progress; 35 | animation-duration: 4s; 36 | animation-iteration-count: infinite; 37 | transform: translate3d(0px, 0px, 0px); 38 | animation-timing-function: linear; 39 | } 40 | 41 | .monaco-progress-container.infinite.infinite-long-running .progress-bit { 42 | /* 43 | The more smooth `linear` timing function can cause 44 | higher GPU consumption as indicated in 45 | https://github.com/microsoft/vscode/issues/97900 & 46 | https://github.com/microsoft/vscode/issues/138396 47 | */ 48 | animation-timing-function: steps(100); 49 | } 50 | 51 | /** 52 | * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of 53 | * that container. Since translateX is relative to the progress bit size, we have to multiple it with 54 | * its relative size to the parent container: 55 | * parent width: 5000% 56 | * bit width: 100% 57 | * translateX should be as follow: 58 | * 50%: 5000% * 50% - 50% (set to center) = 2450% 59 | * 100%: 5000% * 100% - 100% (do not overflow) = 4900% 60 | */ 61 | @keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } } 62 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/scrollbar/media/scrollbars.css: -------------------------------------------------------------------------------- 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 | /* Arrows */ 7 | .monaco-scrollable-element > .scrollbar > .scra { 8 | cursor: pointer; 9 | font-size: 11px !important; 10 | } 11 | 12 | .monaco-scrollable-element > .visible { 13 | opacity: 1; 14 | 15 | /* Background rule added for IE9 - to allow clicks on dom node */ 16 | background:rgba(0,0,0,0); 17 | 18 | transition: opacity 100ms linear; 19 | /* In front of peek view */ 20 | z-index: 11; 21 | } 22 | .monaco-scrollable-element > .invisible { 23 | opacity: 0; 24 | pointer-events: none; 25 | } 26 | .monaco-scrollable-element > .invisible.fade { 27 | transition: opacity 800ms linear; 28 | } 29 | 30 | /* Scrollable Content Inset Shadow */ 31 | .monaco-scrollable-element > .shadow { 32 | position: absolute; 33 | display: none; 34 | } 35 | .monaco-scrollable-element > .shadow.top { 36 | display: block; 37 | top: 0; 38 | left: 3px; 39 | height: 3px; 40 | width: 100%; 41 | box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset; 42 | } 43 | .monaco-scrollable-element > .shadow.left { 44 | display: block; 45 | top: 3px; 46 | left: 0; 47 | height: 100%; 48 | width: 3px; 49 | box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset; 50 | } 51 | .monaco-scrollable-element > .shadow.top-left-corner { 52 | display: block; 53 | top: 0; 54 | left: 0; 55 | height: 3px; 56 | width: 3px; 57 | } 58 | .monaco-scrollable-element > .shadow.top.left { 59 | box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset; 60 | } 61 | 62 | .monaco-scrollable-element > .scrollbar > .slider { 63 | background: var(--vscode-scrollbarSlider-background); 64 | } 65 | 66 | .monaco-scrollable-element > .scrollbar > .slider:hover { 67 | background: var(--vscode-scrollbarSlider-hoverBackground); 68 | } 69 | 70 | .monaco-scrollable-element > .scrollbar > .slider.active { 71 | background: var(--vscode-scrollbarSlider-activeBackground); 72 | } 73 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/selectBox/selectBox.css: -------------------------------------------------------------------------------- 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 | .monaco-select-box { 7 | width: 100%; 8 | cursor: pointer; 9 | border-radius: 2px; 10 | } 11 | 12 | .monaco-select-box-dropdown-container { 13 | font-size: 13px; 14 | font-weight: normal; 15 | text-transform: none; 16 | } 17 | 18 | /** Actions */ 19 | 20 | .monaco-action-bar .action-item.select-container { 21 | cursor: default; 22 | } 23 | 24 | .monaco-action-bar .action-item .monaco-select-box { 25 | cursor: pointer; 26 | min-width: 100px; 27 | min-height: 18px; 28 | padding: 2px 23px 2px 8px; 29 | } 30 | 31 | .mac .monaco-action-bar .action-item .monaco-select-box { 32 | font-size: 11px; 33 | border-radius: 5px; 34 | } 35 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/splitview/splitview.css: -------------------------------------------------------------------------------- 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 | .monaco-split-view2 { 7 | position: relative; 8 | width: 100%; 9 | height: 100%; 10 | } 11 | 12 | .monaco-split-view2 > .sash-container { 13 | position: absolute; 14 | width: 100%; 15 | height: 100%; 16 | pointer-events: none; 17 | } 18 | 19 | .monaco-split-view2 > .sash-container > .monaco-sash { 20 | pointer-events: initial; 21 | } 22 | 23 | .monaco-split-view2 > .monaco-scrollable-element { 24 | width: 100%; 25 | height: 100%; 26 | } 27 | 28 | .monaco-split-view2 > .monaco-scrollable-element > .split-view-container { 29 | width: 100%; 30 | height: 100%; 31 | white-space: nowrap; 32 | position: relative; 33 | } 34 | 35 | .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view { 36 | white-space: initial; 37 | position: absolute; 38 | } 39 | 40 | .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) { 41 | display: none; 42 | } 43 | 44 | .monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view { 45 | width: 100%; 46 | } 47 | 48 | .monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view { 49 | height: 100%; 50 | } 51 | 52 | .monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before { 53 | content: ' '; 54 | position: absolute; 55 | top: 0; 56 | left: 0; 57 | z-index: 5; 58 | pointer-events: none; 59 | background-color: var(--separator-border); 60 | } 61 | 62 | .monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before { 63 | height: 100%; 64 | width: 1px; 65 | } 66 | 67 | .monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before { 68 | height: 1px; 69 | width: 100%; 70 | } 71 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/table/table.css: -------------------------------------------------------------------------------- 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 | .monaco-table { 7 | display: flex; 8 | flex-direction: column; 9 | position: relative; 10 | height: 100%; 11 | width: 100%; 12 | white-space: nowrap; 13 | overflow: hidden; 14 | } 15 | 16 | .monaco-table > .monaco-split-view2 { 17 | border-bottom: 1px solid transparent; 18 | } 19 | 20 | .monaco-table > .monaco-list { 21 | flex: 1; 22 | } 23 | 24 | .monaco-table-tr { 25 | display: flex; 26 | height: 100%; 27 | } 28 | 29 | .monaco-table-th { 30 | width: 100%; 31 | height: 100%; 32 | font-weight: bold; 33 | overflow: hidden; 34 | text-overflow: ellipsis; 35 | } 36 | 37 | .monaco-table-th, 38 | .monaco-table-td { 39 | box-sizing: border-box; 40 | flex-shrink: 0; 41 | overflow: hidden; 42 | white-space: nowrap; 43 | text-overflow: ellipsis; 44 | } 45 | 46 | .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before { 47 | content: ""; 48 | position: absolute; 49 | left: calc(var(--vscode-sash-size) / 2); 50 | width: 0; 51 | border-left: 1px solid transparent; 52 | } 53 | 54 | .monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2, 55 | .monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before { 56 | transition: border-color 0.2s ease-out; 57 | } 58 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/toggle/toggle.css: -------------------------------------------------------------------------------- 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 | .monaco-custom-toggle { 7 | margin-left: 2px; 8 | float: left; 9 | cursor: pointer; 10 | overflow: hidden; 11 | width: 20px; 12 | height: 20px; 13 | border-radius: 3px; 14 | border: 1px solid transparent; 15 | padding: 1px; 16 | box-sizing: border-box; 17 | user-select: none; 18 | -webkit-user-select: none; 19 | } 20 | 21 | .monaco-custom-toggle:hover { 22 | background-color: var(--vscode-inputOption-hoverBackground); 23 | } 24 | 25 | .hc-black .monaco-custom-toggle:hover, 26 | .hc-light .monaco-custom-toggle:hover { 27 | border: 1px dashed var(--vscode-focusBorder); 28 | } 29 | 30 | .hc-black .monaco-custom-toggle, 31 | .hc-light .monaco-custom-toggle { 32 | background: none; 33 | } 34 | 35 | .hc-black .monaco-custom-toggle:hover, 36 | .hc-light .monaco-custom-toggle:hover { 37 | background: none; 38 | } 39 | 40 | .monaco-custom-toggle.monaco-checkbox { 41 | height: 18px; 42 | width: 18px; 43 | border: 1px solid transparent; 44 | border-radius: 3px; 45 | margin-right: 9px; 46 | margin-left: 0px; 47 | padding: 0px; 48 | opacity: 1; 49 | background-size: 16px !important; 50 | } 51 | 52 | /* hide check when unchecked */ 53 | .monaco-custom-toggle.monaco-checkbox:not(.checked)::before { 54 | visibility: hidden; 55 | } 56 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/toolbar/toolbar.css: -------------------------------------------------------------------------------- 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 | .monaco-toolbar { 7 | height: 100%; 8 | } 9 | 10 | .monaco-toolbar .toolbar-toggle-more { 11 | display: inline-block; 12 | padding: 0; 13 | } 14 | -------------------------------------------------------------------------------- /src/vs/base/browser/ui/tree/media/paneviewlet.css: -------------------------------------------------------------------------------- 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 | .monaco-pane-view .pane > .pane-header h3.title { 7 | white-space: nowrap; 8 | text-overflow: ellipsis; 9 | overflow: hidden; 10 | font-size: 11px; 11 | margin: 0; 12 | } 13 | -------------------------------------------------------------------------------- /src/vs/base/test/node/pfs/fixtures/site.css: -------------------------------------------------------------------------------- 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 | /*---------------------------------------------------------- 7 | The base color for this template is #5c87b2. If you'd like 8 | to use a different color start by replacing all instances of 9 | #5c87b2 with your new color. 10 | ----------------------------------------------------------*/ 11 | body 12 | { 13 | background-color: #5c87b2; 14 | font-size: .75em; 15 | font-family: Segoe UI, Verdana, Helvetica, Sans-Serif; 16 | margin: 8px; 17 | padding: 0; 18 | color: #696969; 19 | } 20 | 21 | h1, h2, h3, h4, h5, h6 22 | { 23 | color: #000; 24 | font-size: 40px; 25 | margin: 0px; 26 | } 27 | 28 | textarea 29 | { 30 | font-family: Consolas 31 | } 32 | 33 | #results 34 | { 35 | margin-top: 2em; 36 | margin-left: 2em; 37 | color: black; 38 | font-size: medium; 39 | } 40 | 41 | -------------------------------------------------------------------------------- /src/vs/editor/browser/controller/textAreaHandler.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .inputarea { 7 | min-width: 0; 8 | min-height: 0; 9 | margin: 0; 10 | padding: 0; 11 | position: absolute; 12 | outline: none !important; 13 | resize: none; 14 | border: none; 15 | overflow: hidden; 16 | color: transparent; 17 | background-color: transparent; 18 | z-index: -10; 19 | } 20 | /*.monaco-editor .inputarea { 21 | position: fixed !important; 22 | width: 800px !important; 23 | height: 500px !important; 24 | top: initial !important; 25 | left: initial !important; 26 | bottom: 0 !important; 27 | right: 0 !important; 28 | color: black !important; 29 | background: white !important; 30 | line-height: 15px !important; 31 | font-size: 14px !important; 32 | z-index: 10 !important; 33 | }*/ 34 | .monaco-editor .inputarea.ime-input { 35 | z-index: 10; 36 | caret-color: var(--vscode-editorCursor-foreground); 37 | color: var(--vscode-editor-foreground); 38 | } 39 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/blockDecorations/blockDecorations.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .blockDecorations-container { 7 | position: absolute; 8 | top: 0; 9 | pointer-events: none; 10 | } 11 | 12 | .monaco-editor .blockDecorations-block { 13 | position: absolute; 14 | box-sizing: border-box; 15 | } 16 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/currentLineHighlight/currentLineHighlight.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .view-overlays .current-line { 7 | display: block; 8 | position: absolute; 9 | left: 0; 10 | top: 0; 11 | box-sizing: border-box; 12 | } 13 | 14 | .monaco-editor .margin-view-overlays .current-line { 15 | display: block; 16 | position: absolute; 17 | left: 0; 18 | top: 0; 19 | box-sizing: border-box; 20 | } 21 | 22 | .monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both { 23 | border-right: 0; 24 | } 25 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/decorations/decorations.css: -------------------------------------------------------------------------------- 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 | /* 7 | Keeping name short for faster parsing. 8 | cdr = core decorations rendering (div) 9 | */ 10 | .monaco-editor .lines-content .cdr { 11 | position: absolute; 12 | } -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/glyphMargin/glyphMargin.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .glyph-margin { 7 | position: absolute; 8 | top: 0; 9 | } 10 | 11 | /* 12 | Keeping name short for faster parsing. 13 | cgmr = core glyph margin rendering (div) 14 | */ 15 | .monaco-editor .margin-view-overlays .cgmr { 16 | position: absolute; 17 | display: flex; 18 | align-items: center; 19 | } 20 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/indentGuides/indentGuides.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .lines-content .core-guide { 7 | position: absolute; 8 | box-sizing: border-box; 9 | } 10 | 11 | .monaco-editor .lines-content .core-guide-indent { 12 | box-shadow: 1px 0 0 0 var(--vscode-editorIndentGuide-background) inset; 13 | } 14 | 15 | .monaco-editor .lines-content .core-guide-indent-active { 16 | box-shadow: 1px 0 0 0 var(--vscode-editorIndentGuide-activeBackground, --vscode-editorIndentGuide-background) inset; 17 | } 18 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/lineNumbers/lineNumbers.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .margin-view-overlays .line-numbers { 7 | font-variant-numeric: tabular-nums; 8 | position: absolute; 9 | text-align: right; 10 | display: inline-block; 11 | vertical-align: middle; 12 | box-sizing: border-box; 13 | cursor: default; 14 | height: 100%; 15 | } 16 | 17 | .monaco-editor .relative-current-line-number { 18 | text-align: left; 19 | display: inline-block; 20 | width: 100%; 21 | } 22 | 23 | .monaco-editor .margin-view-overlays .line-numbers.lh-odd { 24 | margin-top: 1px; 25 | } 26 | 27 | .monaco-editor .line-numbers { 28 | color: var(--vscode-editorLineNumber-foreground); 29 | } 30 | 31 | .monaco-editor .line-numbers.active-line-number { 32 | color: var(--vscode-editorLineNumber-activeForeground); 33 | } 34 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/lines/viewLines.css: -------------------------------------------------------------------------------- 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 | /* Uncomment to see lines flashing when they're painted */ 7 | /*.monaco-editor .view-lines > .view-line { 8 | background-color: none; 9 | animation-name: flash-background; 10 | animation-duration: 800ms; 11 | } 12 | @keyframes flash-background { 13 | 0% { background-color: lightgreen; } 14 | 100% { background-color: none } 15 | }*/ 16 | 17 | .mtkcontrol { 18 | color: rgb(255, 255, 255) !important; 19 | background: rgb(150, 0, 0) !important; 20 | } 21 | 22 | .mtkoverflow { 23 | background-color: var(--vscode-button-background, --vscode-editor-background); 24 | color: var(--vscode-button-foreground, --vscode-editor-foreground); 25 | border-width: 1px; 26 | border-style: solid; 27 | border-color: var(--vscode-contrastBorder); 28 | border-radius: 2px; 29 | padding: 4px; 30 | cursor: pointer; 31 | } 32 | .mtkoverflow:hover { 33 | background-color: var(--vscode-button-hoverBackground); 34 | } 35 | 36 | .monaco-editor.no-user-select .lines-content, 37 | .monaco-editor.no-user-select .view-line, 38 | .monaco-editor.no-user-select .view-lines { 39 | user-select: none; 40 | -webkit-user-select: none; 41 | } 42 | /* Use user-select: text for lookup feature on macOS */ 43 | /* https://github.com/microsoft/vscode/issues/85632 */ 44 | .monaco-editor.mac .lines-content:hover, 45 | .monaco-editor.mac .view-line:hover, 46 | .monaco-editor.mac .view-lines:hover { 47 | user-select: text; 48 | -webkit-user-select: text; 49 | -ms-user-select: text; 50 | } 51 | 52 | .monaco-editor.enable-user-select { 53 | user-select: initial; 54 | -webkit-user-select: initial; 55 | } 56 | 57 | .monaco-editor .view-lines { 58 | white-space: nowrap; 59 | } 60 | 61 | .monaco-editor .view-line { 62 | position: absolute; 63 | width: 100%; 64 | } 65 | 66 | .monaco-editor .mtkw { 67 | color: var(--vscode-editorWhitespace-foreground) !important; 68 | } 69 | 70 | .monaco-editor .mtkz { 71 | display: inline-block; 72 | color: var(--vscode-editorWhitespace-foreground) !important; 73 | } 74 | 75 | /* TODO@tokenization bootstrap fix */ 76 | /*.monaco-editor .view-line > span > span { 77 | float: none; 78 | min-height: inherit; 79 | margin-left: inherit; 80 | }*/ 81 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/linesDecorations/linesDecorations.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .lines-decorations { 6 | position: absolute; 7 | top: 0; 8 | background: white; 9 | } 10 | 11 | /* 12 | Keeping name short for faster parsing. 13 | cldr = core lines decorations rendering (div) 14 | */ 15 | .monaco-editor .margin-view-overlays .cldr { 16 | position: absolute; 17 | height: 100%; 18 | } -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/margin/margin.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .margin { 7 | background-color: var(--vscode-editorGutter-background); 8 | } 9 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/marginDecorations/marginDecorations.css: -------------------------------------------------------------------------------- 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 | /* 7 | Keeping name short for faster parsing. 8 | cmdr = core margin decorations rendering (div) 9 | */ 10 | .monaco-editor .margin-view-overlays .cmdr { 11 | position: absolute; 12 | left: 0; 13 | width: 100%; 14 | height: 100%; 15 | } -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/minimap/minimap.css: -------------------------------------------------------------------------------- 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 | /* START cover the case that slider is visible on mouseover */ 7 | .monaco-editor .minimap.slider-mouseover .minimap-slider { 8 | opacity: 0; 9 | transition: opacity 100ms linear; 10 | } 11 | .monaco-editor .minimap.slider-mouseover:hover .minimap-slider { 12 | opacity: 1; 13 | } 14 | .monaco-editor .minimap.slider-mouseover .minimap-slider.active { 15 | opacity: 1; 16 | } 17 | /* END cover the case that slider is visible on mouseover */ 18 | .monaco-editor .minimap-slider .minimap-slider-horizontal { 19 | background: var(--vscode-minimapSlider-background); 20 | } 21 | .monaco-editor .minimap-slider:hover .minimap-slider-horizontal { 22 | background: var(--vscode-minimapSlider-hoverBackground); 23 | } 24 | .monaco-editor .minimap-slider.active .minimap-slider-horizontal { 25 | background: var(--vscode-minimapSlider-activeBackground); 26 | } 27 | .monaco-editor .minimap-shadow-visible { 28 | box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset; 29 | } 30 | .monaco-editor .minimap-shadow-hidden { 31 | position: absolute; 32 | width: 0; 33 | } 34 | .monaco-editor .minimap-shadow-visible { 35 | position: absolute; 36 | left: -6px; 37 | width: 6px; 38 | } 39 | .monaco-editor.no-minimap-shadow .minimap-shadow-visible { 40 | position: absolute; 41 | left: -1px; 42 | width: 1px; 43 | } 44 | 45 | /* 0.5s fade in/out for the minimap */ 46 | .minimap.autohide { 47 | opacity: 0; 48 | transition: opacity 0.5s; 49 | } 50 | .minimap.autohide:hover { 51 | opacity: 1; 52 | } 53 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/overlayWidgets/overlayWidgets.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .overlayWidgets { 6 | position: absolute; 7 | top: 0; 8 | left:0; 9 | } -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/rulers/rulers.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .view-ruler { 7 | position: absolute; 8 | top: 0; 9 | box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset; 10 | } 11 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/scrollDecoration/scrollDecoration.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .scroll-decoration { 7 | position: absolute; 8 | top: 0; 9 | left: 0; 10 | height: 6px; 11 | box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset; 12 | } 13 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/selections/selections.css: -------------------------------------------------------------------------------- 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 | /* 7 | Keeping name short for faster parsing. 8 | cslr = core selections layer rendering (div) 9 | */ 10 | .monaco-editor .lines-content .cslr { 11 | position: absolute; 12 | } 13 | 14 | .monaco-editor .focused .selected-text { 15 | background-color: var(--vscode-editor-selectionBackground); 16 | } 17 | 18 | .monaco-editor .selected-text { 19 | background-color: var(--vscode-editor-inactiveSelectionBackground); 20 | } 21 | 22 | .monaco-editor .top-left-radius { border-top-left-radius: 3px; } 23 | .monaco-editor .bottom-left-radius { border-bottom-left-radius: 3px; } 24 | .monaco-editor .top-right-radius { border-top-right-radius: 3px; } 25 | .monaco-editor .bottom-right-radius { border-bottom-right-radius: 3px; } 26 | 27 | .monaco-editor.hc-black .top-left-radius { border-top-left-radius: 0; } 28 | .monaco-editor.hc-black .bottom-left-radius { border-bottom-left-radius: 0; } 29 | .monaco-editor.hc-black .top-right-radius { border-top-right-radius: 0; } 30 | .monaco-editor.hc-black .bottom-right-radius { border-bottom-right-radius: 0; } 31 | 32 | .monaco-editor.hc-light .top-left-radius { border-top-left-radius: 0; } 33 | .monaco-editor.hc-light .bottom-left-radius { border-bottom-left-radius: 0; } 34 | .monaco-editor.hc-light .top-right-radius { border-top-right-radius: 0; } 35 | .monaco-editor.hc-light .bottom-right-radius { border-bottom-right-radius: 0; } 36 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/viewCursors/viewCursors.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .cursors-layer { 6 | position: absolute; 7 | top: 0; 8 | } 9 | 10 | .monaco-editor .cursors-layer > .cursor { 11 | position: absolute; 12 | overflow: hidden; 13 | box-sizing: border-box; 14 | } 15 | 16 | /* -- smooth-caret-animation -- */ 17 | .monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor { 18 | transition: all 80ms; 19 | } 20 | 21 | /* -- block-outline-style -- */ 22 | .monaco-editor .cursors-layer.cursor-block-outline-style > .cursor { 23 | background: transparent !important; 24 | border-style: solid; 25 | border-width: 1px; 26 | } 27 | 28 | /* -- underline-style -- */ 29 | .monaco-editor .cursors-layer.cursor-underline-style > .cursor { 30 | border-bottom-width: 2px; 31 | border-bottom-style: solid; 32 | background: transparent !important; 33 | } 34 | 35 | /* -- underline-thin-style -- */ 36 | .monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor { 37 | border-bottom-width: 1px; 38 | border-bottom-style: solid; 39 | background: transparent !important; 40 | } 41 | 42 | @keyframes monaco-cursor-smooth { 43 | 0%, 44 | 20% { 45 | opacity: 1; 46 | } 47 | 60%, 48 | 100% { 49 | opacity: 0; 50 | } 51 | } 52 | 53 | @keyframes monaco-cursor-phase { 54 | 0%, 55 | 20% { 56 | opacity: 1; 57 | } 58 | 90%, 59 | 100% { 60 | opacity: 0; 61 | } 62 | } 63 | 64 | @keyframes monaco-cursor-expand { 65 | 0%, 66 | 20% { 67 | transform: scaleY(1); 68 | } 69 | 80%, 70 | 100% { 71 | transform: scaleY(0); 72 | } 73 | } 74 | 75 | .cursor-smooth { 76 | animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate; 77 | } 78 | 79 | .cursor-phase { 80 | animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate; 81 | } 82 | 83 | .cursor-expand > .cursor { 84 | animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate; 85 | } 86 | -------------------------------------------------------------------------------- /src/vs/editor/browser/viewParts/whitespace/whitespace.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .mwh { 7 | position: absolute; 8 | color: var(--vscode-editorWhitespace-foreground) !important; 9 | } 10 | -------------------------------------------------------------------------------- /src/vs/editor/browser/widget/media/diffReview.css: -------------------------------------------------------------------------------- 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 | .monaco-diff-editor .diff-review-line-number { 7 | text-align: right; 8 | display: inline-block; 9 | color: var(--vscode-editorLineNumber-foreground); 10 | } 11 | 12 | .monaco-diff-editor .diff-review { 13 | position: absolute; 14 | user-select: none; 15 | -webkit-user-select: none; 16 | } 17 | 18 | .monaco-diff-editor .diff-review-summary { 19 | padding-left: 10px; 20 | } 21 | 22 | .monaco-diff-editor .diff-review-shadow { 23 | position: absolute; 24 | box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset; 25 | } 26 | 27 | .monaco-diff-editor .diff-review-row { 28 | white-space: pre; 29 | } 30 | 31 | .monaco-diff-editor .diff-review-table { 32 | display: table; 33 | min-width: 100%; 34 | } 35 | 36 | .monaco-diff-editor .diff-review-row { 37 | display: table-row; 38 | width: 100%; 39 | } 40 | 41 | .monaco-diff-editor .diff-review-spacer { 42 | display: inline-block; 43 | width: 10px; 44 | vertical-align: middle; 45 | } 46 | 47 | .monaco-diff-editor .diff-review-spacer > .codicon { 48 | font-size: 9px !important; 49 | } 50 | 51 | .monaco-diff-editor .diff-review-actions { 52 | display: inline-block; 53 | position: absolute; 54 | right: 10px; 55 | top: 2px; 56 | } 57 | 58 | .monaco-diff-editor .diff-review-actions .action-label { 59 | width: 16px; 60 | height: 16px; 61 | margin: 2px 0; 62 | } 63 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/anchorSelect/browser/anchorSelect.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .selection-anchor { 7 | background-color: #007ACC; 8 | width: 2px !important; 9 | } 10 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/bracketMatching/browser/bracketMatching.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .bracket-match { 7 | box-sizing: border-box; 8 | background-color: var(--vscode-editorBracketMatch-background); 9 | border: 1px solid var(--vscode-editorBracketMatch-border); 10 | } 11 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/codeAction/browser/lightBulbWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .lightBulbWidget { 7 | display: flex; 8 | align-items: center; 9 | justify-content: center; 10 | } 11 | 12 | .monaco-editor .lightBulbWidget:hover{ 13 | cursor: pointer; 14 | } 15 | 16 | .monaco-editor .lightBulbWidget.codicon-light-bulb { 17 | color: var(--vscode-editorLightBulb-foreground); 18 | } 19 | 20 | .monaco-editor .lightBulbWidget.codicon-lightbulb-autofix { 21 | color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground)); 22 | } 23 | 24 | .monaco-editor .lightBulbWidget:before { 25 | position: relative; 26 | z-index: 2; 27 | } 28 | 29 | .monaco-editor .lightBulbWidget:after { 30 | position: absolute; 31 | top: 0; 32 | left: 0; 33 | content: ''; 34 | display: block; 35 | width: 100%; 36 | height: 100%; 37 | opacity: 0.3; 38 | background-color: var(--vscode-editor-background); 39 | z-index: 1; 40 | } 41 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/codelens/browser/codelensWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .codelens-decoration { 7 | overflow: hidden; 8 | display: inline-block; 9 | text-overflow: ellipsis; 10 | white-space: nowrap; 11 | color: var(--vscode-editorCodeLens-foreground); 12 | line-height: var(--vscode-editorCodeLens-lineHeight); 13 | font-size: var(--vscode-editorCodeLens-fontSize); 14 | padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5); 15 | font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings); 16 | font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault); 17 | } 18 | 19 | .monaco-editor .codelens-decoration>span, 20 | .monaco-editor .codelens-decoration>a { 21 | user-select: none; 22 | -webkit-user-select: none; 23 | white-space: nowrap; 24 | vertical-align: sub; 25 | } 26 | 27 | .monaco-editor .codelens-decoration>a { 28 | text-decoration: none; 29 | } 30 | 31 | .monaco-editor .codelens-decoration>a:hover { 32 | cursor: pointer; 33 | color: var(--vscode-editorLink-activeForeground) !important; 34 | } 35 | 36 | .monaco-editor .codelens-decoration>a:hover .codicon { 37 | color: var(--vscode-editorLink-activeForeground) !important; 38 | } 39 | 40 | .monaco-editor .codelens-decoration .codicon { 41 | vertical-align: middle; 42 | color: currentColor !important; 43 | color: var(--vscode-editorCodeLens-foreground); 44 | line-height: var(--vscode-editorCodeLens-lineHeight); 45 | font-size: var(--vscode-editorCodeLens-fontSize); 46 | } 47 | 48 | .monaco-editor .codelens-decoration>a:hover .codicon::before { 49 | cursor: pointer; 50 | } 51 | 52 | @keyframes fadein { 53 | 0% { 54 | opacity: 0; 55 | visibility: visible; 56 | } 57 | 58 | 100% { 59 | opacity: 1; 60 | } 61 | } 62 | 63 | .monaco-editor .codelens-decoration.fadein { 64 | animation: fadein 0.1s linear; 65 | } 66 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/dnd/browser/dnd.css: -------------------------------------------------------------------------------- 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 | .monaco-editor.vs .dnd-target, 7 | .monaco-editor.hc-light .dnd-target { 8 | border-right: 2px dotted black; 9 | color: white; /* opposite of black */ 10 | } 11 | .monaco-editor.vs-dark .dnd-target { 12 | border-right: 2px dotted #AEAFAD; 13 | color: #51504f; /* opposite of #AEAFAD */ 14 | } 15 | .monaco-editor.hc-black .dnd-target { 16 | border-right: 2px dotted #fff; 17 | color: #000; /* opposite of #fff */ 18 | } 19 | 20 | .monaco-editor.mouse-default .view-lines, 21 | .monaco-editor.vs-dark.mac.mouse-default .view-lines, 22 | .monaco-editor.hc-black.mac.mouse-default .view-lines, 23 | .monaco-editor.hc-light.mac.mouse-default .view-lines { 24 | cursor: default; 25 | } 26 | .monaco-editor.mouse-copy .view-lines, 27 | .monaco-editor.vs-dark.mac.mouse-copy .view-lines, 28 | .monaco-editor.hc-black.mac.mouse-copy .view-lines, 29 | .monaco-editor.hc-light.mac.mouse-copy .view-lines { 30 | cursor: copy; 31 | } 32 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/dropOrPasteInto/browser/postEditWidget.css: -------------------------------------------------------------------------------- 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 | .post-edit-widget { 7 | box-shadow: 0 0 8px 2px var(--vscode-widget-shadow); 8 | border: 1px solid var(--vscode-widget-border, transparent); 9 | border-radius: 4px; 10 | background-color: var(--vscode-editorWidget-background); 11 | overflow: hidden; 12 | } 13 | 14 | .post-edit-widget .monaco-button { 15 | padding: 2px; 16 | border: none; 17 | border-radius: 0; 18 | } 19 | 20 | .post-edit-widget .monaco-button:hover { 21 | background-color: var(--vscode-button-secondaryHoverBackground) !important; 22 | } 23 | 24 | .post-edit-widget .monaco-button .codicon { 25 | margin: 0; 26 | } 27 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/find/browser/findOptionsWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .findOptionsWidget { 7 | background-color: var(--vscode-editorWidget-background); 8 | color: var(--vscode-editorWidget-foreground); 9 | box-shadow: 0 0 8px 2px var(--vscode-widget-shadow); 10 | border: 2px solid var(--vscode-contrastBorder); 11 | } 12 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/folding/browser/folding.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed, 6 | .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded, 7 | .monaco-editor .margin-view-overlays .codicon-folding-expanded, 8 | .monaco-editor .margin-view-overlays .codicon-folding-collapsed { 9 | cursor: pointer; 10 | opacity: 0; 11 | transition: opacity 0.5s; 12 | display: flex; 13 | align-items: center; 14 | justify-content: center; 15 | font-size: 140%; 16 | margin-left: 2px; 17 | } 18 | 19 | .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed, 20 | .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded, 21 | .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded, 22 | .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed { 23 | transition: initial; 24 | } 25 | 26 | .monaco-editor .margin-view-overlays:hover .codicon, 27 | .monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed, 28 | .monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed, 29 | .monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons { 30 | opacity: 1; 31 | } 32 | 33 | .monaco-editor .inline-folded:after { 34 | color: grey; 35 | margin: 0.1em 0.2em 0 0.2em; 36 | content: "\22EF"; /* ellipses unicode character */ 37 | display: inline; 38 | line-height: 1em; 39 | cursor: pointer; 40 | } 41 | 42 | .monaco-editor .folded-background { 43 | background-color: var(--vscode-editor-foldBackground); 44 | } 45 | 46 | .monaco-editor .cldr.codicon.codicon-folding-expanded, 47 | .monaco-editor .cldr.codicon.codicon-folding-collapsed, 48 | .monaco-editor .cldr.codicon.codicon-folding-manual-expanded, 49 | .monaco-editor .cldr.codicon.codicon-folding-manual-collapsed { 50 | color: var(--vscode-editorGutter-foldingControlForeground) !important; 51 | } 52 | 53 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/gotoError/browser/media/gotoErrorWidget.css: -------------------------------------------------------------------------------- 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 | /* marker zone */ 7 | 8 | .monaco-editor .peekview-widget .head .peekview-title .severity-icon { 9 | display: inline-block; 10 | vertical-align: text-top; 11 | margin-right: 4px; 12 | } 13 | 14 | .monaco-editor .marker-widget { 15 | text-overflow: ellipsis; 16 | white-space: nowrap; 17 | } 18 | 19 | .monaco-editor .marker-widget > .stale { 20 | opacity: 0.6; 21 | font-style: italic; 22 | } 23 | 24 | .monaco-editor .marker-widget .title { 25 | display: inline-block; 26 | padding-right: 5px; 27 | } 28 | 29 | .monaco-editor .marker-widget .descriptioncontainer { 30 | position: absolute; 31 | white-space: pre; 32 | user-select: text; 33 | -webkit-user-select: text; 34 | padding: 8px 12px 0 20px; 35 | } 36 | 37 | .monaco-editor .marker-widget .descriptioncontainer .message { 38 | display: flex; 39 | flex-direction: column; 40 | } 41 | 42 | .monaco-editor .marker-widget .descriptioncontainer .message .details { 43 | padding-left: 6px; 44 | } 45 | 46 | .monaco-editor .marker-widget .descriptioncontainer .message .source, 47 | .monaco-editor .marker-widget .descriptioncontainer .message span.code { 48 | opacity: 0.6; 49 | } 50 | 51 | .monaco-editor .marker-widget .descriptioncontainer .message a.code-link { 52 | opacity: 0.6; 53 | color: inherit; 54 | } 55 | 56 | .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before { 57 | content: '('; 58 | } 59 | 60 | .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after { 61 | content: ')'; 62 | } 63 | 64 | .monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { 65 | text-decoration: underline; 66 | /** Hack to force underline to show **/ 67 | border-bottom: 1px solid transparent; 68 | text-underline-position: under; 69 | color: var(--vscode-textLink-foreground); 70 | } 71 | 72 | .monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { 73 | color: var(--vscode-textLink-activeForeground); 74 | } 75 | 76 | .monaco-editor .marker-widget .descriptioncontainer .filename { 77 | cursor: pointer; 78 | } 79 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/gotoSymbol/browser/link/goToDefinitionAtPosition.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .goto-definition-link { 7 | text-decoration: underline; 8 | cursor: pointer; 9 | color: var(--vscode-editorLink-activeForeground) !important; 10 | } 11 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/hover/browser/hover.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .hoverHighlight { 7 | background-color: var(--vscode-editor-hoverHighlightBackground); 8 | } 9 | 10 | .monaco-editor .monaco-hover { 11 | color: var(--vscode-editorHoverWidget-foreground); 12 | background-color: var(--vscode-editorHoverWidget-background); 13 | border: 1px solid var(--vscode-editorHoverWidget-border); 14 | } 15 | 16 | .monaco-editor .monaco-hover a { 17 | color: var(--vscode-textLink-foreground); 18 | } 19 | 20 | .monaco-editor .monaco-hover a:hover { 21 | color: var(--vscode-textLink-activeForeground); 22 | } 23 | 24 | .monaco-editor .monaco-hover .hover-row .actions { 25 | background-color: var(--vscode-editorHoverWidget-statusBarBackground); 26 | } 27 | 28 | .monaco-editor .monaco-hover code { 29 | background-color: var(--vscode-textCodeBlock-background); 30 | } 31 | 32 | 33 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/inPlaceReplace/browser/inPlaceReplace.css: -------------------------------------------------------------------------------- 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 | 7 | .monaco-editor.vs .valueSetReplacement { 8 | outline: solid 2px var(--vscode-editorBracketMatch-border); 9 | } 10 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/inlineCompletions/browser/ghostText.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .suggest-preview-additional-widget { 7 | white-space: nowrap; 8 | } 9 | 10 | .monaco-editor .suggest-preview-additional-widget .content-spacer { 11 | color: transparent; 12 | white-space: pre; 13 | } 14 | 15 | .monaco-editor .suggest-preview-additional-widget .button { 16 | display: inline-block; 17 | cursor: pointer; 18 | text-decoration: underline; 19 | text-underline-position: under; 20 | } 21 | 22 | .monaco-editor .ghost-text-hidden { 23 | opacity: 0; 24 | font-size: 0; 25 | } 26 | 27 | .monaco-editor .ghost-text-decoration, .monaco-editor .suggest-preview-text .ghost-text { 28 | font-style: italic; 29 | } 30 | 31 | .monaco-editor .inline-completion-text-to-replace { 32 | text-decoration: underline; 33 | text-underline-position: under; 34 | } 35 | 36 | .monaco-editor .ghost-text-decoration, 37 | .monaco-editor .ghost-text-decoration-preview, 38 | .monaco-editor .suggest-preview-text .ghost-text { 39 | color: var(--vscode-editorGhostText-foreground) !important; 40 | background-color: var(--vscode-editorGhostText-background); 41 | border: 1px solid var(--vscode-editorGhostText-border); 42 | } 43 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/inlineCompletions/browser/inlineCompletionsHintsWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .inlineSuggestionsHints.withBorder { 7 | z-index: 39; 8 | color: var(--vscode-editorHoverWidget-foreground); 9 | background-color: var(--vscode-editorHoverWidget-background); 10 | border: 1px solid var(--vscode-editorHoverWidget-border); 11 | } 12 | 13 | .monaco-editor .inlineSuggestionsHints a { 14 | color: var(--vscode-foreground); 15 | } 16 | 17 | .monaco-editor .inlineSuggestionsHints a:hover { 18 | color: var(--vscode-foreground); 19 | } 20 | 21 | .monaco-editor .inlineSuggestionsHints .keybinding { 22 | display: flex; 23 | margin-left: 4px; 24 | opacity: 0.6; 25 | } 26 | 27 | .monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key { 28 | font-size: 8px; 29 | padding: 2px 3px; 30 | } 31 | 32 | .monaco-editor .inlineSuggestionsHints .custom-actions .action-item:nth-child(2) a { 33 | display: flex; 34 | min-width: 19px; 35 | justify-content: center; 36 | } 37 | 38 | .monaco-editor .inlineSuggestionStatusBarItemLabel { 39 | margin-right: 2px; 40 | } 41 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/inlineProgress/browser/inlineProgressWidget.css: -------------------------------------------------------------------------------- 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 | .inline-editor-progress-decoration { 7 | display: inline-block; 8 | width: 1em; 9 | height: 1em; 10 | } 11 | 12 | .inline-progress-widget { 13 | display: flex !important; 14 | justify-content: center; 15 | align-items: center; 16 | } 17 | 18 | .inline-progress-widget .icon { 19 | font-size: 80% !important; 20 | } 21 | 22 | .inline-progress-widget:hover .icon { 23 | font-size: 90% !important; 24 | animation: none; 25 | } 26 | 27 | .inline-progress-widget:hover .icon::before { 28 | content: "\ea76"; /* codicon-x */ 29 | } 30 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/linkedEditing/browser/linkedEditing.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .linked-editing-decoration { 7 | background-color: var(--vscode-editor-linkedEditingBackground); 8 | 9 | /* Ensure decoration is visible even if range is empty */ 10 | min-width: 1px; 11 | } 12 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/links/browser/links.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .detected-link, 6 | .monaco-editor .detected-link-active { 7 | text-decoration: underline; 8 | text-underline-position: under; 9 | } 10 | 11 | .monaco-editor .detected-link-active { 12 | cursor: pointer; 13 | color: var(--vscode-editorLink-activeForeground) !important; 14 | } 15 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/markdownRenderer/browser/renderedMarkdown.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .rendered-markdown kbd { 7 | background-color: var(--vscode-keybindingLabel-background); 8 | color: var(--vscode-keybindingLabel-foreground); 9 | border-style: solid; 10 | border-width: 1px; 11 | border-radius: 3px; 12 | border-color: var(--vscode-keybindingLabel-border); 13 | border-bottom-color: var(--vscode-keybindingLabel-bottomBorder); 14 | box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow); 15 | vertical-align: middle; 16 | padding: 1px 3px; 17 | } 18 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/message/browser/messageController.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .monaco-editor-overlaymessage { 7 | padding-bottom: 8px; 8 | z-index: 10000; 9 | } 10 | 11 | .monaco-editor .monaco-editor-overlaymessage.below { 12 | padding-bottom: 0; 13 | padding-top: 8px; 14 | z-index: 10000; 15 | } 16 | 17 | @keyframes fadeIn { 18 | from { opacity: 0; } 19 | to { opacity: 1; } 20 | } 21 | .monaco-editor .monaco-editor-overlaymessage.fadeIn { 22 | animation: fadeIn 150ms ease-out; 23 | } 24 | 25 | @keyframes fadeOut { 26 | from { opacity: 1; } 27 | to { opacity: 0; } 28 | } 29 | .monaco-editor .monaco-editor-overlaymessage.fadeOut { 30 | animation: fadeOut 100ms ease-out; 31 | } 32 | 33 | .monaco-editor .monaco-editor-overlaymessage .message { 34 | padding: 1px 4px; 35 | color: var(--vscode-inputValidation-infoForeground); 36 | background-color: var(--vscode-inputValidation-infoBackground); 37 | border: 1px solid var(--vscode-inputValidation-infoBorder); 38 | } 39 | 40 | .monaco-editor.hc-black .monaco-editor-overlaymessage .message, 41 | .monaco-editor.hc-light .monaco-editor-overlaymessage .message { 42 | border-width: 2px; 43 | } 44 | 45 | .monaco-editor .monaco-editor-overlaymessage .anchor { 46 | width: 0 !important; 47 | height: 0 !important; 48 | border-color: transparent; 49 | border-style: solid; 50 | z-index: 1000; 51 | border-width: 8px; 52 | position: absolute; 53 | } 54 | 55 | .monaco-editor .monaco-editor-overlaymessage .anchor.top { 56 | border-bottom-color: var(--vscode-inputValidation-infoBorder); 57 | } 58 | 59 | .monaco-editor .monaco-editor-overlaymessage .anchor.below { 60 | border-top-color: var(--vscode-inputValidation-infoBorder); 61 | } 62 | 63 | .monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top, 64 | .monaco-editor .monaco-editor-overlaymessage.below .anchor.below { 65 | display: none; 66 | } 67 | 68 | .monaco-editor .monaco-editor-overlaymessage.below .anchor.top { 69 | display: inherit; 70 | top: -8px; 71 | } 72 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/peekView/browser/media/peekViewWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .peekview-widget .head { 7 | box-sizing: border-box; 8 | display: flex; 9 | justify-content: space-between; 10 | flex-wrap: nowrap; 11 | } 12 | 13 | .monaco-editor .peekview-widget .head .peekview-title { 14 | display: flex; 15 | align-items: baseline; 16 | font-size: 13px; 17 | margin-left: 20px; 18 | min-width: 0; 19 | text-overflow: ellipsis; 20 | overflow: hidden; 21 | } 22 | 23 | .monaco-editor .peekview-widget .head .peekview-title.clickable { 24 | cursor: pointer; 25 | } 26 | 27 | .monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) { 28 | font-size: 0.9em; 29 | margin-left: 0.5em; 30 | } 31 | 32 | .monaco-editor .peekview-widget .head .peekview-title .meta { 33 | white-space: nowrap; 34 | overflow: hidden; 35 | text-overflow: ellipsis; 36 | } 37 | 38 | .monaco-editor .peekview-widget .head .peekview-title .dirname { 39 | overflow: hidden; 40 | text-overflow: ellipsis; 41 | white-space: nowrap; 42 | } 43 | 44 | .monaco-editor .peekview-widget .head .peekview-title .filename { 45 | overflow: hidden; 46 | text-overflow: ellipsis; 47 | white-space: nowrap; 48 | } 49 | 50 | .monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before { 51 | content: '-'; 52 | padding: 0 0.3em; 53 | } 54 | 55 | .monaco-editor .peekview-widget .head .peekview-actions { 56 | flex: 1; 57 | text-align: right; 58 | padding-right: 2px; 59 | } 60 | 61 | .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar { 62 | display: inline-block; 63 | } 64 | 65 | .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar, 66 | .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container { 67 | height: 100%; 68 | } 69 | 70 | .monaco-editor .peekview-widget > .body { 71 | border-top: 1px solid; 72 | position: relative; 73 | } 74 | 75 | .monaco-editor .peekview-widget .head .peekview-title .codicon { 76 | margin-right: 4px; 77 | align-self: center; 78 | } 79 | 80 | .monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon { 81 | color: inherit !important; 82 | } 83 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/rename/browser/renameInputField.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .rename-box { 7 | z-index: 100; 8 | color: inherit; 9 | border-radius: 4px; 10 | } 11 | 12 | .monaco-editor .rename-box.preview { 13 | padding: 4px 4px 0 4px; 14 | } 15 | 16 | .monaco-editor .rename-box .rename-input { 17 | padding: 3px; 18 | border-radius: 2px; 19 | } 20 | 21 | .monaco-editor .rename-box .rename-label { 22 | display: none; 23 | opacity: .8; 24 | } 25 | 26 | .monaco-editor .rename-box.preview .rename-label { 27 | display: inherit; 28 | } 29 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/snippet/browser/snippetSession.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .snippet-placeholder { 7 | min-width: 2px; 8 | outline-style: solid; 9 | outline-width: 1px; 10 | background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent); 11 | outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent); 12 | } 13 | 14 | .monaco-editor .finish-snippet-placeholder { 15 | outline-style: solid; 16 | outline-width: 1px; 17 | background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent); 18 | outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent); 19 | } 20 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/stickyScroll/browser/stickyScroll.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .sticky-line { 7 | color: var(--vscode-editorLineNumber-foreground); 8 | overflow: hidden; 9 | white-space: nowrap; 10 | display: inline-block; 11 | } 12 | 13 | .monaco-editor .sticky-line-number { 14 | text-align: right; 15 | float: left; 16 | } 17 | 18 | .monaco-editor .sticky-line-root { 19 | background-color: inherit; 20 | overflow: hidden; 21 | white-space: nowrap; 22 | width: 100%; 23 | } 24 | 25 | .monaco-editor.hc-black .sticky-widget, 26 | .monaco-editor.hc-light .sticky-widget { 27 | border-bottom: 1px solid var(--vscode-contrastBorder); 28 | } 29 | 30 | .monaco-editor .sticky-line-root:hover { 31 | background-color: var(--vscode-editorStickyScrollHover-background); 32 | cursor: pointer; 33 | } 34 | 35 | .monaco-editor .sticky-widget { 36 | width: 100%; 37 | box-shadow: var(--vscode-scrollbar-shadow) 0 3px 2px -2px; 38 | z-index: 4; 39 | background-color: var(--vscode-editorStickyScroll-background); 40 | } 41 | 42 | .monaco-editor .sticky-widget.peek { 43 | background-color: var(--vscode-peekViewEditorStickyScroll-background); 44 | } 45 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/unicodeHighlighter/browser/bannerController.css: -------------------------------------------------------------------------------- 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 | .editor-banner { 7 | box-sizing: border-box; 8 | cursor: default; 9 | width: 100%; 10 | font-size: 12px; 11 | display: flex; 12 | overflow: visible; 13 | 14 | height: 26px; 15 | 16 | background: var(--vscode-banner-background); 17 | } 18 | 19 | 20 | .editor-banner .icon-container { 21 | display: flex; 22 | flex-shrink: 0; 23 | align-items: center; 24 | padding: 0 6px 0 10px; 25 | } 26 | 27 | .editor-banner .icon-container.custom-icon { 28 | background-repeat: no-repeat; 29 | background-position: center center; 30 | background-size: 16px; 31 | width: 16px; 32 | padding: 0; 33 | margin: 0 6px 0 10px; 34 | } 35 | 36 | .editor-banner .message-container { 37 | display: flex; 38 | align-items: center; 39 | line-height: 26px; 40 | text-overflow: ellipsis; 41 | white-space: nowrap; 42 | overflow: hidden; 43 | } 44 | 45 | .editor-banner .message-container p { 46 | margin-block-start: 0; 47 | margin-block-end: 0; 48 | } 49 | 50 | .editor-banner .message-actions-container { 51 | flex-grow: 1; 52 | flex-shrink: 0; 53 | line-height: 26px; 54 | margin: 0 4px; 55 | } 56 | 57 | .editor-banner .message-actions-container a.monaco-button { 58 | width: inherit; 59 | margin: 2px 8px; 60 | padding: 0px 12px; 61 | } 62 | 63 | .editor-banner .message-actions-container a { 64 | padding: 3px; 65 | margin-left: 12px; 66 | text-decoration: underline; 67 | } 68 | 69 | .editor-banner .action-container { 70 | padding: 0 10px 0 6px; 71 | } 72 | 73 | .editor-banner { 74 | background-color: var(--vscode-banner-background); 75 | } 76 | 77 | .editor-banner, 78 | .editor-banner .action-container .codicon, 79 | .editor-banner .message-actions-container .monaco-link { 80 | color: var(--vscode-banner-foreground); 81 | } 82 | 83 | .editor-banner .icon-container .codicon { 84 | color: var(--vscode-banner-iconForeground); 85 | } 86 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/unicodeHighlighter/browser/unicodeHighlighter.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .unicode-highlight { 7 | border: 1px solid var(--vscode-editorUnicodeHighlight-border); 8 | background-color: var(--vscode-editorUnicodeHighlight-background); 9 | box-sizing: border-box; 10 | } 11 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/wordHighlighter/browser/highlightDecorations.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .focused .selectionHighlight { 7 | background-color: var(--vscode-editor-selectionHighlightBackground); 8 | box-sizing: border-box; 9 | border: 1px solid var(--vscode-editor-selectionHighlightBorder); 10 | } 11 | .monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight { 12 | border-style: dotted; 13 | } 14 | 15 | .monaco-editor .wordHighlight { 16 | background-color: var(--vscode-editor-wordHighlightBackground); 17 | box-sizing: border-box; 18 | border: 1px solid var(--vscode-editor-wordHighlightBorder); 19 | } 20 | .monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight { 21 | border-style: dotted; 22 | } 23 | 24 | .monaco-editor .wordHighlightStrong { 25 | background-color: var(--vscode-editor-wordHighlightStrongBackground); 26 | box-sizing: border-box; 27 | border: 1px solid var(--vscode-editor-wordHighlightStrongBorder); 28 | } 29 | .monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong { 30 | border-style: dotted; 31 | } 32 | 33 | .monaco-editor .wordHighlightText { 34 | background-color: var(--vscode-editor-wordHighlightTextBackground); 35 | box-sizing: border-box; 36 | border: 1px solid var(--vscode-editor-wordHighlightTextBorder); 37 | } 38 | .monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText { 39 | border-style: dotted; 40 | } 41 | -------------------------------------------------------------------------------- /src/vs/editor/contrib/zoneWidget/browser/zoneWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .zone-widget { 6 | position: absolute; 7 | z-index: 10; 8 | } 9 | 10 | 11 | .monaco-editor .zone-widget .zone-widget-container { 12 | border-top-style: solid; 13 | border-bottom-style: solid; 14 | border-top-width: 0; 15 | border-bottom-width: 0; 16 | position: relative; 17 | } 18 | -------------------------------------------------------------------------------- /src/vs/editor/standalone/browser/accessibilityHelp/accessibilityHelp.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .accessibilityHelpWidget { 7 | padding: 10px; 8 | vertical-align: middle; 9 | overflow: scroll; 10 | color: var(--vscode-editorWidget-foreground); 11 | background-color: var(--vscode-editorWidget-background); 12 | box-shadow: 0 2px 8px var(--vscode-widget-shadow); 13 | border: 2px solid var(--vscode-contrastBorder); 14 | } 15 | -------------------------------------------------------------------------------- /src/vs/editor/standalone/browser/iPadShowKeyboard/iPadShowKeyboard.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .iPadShowKeyboard { 7 | width: 58px; 8 | min-width: 0; 9 | height: 36px; 10 | min-height: 0; 11 | margin: 0; 12 | padding: 0; 13 | position: absolute; 14 | resize: none; 15 | overflow: hidden; 16 | background: url('keyboard-light.svg') center center no-repeat; 17 | border: 4px solid #F6F6F6; 18 | border-radius: 4px; 19 | } 20 | 21 | .monaco-editor.vs-dark .iPadShowKeyboard { 22 | background: url('keyboard-dark.svg') center center no-repeat; 23 | border: 4px solid #252526; 24 | } -------------------------------------------------------------------------------- /src/vs/editor/standalone/browser/inspectTokens/inspectTokens.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .tokens-inspect-widget { 7 | z-index: 50; 8 | user-select: text; 9 | -webkit-user-select: text; 10 | padding: 10px; 11 | color: var(--vscode-editorHoverWidget-foreground); 12 | background-color: var(--vscode-editorHoverWidget-background); 13 | border: 1px solid var(--vscode-editorHoverWidget-border); 14 | } 15 | .monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget { 16 | border-width: 2px; 17 | } 18 | 19 | .monaco-editor .tokens-inspect-widget .tokens-inspect-separator { 20 | height: 1px; 21 | border: 0; 22 | background-color: var(--vscode-editorHoverWidget-border); 23 | } 24 | 25 | .monaco-editor .tokens-inspect-widget .tm-token { 26 | font-family: var(--monaco-monospace-font); 27 | } 28 | 29 | .monaco-editor .tokens-inspect-widget .tm-token-length { 30 | font-weight: normal; 31 | font-size: 60%; 32 | float: right; 33 | } 34 | 35 | .monaco-editor .tokens-inspect-widget .tm-metadata-table { 36 | width: 100%; 37 | } 38 | 39 | .monaco-editor .tokens-inspect-widget .tm-metadata-value { 40 | font-family: var(--monaco-monospace-font); 41 | text-align: right; 42 | } 43 | 44 | .monaco-editor .tokens-inspect-widget .tm-token-type { 45 | font-family: var(--monaco-monospace-font); 46 | } 47 | -------------------------------------------------------------------------------- /src/vs/editor/standalone/browser/quickInput/standaloneQuickInput.css: -------------------------------------------------------------------------------- 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 | .quick-input-widget { 7 | font-size: 13px; 8 | } 9 | 10 | .quick-input-widget .monaco-highlighted-label .highlight, 11 | .quick-input-widget .monaco-highlighted-label .highlight { 12 | color: #0066BF; 13 | } 14 | 15 | .vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight, 16 | .vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight { 17 | color: #9DDDFF; 18 | } 19 | 20 | .vs-dark .quick-input-widget .monaco-highlighted-label .highlight, 21 | .vs-dark .quick-input-widget .monaco-highlighted-label .highlight { 22 | color: #0097fb; 23 | } 24 | 25 | .hc-black .quick-input-widget .monaco-highlighted-label .highlight, 26 | .hc-black .quick-input-widget .monaco-highlighted-label .highlight { 27 | color: #F38518; 28 | } 29 | 30 | .hc-light .quick-input-widget .monaco-highlighted-label .highlight, 31 | .hc-light .quick-input-widget .monaco-highlighted-label .highlight { 32 | color: #0F4A85; 33 | } 34 | 35 | .monaco-keybinding > .monaco-keybinding-key { 36 | background-color: rgba(221, 221, 221, 0.4); 37 | border: solid 1px rgba(204, 204, 204, 0.4); 38 | border-bottom-color: rgba(187, 187, 187, 0.4); 39 | box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4); 40 | color: #555; 41 | } 42 | 43 | .hc-black .monaco-keybinding > .monaco-keybinding-key { 44 | background-color: transparent; 45 | border: solid 1px rgb(111, 195, 223); 46 | box-shadow: none; 47 | color: #fff; 48 | } 49 | 50 | .hc-light .monaco-keybinding > .monaco-keybinding-key { 51 | background-color: transparent; 52 | border: solid 1px #0F4A85; 53 | box-shadow: none; 54 | color: #292929; 55 | } 56 | 57 | .vs-dark .monaco-keybinding > .monaco-keybinding-key { 58 | background-color: rgba(128, 128, 128, 0.17); 59 | border: solid 1px rgba(51, 51, 51, 0.6); 60 | border-bottom-color: rgba(68, 68, 68, 0.6); 61 | box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6); 62 | color: #ccc; 63 | } 64 | -------------------------------------------------------------------------------- /src/vs/editor/standalone/browser/standalone-tokens.css: -------------------------------------------------------------------------------- 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 | 7 | /* Default standalone editor fonts */ 8 | .monaco-editor { 9 | font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif; 10 | --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace; 11 | } 12 | 13 | .monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label { 14 | stroke-width: 1.2px; 15 | } 16 | 17 | .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, 18 | .monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, 19 | .monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { 20 | stroke-width: 1.2px; 21 | } 22 | 23 | .monaco-hover p { 24 | margin: 0; 25 | } 26 | 27 | /* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */ 28 | .monaco-aria-container { 29 | position: absolute !important; 30 | top: 0; /* avoid being placed underneath a sibling element */ 31 | height: 1px; 32 | width: 1px; 33 | margin: -1px; 34 | overflow: hidden; 35 | padding: 0; 36 | clip: rect(1px, 1px, 1px, 1px); 37 | clip-path: inset(50%); 38 | } 39 | 40 | /*.monaco-editor.vs [tabindex="0"]:focus { 41 | outline: 1px solid rgba(0, 122, 204, 0.4); 42 | outline-offset: -1px; 43 | opacity: 1 !important; 44 | } 45 | 46 | .monaco-editor.vs-dark [tabindex="0"]:focus { 47 | outline: 1px solid rgba(14, 99, 156, 0.6); 48 | outline-offset: -1px; 49 | opacity: 1 !important; 50 | }*/ 51 | -------------------------------------------------------------------------------- /src/vs/platform/actions/browser/menuEntryActionViewItem.css: -------------------------------------------------------------------------------- 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 | .monaco-action-bar .action-item.menu-entry .action-label.icon { 7 | width: 16px; 8 | height: 16px; 9 | background-repeat: no-repeat; 10 | background-position: 50%; 11 | background-size: 16px; 12 | } 13 | 14 | .monaco-dropdown-with-default { 15 | display: flex !important; 16 | flex-direction: row; 17 | border-radius: 5px; 18 | } 19 | 20 | .monaco-dropdown-with-default > .action-container > .action-label { 21 | margin-right: 0; 22 | } 23 | 24 | .monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon { 25 | width: 16px; 26 | height: 16px; 27 | background-repeat: no-repeat; 28 | background-position: 50%; 29 | background-size: 16px; 30 | } 31 | 32 | .monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] { 33 | font-size: 12px; 34 | padding-left: 0px; 35 | padding-right: 0px; 36 | line-height: 16px; 37 | margin-left: -3px; 38 | } 39 | 40 | .monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label { 41 | display: block; 42 | background-size: 16px; 43 | background-position: center center; 44 | background-repeat: no-repeat; 45 | } 46 | -------------------------------------------------------------------------------- /src/vs/platform/files/test/node/fixtures/resolver/site.css: -------------------------------------------------------------------------------- 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 | /*---------------------------------------------------------- 7 | The base color for this template is #5c87b2. If you'd like 8 | to use a different color start by replacing all instances of 9 | #5c87b2 with your new color. 10 | ----------------------------------------------------------*/ 11 | body 12 | { 13 | background-color: #5c87b2; 14 | font-size: .75em; 15 | font-family: Segoe UI, Verdana, Helvetica, Sans-Serif; 16 | margin: 8px; 17 | padding: 0; 18 | color: #696969; 19 | } 20 | 21 | h1, h2, h3, h4, h5, h6 22 | { 23 | color: #000; 24 | font-size: 40px; 25 | margin: 0px; 26 | } 27 | 28 | textarea 29 | { 30 | font-family: Consolas 31 | } 32 | 33 | #results 34 | { 35 | margin-top: 2em; 36 | margin-left: 2em; 37 | color: black; 38 | font-size: medium; 39 | } 40 | 41 | -------------------------------------------------------------------------------- /src/vs/platform/files/test/node/fixtures/service/some_utf16le.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wroyca/libadwaita-vscode-theme/f776c978419ea561c92b6dc5e7876e988cd18c7f/src/vs/platform/files/test/node/fixtures/service/some_utf16le.css -------------------------------------------------------------------------------- /src/vs/platform/opener/browser/link.css: -------------------------------------------------------------------------------- 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 | .monaco-link { 7 | color: var(--vscode-textLink-foreground); 8 | } 9 | 10 | .monaco-link:hover { 11 | color: var(--vscode-textLink-activeForeground); 12 | } 13 | 14 | -------------------------------------------------------------------------------- /src/vs/platform/severityIcon/browser/media/severityIcon.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .zone-widget .codicon.codicon-error, 7 | .markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error, 8 | .text-search-provider-messages .providerMessage .codicon.codicon-error, 9 | .extensions-viewlet > .extensions .codicon.codicon-error, 10 | .extension-editor .codicon.codicon-error, 11 | .preferences-editor .codicon.codicon-error { 12 | color: var(--vscode-problemsErrorIcon-foreground); 13 | } 14 | 15 | .monaco-editor .zone-widget .codicon.codicon-warning, 16 | .markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning, 17 | .text-search-provider-messages .providerMessage .codicon.codicon-warning, 18 | .extensions-viewlet > .extensions .codicon.codicon-warning, 19 | .extension-editor .codicon.codicon-warning, 20 | .preferences-editor .codicon.codicon-warning { 21 | color: var(--vscode-problemsWarningIcon-foreground); 22 | } 23 | 24 | .monaco-editor .zone-widget .codicon.codicon-info, 25 | .markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info, 26 | .text-search-provider-messages .providerMessage .codicon.codicon-info, 27 | .extensions-viewlet > .extensions .codicon.codicon-info, 28 | .extension-editor .codicon.codicon-info, 29 | .preferences-editor .codicon.codicon-info { 30 | color: var(--vscode-problemsInfoIcon-foreground); 31 | } 32 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/actions/media/actions.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .quick-input-list .quick-input-list-entry.has-actions:hover .quick-input-list-entry-action-bar .action-label.dirty-workspace::before { 7 | content: "\ea76"; /* Close icon flips between black dot and "X" for dirty workspaces */ 8 | } 9 | 10 | .monaco-workbench .screencast-mouse { 11 | position: absolute; 12 | border-width: 2px; 13 | border-style: solid; 14 | border-radius: 50%; 15 | z-index: 100000; 16 | content: ' '; 17 | pointer-events: none; 18 | display: none; 19 | } 20 | 21 | .monaco-workbench .screencast-keyboard { 22 | position: absolute; 23 | background-color: rgba(0, 0, 0 ,0.5); 24 | width: 100%; 25 | left: 0; 26 | z-index: 100000; 27 | pointer-events: none; 28 | color: #eee; 29 | line-height: 1.75em; 30 | text-align: center; 31 | white-space: nowrap; 32 | overflow: hidden; 33 | text-overflow: ellipsis; 34 | } 35 | 36 | .monaco-workbench:not(.reduce-motion) .screencast-keyboard { 37 | transition: opacity 0.3s ease-out; 38 | } 39 | 40 | .monaco-workbench .screencast-keyboard:empty { 41 | opacity: 0; 42 | } 43 | 44 | .monaco-workbench .screencast-keyboard > .key { 45 | padding: 0 8px; 46 | box-shadow: inset 0 -3px 0 hsla(0,0%,73%,.4); 47 | margin-right: 6px; 48 | border: 1px solid hsla(0,0%,80%,.4); 49 | border-radius: 5px; 50 | background-color: rgba(255, 255, 255, 0.05); 51 | } 52 | 53 | .monaco-workbench .screencast-keyboard > .title { 54 | font-weight: 600; 55 | } 56 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/media/part.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .part { 7 | box-sizing: border-box; 8 | overflow: hidden; 9 | } 10 | 11 | .monaco-workbench .part > .drop-block-overlay.visible { 12 | visibility: visible; 13 | } 14 | 15 | .monaco-workbench .part > .drop-block-overlay { 16 | position: absolute; 17 | top: 0; 18 | width: 100%; 19 | height: 100%; 20 | visibility: hidden; 21 | opacity: 0; 22 | z-index: 12; 23 | } 24 | 25 | .monaco-workbench .part > .title { 26 | display: none; /* Parts have to opt in to show title area */ 27 | } 28 | 29 | .monaco-workbench .part > .title { 30 | height: 35px; 31 | display: flex; 32 | box-sizing: border-box; 33 | overflow: hidden; 34 | } 35 | 36 | .monaco-workbench .part > .title { 37 | padding-left: 8px; 38 | padding-right: 8px; 39 | } 40 | 41 | .monaco-workbench .part > .title > .title-label { 42 | line-height: 35px; 43 | white-space: nowrap; 44 | overflow: hidden; 45 | text-overflow: ellipsis; 46 | } 47 | 48 | .monaco-workbench .part > .title > .title-label { 49 | padding-left: 12px; 50 | } 51 | 52 | .monaco-workbench .part > .title > .title-label h2 { 53 | font-size: 11px; 54 | cursor: default; 55 | font-weight: normal; 56 | margin: 0; 57 | overflow: hidden; 58 | white-space: nowrap; 59 | text-overflow: ellipsis; 60 | } 61 | 62 | .monaco-workbench .part > .title > .title-label a { 63 | text-decoration: none; 64 | font-size: 13px; 65 | cursor: default; 66 | } 67 | 68 | .monaco-workbench .part > .title > .title-actions { 69 | height: 35px; 70 | flex: 1; 71 | padding-left: 5px; 72 | } 73 | 74 | .monaco-workbench .part > .title > .title-actions .action-label { 75 | display: block; 76 | background-size: 16px; 77 | background-position: center center; 78 | background-repeat: no-repeat; 79 | } 80 | 81 | .monaco-workbench .part > .title > .title-actions .action-label .label { 82 | display: none; 83 | } 84 | 85 | .monaco-workbench .part > .title > .title-actions .action-label.codicon { 86 | color: inherit; 87 | } 88 | 89 | .monaco-workbench .part > .content { 90 | font-size: 13px; 91 | } 92 | 93 | .monaco-workbench .part > .content > .monaco-progress-container, 94 | .monaco-workbench .part.editor > .content .monaco-progress-container { 95 | position: absolute; 96 | left: 0; 97 | top: 33px; /* at the bottom of the 35px height title container */ 98 | z-index: 5; /* on top of things */ 99 | height: 2px; 100 | } 101 | 102 | .monaco-workbench .part > .content > .monaco-progress-container .progress-bit, 103 | .monaco-workbench 104 | .part.editor 105 | > .content 106 | .monaco-progress-container 107 | .progress-bit { 108 | height: 2px; 109 | } 110 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .part.activitybar { 7 | width: 48px; 8 | height: 100%; 9 | } 10 | 11 | .monaco-workbench .activitybar.bordered::before { 12 | content: ''; 13 | float: left; 14 | position: absolute; 15 | box-sizing: border-box; 16 | height: 100%; 17 | width: 0px; 18 | border-color: inherit; 19 | } 20 | 21 | .monaco-workbench .activitybar.left.bordered::before { 22 | right: 0; 23 | border-right-style: solid; 24 | border-right-width: 1px; 25 | } 26 | 27 | .monaco-workbench .activitybar.right.bordered::before { 28 | left: 0; 29 | border-left-style: solid; 30 | border-left-width: 1px; 31 | } 32 | 33 | .monaco-workbench .activitybar > .content { 34 | height: 100%; 35 | display: flex; 36 | flex-direction: column; 37 | justify-content: space-between; 38 | } 39 | 40 | /** Viewlet Switcher */ 41 | 42 | .monaco-workbench .activitybar > .content .monaco-action-bar { 43 | text-align: left; 44 | background-color: inherit; 45 | } 46 | 47 | .monaco-workbench .activitybar .action-item:focus { 48 | outline: 0 !important; /* activity bar indicates focus custom */ 49 | } 50 | 51 | .monaco-workbench .activitybar > .content > .composite-bar { 52 | margin-bottom: auto; 53 | } 54 | 55 | /** Menu Bar */ 56 | 57 | .monaco-workbench .activitybar .menubar { 58 | width: 100%; 59 | height: 35px; 60 | } 61 | 62 | .monaco-workbench .activitybar .menubar.compact .toolbar-toggle-more { 63 | width: 100%; 64 | height: 35px; 65 | } 66 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/auxiliarybar/media/auxiliaryBarPart.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench.noauxiliarybar .part.auxiliarybar { 7 | display: none !important; 8 | visibility: hidden !important; 9 | } 10 | 11 | .monaco-workbench .part.auxiliarybar > .content .monaco-editor, 12 | .monaco-workbench .part.auxiliarybar > .content .monaco-editor .margin, 13 | .monaco-workbench .part.auxiliarybar > .content .monaco-editor .monaco-editor-background { 14 | background-color: var(--vscode-sideBar-background); 15 | } 16 | 17 | .monaco-workbench .part.auxiliarybar > .title > .panel-switcher-container > .monaco-action-bar .action-item:hover .action-label, 18 | .monaco-workbench .part.auxiliarybar > .title > .panel-switcher-container > .monaco-action-bar .action-item:focus .action-label { 19 | color: var(--vscode-sideBarTitle-foreground) !important; 20 | } 21 | 22 | .monaco-workbench .part.auxiliarybar > .title > .panel-switcher-container > .monaco-action-bar .action-item.checked .action-label, 23 | .monaco-workbench .part.auxiliarybar > .title > .panel-switcher-container > .monaco-action-bar .action-item:hover .action-label { 24 | outline: var(--vscode-contrastActiveBorder, unset) solid 1px !important; 25 | } 26 | 27 | .monaco-workbench .part.auxiliarybar > .title > .panel-switcher-container > .monaco-action-bar .action-item:not(.checked):hover .action-label { 28 | outline: var(--vscode-contrastActiveBorder, unset) dashed 1px !important; 29 | } 30 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/banner/media/bannerpart.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .part.banner { 7 | background-color: var(--vscode-banner-background); 8 | color: var(--vscode-banner-foreground); 9 | box-sizing: border-box; 10 | cursor: default; 11 | width: 100%; 12 | height: 100%; 13 | font-size: 12px; 14 | display: flex; 15 | overflow: visible; 16 | } 17 | 18 | .monaco-workbench .part.banner .icon-container { 19 | display: flex; 20 | flex-shrink: 0; 21 | align-items: center; 22 | padding: 0 6px 0 10px; 23 | } 24 | 25 | .monaco-workbench .part.banner .icon-container .codicon { 26 | color: var(--vscode-banner-iconForeground); 27 | } 28 | 29 | .monaco-workbench .part.banner .icon-container.custom-icon { 30 | background-repeat: no-repeat; 31 | background-position: center center; 32 | background-size: 16px; 33 | background-image: url('../../../../browser/media/code-icon.svg'); 34 | width: 16px; 35 | padding: 0; 36 | margin: 0 6px 0 10px; 37 | } 38 | 39 | .monaco-workbench .part.banner .message-container { 40 | line-height: 26px; 41 | text-overflow: ellipsis; 42 | white-space: nowrap; 43 | overflow: hidden; 44 | } 45 | 46 | .monaco-workbench .part.banner .message-container a { 47 | color: var(--vscode-banner-foreground); 48 | } 49 | 50 | .monaco-workbench .part.banner .message-container p { 51 | margin-block-start: 0; 52 | margin-block-end: 0; 53 | } 54 | 55 | .monaco-workbench .part.banner .message-actions-container { 56 | flex-grow: 1; 57 | flex-shrink: 0; 58 | line-height: 26px; 59 | } 60 | 61 | .monaco-workbench .part.banner .message-actions-container a { 62 | color: var(--vscode-banner-foreground); 63 | padding: 3px; 64 | margin-left: 12px; 65 | text-decoration: underline; 66 | cursor: pointer; 67 | } 68 | 69 | .monaco-workbench .part.banner .message-container a { 70 | text-decoration: underline; 71 | cursor: pointer; 72 | } 73 | 74 | .monaco-workbench .part.banner .action-container { 75 | padding: 0 10px 0 6px; 76 | } 77 | 78 | .monaco-workbench .part.banner .action-container .codicon { 79 | color: var(--vscode-banner-foreground); 80 | } 81 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/editor/media/breadcrumbscontrol.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .part.editor>.content .editor-group-container .breadcrumbs-control.hidden { 7 | display: none; 8 | } 9 | 10 | .monaco-workbench .part.editor>.content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.selected .monaco-icon-label, 11 | .monaco-workbench .part.editor>.content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.focused .monaco-icon-label { 12 | text-decoration-line: underline; 13 | } 14 | 15 | .monaco-workbench .part.editor>.content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.selected .hint-more, 16 | .monaco-workbench .part.editor>.content .editor-group-container .breadcrumbs-control .monaco-breadcrumb-item.focused .hint-more { 17 | text-decoration-line: underline; 18 | } 19 | 20 | .monaco-workbench .monaco-breadcrumb-item.shows-symbol-icon .codicon[class*='codicon-symbol-'] { 21 | padding-right: 6px; 22 | } 23 | 24 | /* breadcrumbs-picker-style */ 25 | 26 | .monaco-workbench .monaco-breadcrumbs-picker .arrow { 27 | position: absolute; 28 | width: 0; 29 | border-style: solid; 30 | } 31 | 32 | .monaco-workbench .monaco-breadcrumbs-picker .picker-item { 33 | line-height: 22px; 34 | flex: 1; 35 | } 36 | 37 | .monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree { 38 | height: 100%; 39 | overflow: hidden; 40 | display: flex; 41 | flex-direction: column; 42 | } 43 | 44 | .monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree>.input { 45 | padding: 5px 9px; 46 | position: relative; 47 | box-sizing: border-box; 48 | height: 36px; 49 | } 50 | 51 | .monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree>.tree { 52 | height: calc(100% - 36px); 53 | } 54 | 55 | .monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree.inactive>.input { 56 | display: none; 57 | } 58 | 59 | .monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree.inactive>.tree { 60 | height: 100%; 61 | } 62 | 63 | .monaco-workbench .monaco-breadcrumbs-picker .highlighting-tree .monaco-highlighted-label .highlight{ 64 | font-weight: bold; 65 | } 66 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/editor/media/editordroptarget.css: -------------------------------------------------------------------------------- 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 | #monaco-workbench-editor-drop-overlay { 7 | position: absolute; 8 | z-index: 10000; 9 | width: 100%; 10 | height: 100%; 11 | left: 0; 12 | } 13 | 14 | #monaco-workbench-editor-drop-overlay > .editor-group-overlay-indicator { 15 | position: absolute; 16 | top: 0; 17 | left: 0; 18 | width: 100%; 19 | height: 100%; 20 | pointer-events: none; /* very important to not take events away from the parent */ 21 | opacity: 0; /* hidden initially */ 22 | 23 | display: flex; 24 | align-items: center; 25 | justify-content: center; 26 | } 27 | 28 | .monaco-workbench:not(.reduce-motion) #monaco-workbench-editor-drop-overlay > .editor-group-overlay-indicator { 29 | transition: opacity 150ms ease-out; 30 | } 31 | 32 | #monaco-workbench-editor-drop-overlay .editor-group-overlay-drop-into-prompt { 33 | text-align: center; 34 | padding: 0.6em; 35 | margin: 0.2em; 36 | line-height: normal; 37 | opacity: 0; /* hidden initially */ 38 | } 39 | 40 | .monaco-workbench:not(.reduce-motion) #monaco-workbench-editor-drop-overlay .editor-group-overlay-drop-into-prompt { 41 | transition: opacity 150ms ease-out; 42 | } 43 | 44 | #monaco-workbench-editor-drop-overlay .editor-group-overlay-drop-into-prompt i /* Style keybinding */ { 45 | padding: 0 8px; 46 | border: 1px solid hsla(0,0%,80%,.4); 47 | margin: 0 1px; 48 | border-radius: 5px; 49 | background-color: rgba(255, 255, 255, 0.05); 50 | font-style: normal; 51 | } 52 | 53 | .monaco-workbench:not(.reduce-motion) #monaco-workbench-editor-drop-overlay > .editor-group-overlay-indicator.overlay-move-transition { 54 | transition: top 70ms ease-out, left 70ms ease-out, width 70ms ease-out, height 70ms ease-out, opacity 150ms ease-out; 55 | } 56 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/editor/media/editorplaceholder.css: -------------------------------------------------------------------------------- 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 | .monaco-editor-pane-placeholder { 7 | padding-top: 5%; 8 | height: 100% !important; 9 | } 10 | 11 | .monaco-editor-pane-placeholder:focus { 12 | outline: none !important; 13 | } 14 | 15 | .monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon { 16 | font-size: 48px; 17 | } 18 | 19 | .monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-error { 20 | color: var(--vscode-editorError-foreground); 21 | } 22 | 23 | .monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-warning { 24 | color: var(--vscode-editorWarning-foreground); 25 | } 26 | 27 | .monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-info, 28 | .monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-workspace-untrusted { 29 | color: var(--vscode-editorInfo-foreground); 30 | } 31 | 32 | .monaco-editor-pane-placeholder.max-height-200px .editor-placeholder-icon-container { 33 | /* Hide the icon when height is limited */ 34 | display: none; 35 | } 36 | 37 | .monaco-editor-pane-placeholder .editor-placeholder-label-container { 38 | font-size: 14px; 39 | max-width: 450px; 40 | text-align: center; 41 | word-break: break-word; 42 | } 43 | 44 | .monaco-editor-pane-placeholder .editor-placeholder-buttons-container { 45 | display: flex; 46 | } 47 | 48 | .monaco-editor-pane-placeholder .editor-placeholder-buttons-container > .monaco-button { 49 | margin: 4px 5px; 50 | } 51 | 52 | .monaco-editor-pane-placeholder .editor-placeholder-buttons-container > .monaco-button { 53 | font-size: 14px; 54 | width: fit-content; 55 | padding: 6px 11px; 56 | outline-offset: 2px !important; 57 | } 58 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/editor/media/editorquickaccess.css: -------------------------------------------------------------------------------- 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 | .quick-input-list .quick-input-list-entry.has-actions:hover .quick-input-list-entry-action-bar .action-label.dirty-editor::before { 7 | content: "\ea76"; /* Close icon flips between black dot and "X" for dirty open editors */ 8 | } 9 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/editor/media/editorstatus.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .screen-reader-detected-explanation { 7 | width: 420px; 8 | top: 30px; 9 | right: 6px; 10 | padding: 1em; 11 | cursor: default; 12 | } 13 | 14 | .monaco-workbench .screen-reader-detected-explanation .cancel { 15 | position: absolute; 16 | top: 0; 17 | right: 0; 18 | padding: .5em; 19 | width: 22px; 20 | height: 22px; 21 | border: none; 22 | cursor: pointer; 23 | } 24 | 25 | .monaco-workbench .screen-reader-detected-explanation h2 { 26 | margin: 0; 27 | padding: 0; 28 | font-weight: 400; 29 | font-size: 1.8em; 30 | } 31 | 32 | .monaco-workbench .screen-reader-detected-explanation p { 33 | font-size: 1.2em; 34 | } 35 | 36 | .monaco-workbench .screen-reader-detected-explanation hr { 37 | border: 0; 38 | height: 2px; 39 | } 40 | 41 | .monaco-workbench .screen-reader-detected-explanation .buttons { 42 | display: flex; 43 | } 44 | 45 | .monaco-workbench .screen-reader-detected-explanation .buttons a { 46 | font-size: 13px; 47 | padding-left: 12px; 48 | padding-right: 12px; 49 | margin-right: 5px; 50 | max-width: fit-content; 51 | } 52 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/editor/media/sidebysideeditor.css: -------------------------------------------------------------------------------- 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 | .side-by-side-editor-container { 7 | width: 100%; 8 | height: 100%; 9 | } 10 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/editor/media/titlecontrol.css: -------------------------------------------------------------------------------- 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 | /* Editor Label */ 7 | 8 | .monaco-workbench .part.editor > .content .editor-group-container > .title { 9 | cursor: pointer; 10 | } 11 | 12 | .monaco-workbench .part.editor > .content .editor-group-container > .title .title-label, 13 | .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label { 14 | white-space: nowrap; 15 | flex: 1; 16 | } 17 | 18 | .monaco-workbench .part.editor > .content .editor-group-container > .title .title-label a, 19 | .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label a { 20 | font-size: 13px; 21 | } 22 | 23 | .monaco-workbench .part.editor > .content .editor-group-container > .title .monaco-icon-label::before, 24 | .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .monaco-icon-label::before, 25 | .monaco-workbench .part.editor > .content .editor-group-container > .title .title-label a, 26 | .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label a, 27 | .monaco-workbench .part.editor > .content .editor-group-container > .title .title-label h2, 28 | .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label span { 29 | cursor: pointer; 30 | } 31 | 32 | .monaco-workbench .part.editor > .content .editor-group-container > .title .monaco-icon-label::before { 33 | height: 35px; /* tweak the icon size of the editor labels when icons are enabled */ 34 | } 35 | 36 | .monaco-workbench .part.editor > .content .editor-group-container > .title.breadcrumbs .monaco-icon-label::after, 37 | .monaco-workbench .part.editor > .content .editor-group-container > .title.tabs .monaco-icon-label::after { 38 | margin-right: 0; /* by default the icon label has a padding right and this isn't wanted when not showing tabs and not showing breadcrumbs */ 39 | } 40 | 41 | /* Drag and Drop */ 42 | 43 | .monaco-editor-group-drag-image { 44 | display: inline-block; 45 | padding: 1px 7px; 46 | border-radius: 10px; 47 | font-size: 12px; 48 | position: absolute; 49 | } 50 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/media/compositepart.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .part > .content > .composite { 7 | height: 100%; 8 | } 9 | 10 | .monaco-workbench .part > .composite.title { 11 | display: flex; 12 | } 13 | 14 | .monaco-workbench .part > .composite.title > .title-actions { 15 | flex: 1; 16 | padding-left: 5px; 17 | } -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/notifications/media/notificationsActions.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-toolbar-container .action-item, 7 | .monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar .action-item { 8 | margin-right: 4px; 9 | } 10 | 11 | .monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-toolbar-container .action-item:first-child, 12 | .monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar .action-item:first-child { 13 | margin-left: 4px; 14 | } 15 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/notifications/media/notificationsCenter.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench > .notifications-center { 7 | position: absolute; 8 | z-index: 1000; 9 | right: 8px; 10 | bottom: 31px; 11 | display: none; 12 | overflow: hidden; 13 | border-radius: 4px; 14 | } 15 | 16 | .monaco-workbench.nostatusbar > .notifications-center { 17 | bottom: 8px; 18 | } 19 | 20 | .monaco-workbench > .notifications-center.visible { 21 | display: block; 22 | } 23 | 24 | /* Header */ 25 | 26 | .monaco-workbench > .notifications-center > .notifications-center-header { 27 | display: flex; 28 | align-items: center; 29 | padding-left: 8px; 30 | padding-right: 5px; 31 | height: 35px; 32 | } 33 | 34 | .monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-title { 35 | text-transform: uppercase; 36 | font-size: 11px; 37 | } 38 | 39 | .monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar { 40 | flex: 1; 41 | } 42 | 43 | .monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar .actions-container { 44 | justify-content: flex-end; 45 | } 46 | 47 | .monaco-workbench > .notifications-center .notifications-list-container .monaco-list-row[data-last-element="false"] > .notification-list-item { 48 | border-bottom: 1px solid var(--vscode-notifications-border); 49 | } 50 | 51 | .monaco-workbench > .notifications-center .notifications-list-container, 52 | .monaco-workbench > .notifications-center .notifications-list-container .monaco-scrollable-element, 53 | .monaco-workbench > .notifications-center .notifications-list-container .notification-list-item { 54 | border-radius: 0; 55 | } 56 | 57 | /* Icons */ 58 | 59 | .monaco-workbench > .notifications-center .codicon.codicon-error { 60 | color: var(--vscode-notificationsErrorIcon-foreground) !important; 61 | } 62 | 63 | .monaco-workbench > .notifications-center .codicon.codicon-warning { 64 | color: var(--vscode-notificationsWarningIcon-foreground) !important; 65 | } 66 | 67 | .monaco-workbench > .notifications-center .codicon.codicon-info { 68 | color: var(--vscode-notificationsInfoIcon-foreground) !important; 69 | } 70 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench > .notifications-toasts { 7 | position: absolute; 8 | z-index: 1000; 9 | right: 3px; 10 | bottom: 26px; 11 | display: none; 12 | overflow: hidden; 13 | } 14 | 15 | .monaco-workbench.nostatusbar > .notifications-toasts { 16 | bottom: 3px; 17 | } 18 | 19 | .monaco-workbench > .notifications-toasts.visible { 20 | display: flex; 21 | flex-direction: column; 22 | } 23 | 24 | .monaco-workbench > .notifications-toasts .notification-toast-container { 25 | overflow: hidden; /* this ensures that the notification toast does not shine through */ 26 | } 27 | 28 | .monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast { 29 | margin: 8px; /* enables separation and drop shadows around toasts */ 30 | transform: translate3d(0px, 100%, 0px); /* move the notification 50px to the bottom (to prevent bleed through) */ 31 | opacity: 0; /* fade the toast in */ 32 | transition: transform 300ms ease-out, opacity 300ms ease-out; 33 | border-radius: 4px; 34 | } 35 | 36 | .monaco-workbench.reduce-motion > .notifications-toasts .notification-toast-container > .notification-toast { 37 | transition: transform 0ms ease-out, opacity 0ms ease-out; 38 | } 39 | 40 | .monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast.notification-fade-in { 41 | opacity: 1; 42 | transform: none; 43 | } 44 | 45 | .monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast.notification-fade-in-done { 46 | opacity: 1; 47 | transform: none; 48 | transition: none; 49 | } 50 | 51 | /* Icons */ 52 | 53 | .monaco-workbench > .notifications-toasts .codicon.codicon-error { 54 | color: var(--vscode-notificationsErrorIcon-foreground) !important; 55 | } 56 | 57 | .monaco-workbench > .notifications-toasts .codicon.codicon-warning { 58 | color: var(--vscode-notificationsWarningIcon-foreground) !important; 59 | } 60 | 61 | .monaco-workbench > .notifications-toasts .codicon.codicon-info { 62 | color: var(--vscode-notificationsInfoIcon-foreground) !important; 63 | } 64 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/sidebar/media/sidebarpart.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench.nosidebar > .part.sidebar { 7 | display: none !important; 8 | visibility: hidden !important; 9 | } 10 | 11 | .monaco-workbench .part.sidebar .title-actions .actions-container { 12 | justify-content: flex-end; 13 | } 14 | 15 | .monaco-workbench .part.sidebar .title-actions .action-item { 16 | margin-right: 4px; 17 | } 18 | 19 | .monaco-workbench .part.sidebar > .title > .title-label h2 { 20 | text-transform: uppercase; 21 | } 22 | 23 | .monaco-workbench .viewlet .collapsible.header .title { 24 | overflow: hidden; 25 | text-overflow: ellipsis; 26 | white-space: nowrap; 27 | } 28 | 29 | .monaco-workbench .viewlet .collapsible.header .actions { 30 | width: 0; /* not using display: none for keyboard a11y reasons */ 31 | } 32 | 33 | .monaco-workbench .viewlet .split-view-view:hover > .header .actions, 34 | .monaco-workbench .viewlet .collapsible.header.focused .actions { 35 | width: initial; 36 | flex: 1; 37 | } 38 | 39 | .monaco-workbench .viewlet .collapsible.header .actions .action-label { 40 | width: 28px; 41 | background-size: 16px; 42 | background-position: center center; 43 | background-repeat: no-repeat; 44 | margin-right: 0; 45 | height: 22px; 46 | } 47 | 48 | .monaco-workbench .viewlet .collapsible.header .actions .action-label .label { 49 | display: none; 50 | } 51 | 52 | .monaco-workbench .viewlet .collapsible.header.collapsed .actions { 53 | display: none; 54 | } 55 | 56 | .monaco-workbench .viewlet .collapsible.header .action-label { 57 | margin-right: 0.2em; 58 | background-repeat: no-repeat; 59 | width: 16px; 60 | height: 16px; 61 | } 62 | -------------------------------------------------------------------------------- /src/vs/workbench/browser/parts/views/media/paneviewlet.css: -------------------------------------------------------------------------------- 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 | .monaco-pane-view .split-view-view:first-of-type > .pane > .pane-header { 7 | border-top: none !important; /* less clutter: do not show any border for first views in a pane */ 8 | } 9 | 10 | .monaco-pane-view .split-view-view:first-of-type > .pane { 11 | border-left: none !important; /* less clutter: do not show any border for first views in a pane */ 12 | } 13 | 14 | .monaco-pane-view .pane > .pane-header { 15 | position: relative; 16 | } 17 | 18 | .monaco-pane-view .pane > .pane-header > .actions.show { 19 | display: initial; 20 | } 21 | 22 | .monaco-pane-view .pane > .pane-header > .icon { 23 | display: none; 24 | width: 16px; 25 | height: 16px; 26 | } 27 | 28 | .monaco-pane-view .pane.pane.horizontal:not(.expanded) > .pane-header > .icon { 29 | display: inline; 30 | margin-top: 4px; 31 | } 32 | 33 | .monaco-pane-view .pane > .pane-header h3.title { 34 | white-space: nowrap; 35 | text-overflow: ellipsis; 36 | overflow: hidden; 37 | font-size: 11px; 38 | min-width: 3ch; 39 | -webkit-margin-before: 0; 40 | -webkit-margin-after: 0; 41 | } 42 | 43 | .monaco-pane-view .pane > .pane-header .description { 44 | display: block; 45 | font-weight: normal; 46 | margin-left: 10px; 47 | opacity: 0.6; 48 | overflow: hidden; 49 | text-overflow: ellipsis; 50 | text-transform: none; 51 | white-space: nowrap; 52 | flex-shrink: 100000; 53 | } 54 | 55 | .monaco-pane-view .pane > .pane-header .description .codicon { 56 | font-size: 9px; 57 | margin-left: 2px; 58 | } 59 | 60 | .monaco-pane-view .pane > .pane-header:not(.expanded) .description { 61 | display: none; 62 | } 63 | 64 | .monaco-pane-view .pane.horizontal:not(.expanded) > .pane-header h3.title, 65 | .monaco-pane-view .pane.horizontal:not(.expanded) > .pane-header .description { 66 | display: none; 67 | } 68 | 69 | .monaco-pane-view .pane .monaco-progress-container { 70 | position: absolute; 71 | left: 0; 72 | top: -2px; 73 | z-index: 5; 74 | height: 2px; 75 | } 76 | 77 | .monaco-pane-view .pane:not(.merged-header) .monaco-progress-container { 78 | top: 20px; 79 | } 80 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/callHierarchy/browser/media/callHierarchy.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .call-hierarchy .results, 7 | .monaco-workbench .call-hierarchy .message { 8 | display: none; 9 | } 10 | 11 | .monaco-workbench .call-hierarchy[data-state="data"] .results { 12 | display: inherit; 13 | height: 100%; 14 | } 15 | 16 | .monaco-workbench .call-hierarchy[data-state="message"] .message { 17 | display: flex; 18 | align-items: center; 19 | justify-content: center; 20 | height: 100%; 21 | } 22 | 23 | .monaco-workbench .call-hierarchy .editor, 24 | .monaco-workbench .call-hierarchy .tree { 25 | height: 100%; 26 | } 27 | 28 | .monaco-editor .call-hierarchy .tree { 29 | background-color: var(--vscode-peekViewResult-background); 30 | color: var(--vscode-peekViewResult-fileForeground); 31 | } 32 | 33 | .monaco-workbench .call-hierarchy .tree .callhierarchy-element { 34 | display: flex; 35 | flex: 1; 36 | flex-flow: row nowrap; 37 | align-items: center; 38 | } 39 | 40 | .monaco-workbench .call-hierarchy .tree .callhierarchy-element .monaco-icon-label { 41 | padding-left: 4px; 42 | } 43 | 44 | .monaco-editor .call-hierarchy .tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { 45 | background-color: var(--vscode-peekViewResult-selectionBackground); 46 | color: var(--vscode-peekViewResult-selectionForeground) !important; 47 | } 48 | 49 | .monaco-editor .call-hierarchy .call-decoration { 50 | background-color: var(--vscode-peekViewEditor-matchHighlightBackground); 51 | border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder); 52 | box-sizing: border-box; 53 | } 54 | 55 | .monaco-editor .call-hierarchy .editor .monaco-editor .monaco-editor-background, 56 | .monaco-editor .call-hierarchy .editor .monaco-editor .inputarea.ime-input { 57 | background-color: var(--vscode-peekViewEditor-background); 58 | } 59 | 60 | .monaco-editor .call-hierarchy .editor .monaco-editor .margin { 61 | background-color: var(--vscode-peekViewEditorGutter-background); 62 | } 63 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/codeEditor/browser/accessibility/accessibility.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .accessibilityHelpWidget { 7 | padding: 10px; 8 | vertical-align: middle; 9 | overflow: auto; 10 | background-color: var(--vscode-editorWidget-background); 11 | color: var(--vscode-editorWidget-foreground); 12 | box-shadow: 0 2px 8px var(--vscode-widget-shadow); 13 | border: 2px solid var(--vscode-contrastBorder); 14 | } 15 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/codeEditor/browser/inspectEditorTokens/inspectEditorTokens.css: -------------------------------------------------------------------------------- 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 | .token-inspect-widget { 7 | z-index: 50; 8 | user-select: text; 9 | -webkit-user-select: text; 10 | padding: 10px; 11 | border: 1px solid var(--vscode-editorHoverWidget-border); 12 | } 13 | .hc-black .tokens-inspect-widget, .hc-light .tokens-inspect-widget { 14 | border-width: 2px; 15 | } 16 | 17 | .monaco-editor .token-inspect-widget { 18 | background-color: var(--vscode-editorHoverWidget-background); 19 | } 20 | 21 | .monaco-editor .token-inspect-widget .tiw-metadata-separator { 22 | background-color: var(--vscode-editorHoverWidget-border) 23 | } 24 | 25 | .tiw-token { 26 | font-family: var(--monaco-monospace-font); 27 | } 28 | 29 | .tiw-metadata-separator { 30 | height: 1px; 31 | border: 0; 32 | } 33 | 34 | .tiw-token-length { 35 | font-weight: normal; 36 | font-size: 60%; 37 | float: right; 38 | } 39 | 40 | .tiw-metadata-table { 41 | width: 100%; 42 | } 43 | 44 | .tiw-metadata-value { 45 | font-family: var(--monaco-monospace-font); 46 | word-break: break-word; 47 | } 48 | 49 | .tiw-metadata-values { 50 | list-style: none; 51 | max-height: 300px; 52 | overflow-y: auto; 53 | margin-right: -10px; 54 | padding-left: 0; 55 | } 56 | 57 | .tiw-metadata-values > .tiw-metadata-value { 58 | margin-right: 10px; 59 | } 60 | 61 | .tiw-metadata-key { 62 | width: 1px; 63 | min-width: 150px; 64 | padding-right: 10px; 65 | white-space: nowrap; 66 | vertical-align: top; 67 | } 68 | 69 | .tiw-metadata-semantic { 70 | font-style: italic; 71 | } 72 | 73 | .tiw-metadata-scopes { 74 | line-height: normal; 75 | } 76 | 77 | .tiw-theme-selector { 78 | font-family: var(--monaco-monospace-font); 79 | } 80 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/codeEditor/browser/outline/documentSymbolsTree.css: -------------------------------------------------------------------------------- 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 | .monaco-list .monaco-list-row.focused.selected .outline-element .monaco-highlighted-label, 7 | .monaco-list .monaco-list-row.focused.selected .outline-element-decoration { 8 | /* make sure selection color wins when a label is being selected */ 9 | color: inherit !important; 10 | } 11 | 12 | .monaco-list .outline-element { 13 | display: flex; 14 | flex: 1; 15 | flex-flow: row nowrap; 16 | align-items: center; 17 | } 18 | 19 | .monaco-list .outline-element .monaco-highlighted-label { 20 | color: var(--outline-element-color); 21 | } 22 | 23 | .monaco-breadcrumbs .outline-element .outline-element-decoration, 24 | .monaco-list .outline-element .outline-element-decoration { 25 | opacity: 0.75; 26 | font-size: 90%; 27 | font-weight: 600; 28 | padding: 0 12px 0 5px; 29 | margin-left: auto; 30 | text-align: center; 31 | color: var(--outline-element-color); 32 | } 33 | 34 | /* when showing in breadcrumbs than hide a few things, like markers or descriptions */ 35 | .monaco-breadcrumbs .outline-element .monaco-icon-label-container .monaco-icon-description-container, 36 | .monaco-breadcrumbs .outline-element .outline-element-decoration { 37 | display: none; 38 | } 39 | 40 | .monaco-list .outline-element .outline-element-decoration.bubble { 41 | font-family: codicon; 42 | font-size: 14px; 43 | opacity: 0.4; 44 | padding-right: 8px; 45 | } 46 | 47 | .monaco-list .outline-element .outline-element-icon { 48 | margin-right: 4px; 49 | } 50 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/codeEditor/browser/suggestEnabledInput/suggestEnabledInput.css: -------------------------------------------------------------------------------- 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 | .suggest-input-container { 7 | padding: 2px 6px; 8 | border-radius: 2px; 9 | } 10 | 11 | .suggest-input-container .monaco-editor-background, 12 | .suggest-input-container .monaco-editor, 13 | .suggest-input-container .mtk1 { 14 | color: inherit; 15 | } 16 | 17 | .suggest-input-container .suggest-input-placeholder { 18 | position: absolute; 19 | z-index: 1; 20 | overflow: hidden; 21 | white-space: nowrap; 22 | text-overflow: ellipsis; 23 | pointer-events: none; 24 | margin-top: 1px; 25 | } 26 | 27 | .suggest-input-container .monaco-editor, 28 | .suggest-input-container .monaco-editor .lines-content { 29 | background: none; 30 | } 31 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/codeEditor/browser/untitledTextEditorHint/untitledTextEditorHint.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .contentWidgets .untitled-hint { 7 | color: var(--vscode-input-placeholderForeground); 8 | } 9 | 10 | .monaco-editor .contentWidgets .untitled-hint a { 11 | color: var(--vscode-textLink-foreground) 12 | } 13 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/customEditor/browser/media/customEditor.css: -------------------------------------------------------------------------------- 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 | .webview.modified { 7 | box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow); 8 | } 9 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/debug/browser/media/breakpointWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget { 7 | display: flex; 8 | border-color: #007ACC; 9 | } 10 | 11 | .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container { 12 | display: flex; 13 | justify-content: center; 14 | flex-direction: column; 15 | padding: 0 10px; 16 | flex-shrink: 0; 17 | } 18 | 19 | .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container .monaco-select-box { 20 | min-width: 100px; 21 | min-height: 18px; 22 | padding: 2px 20px 2px 8px; 23 | } 24 | 25 | .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container:after { 26 | right: 14px; 27 | } 28 | 29 | .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .inputContainer { 30 | flex: 1; 31 | } 32 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/debug/browser/media/callStackEditorContribution.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .view-overlays .debug-top-stack-frame-line { 7 | background-color: var(--vscode-editor-stackFrameHighlightBackground); 8 | } 9 | 10 | .monaco-editor .view-overlays .debug-focused-stack-frame-line { 11 | background-color: var(--vscode-editor-focusedStackFrameHighlightBackground); 12 | } 13 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/debug/browser/media/debugHover.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .debug-hover-widget { 7 | position: absolute; 8 | z-index: 50; 9 | animation-duration: 0.15s; 10 | animation-name: fadeIn; 11 | user-select: text; 12 | -webkit-user-select: text; 13 | word-break: break-all; 14 | white-space: pre; 15 | } 16 | 17 | .monaco-editor .debug-hover-widget .complex-value { 18 | max-width: 550px; 19 | } 20 | 21 | .monaco-editor .debug-hover-widget .complex-value .title, 22 | .monaco-editor .debug-hover-widget .complex-value .tip { 23 | padding-left: 15px; 24 | padding-right: 2px; 25 | font-size: 11px; 26 | line-height: 18px; 27 | word-break: normal; 28 | text-overflow: ellipsis; 29 | height: 18px; 30 | overflow: hidden; 31 | white-space: pre; 32 | } 33 | 34 | .monaco-editor .debug-hover-widget .complex-value .title { 35 | border-bottom: 1px solid rgba(128, 128, 128, 0.35); 36 | } 37 | 38 | .monaco-editor .debug-hover-widget .complex-value .tip { 39 | border-top: 1px solid rgba(128, 128, 128, 0.35); 40 | opacity: 0.5; 41 | } 42 | 43 | .monaco-editor .debug-hover-widget .debug-hover-tree { 44 | line-height: 18px; 45 | cursor: pointer; 46 | } 47 | 48 | .monaco-editor .debug-hover-widget .debug-hover-tree .monaco-list-row .monaco-tl-contents { 49 | user-select: text; 50 | -webkit-user-select: text; 51 | white-space: pre; 52 | } 53 | 54 | /* Disable tree highlight in debug hover tree. */ 55 | .monaco-editor .debug-hover-widget .debug-hover-tree .monaco-list-rows .monaco-list-row:hover:not(.highlighted):not(.selected):not(.focused) { 56 | background-color: inherit; 57 | } 58 | 59 | .monaco-editor .debug-hover-widget pre { 60 | margin-top: 0; 61 | margin-bottom: 0; 62 | } 63 | 64 | .monaco-editor .debugHoverHighlight { 65 | background-color: rgba(173, 214, 255, 0.15); 66 | } 67 | 68 | .monaco-editor .debug-hover-widget > .monaco-scrollable-element > .value { 69 | color: rgba(108, 108, 108, 0.8); 70 | overflow: auto; 71 | font-family: var(--monaco-monospace-font); 72 | max-height: 500px; 73 | padding: 4px 5px; 74 | white-space: pre-wrap; 75 | } 76 | 77 | .monaco-editor.vs-dark .debugHoverHighlight, 78 | .monaco-editor.hc-theme .debugHoverHighlight { 79 | background-color: rgba(38, 79, 120, 0.25); 80 | } 81 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/debug/browser/media/debugToolBar.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .debug-toolbar { 7 | position: absolute; 8 | z-index: 39; 9 | height: 32px; 10 | display: flex; 11 | padding-left: 7px; 12 | border-radius: 4px; 13 | } 14 | 15 | .monaco-workbench .debug-toolbar .monaco-action-bar .action-item { 16 | margin-right: 4px; 17 | } 18 | 19 | .monaco-workbench .debug-toolbar .monaco-action-bar .action-item.select-container { 20 | margin-right: 7px; 21 | } 22 | 23 | .monaco-workbench .debug-toolbar .monaco-action-bar .action-item.select-container .monaco-select-box, 24 | .monaco-workbench .start-debug-action-item .select-container .monaco-select-box { 25 | padding: 0 22px 0 6px; 26 | } 27 | 28 | .monaco-workbench .debug-toolbar .drag-area { 29 | cursor: grab; 30 | width: 16px; 31 | opacity: 0.5; 32 | display: flex; 33 | align-items: center; 34 | justify-content: center; 35 | } 36 | 37 | .monaco-workbench .debug-toolbar .drag-area.dragged { 38 | cursor: grabbing; 39 | } 40 | 41 | .monaco-workbench .debug-toolbar .monaco-action-bar .action-item .action-label { 42 | margin-right: 0; 43 | background-size: 16px; 44 | background-position: center center; 45 | background-repeat: no-repeat; 46 | display: flex; 47 | align-items: center; 48 | justify-content: center; 49 | } 50 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/debug/browser/media/exceptionWidget.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .zone-widget.exception-widget-container { 7 | overflow: hidden; 8 | } 9 | 10 | .monaco-editor .zone-widget .zone-widget-container.exception-widget { 11 | padding: 6px 10px; 12 | white-space: pre-wrap; 13 | user-select: text; 14 | -webkit-user-select: text; 15 | } 16 | 17 | .monaco-editor .zone-widget .zone-widget-container.exception-widget .title { 18 | display: flex; 19 | } 20 | 21 | .monaco-editor .zone-widget .zone-widget-container.exception-widget .title .label { 22 | font-weight: bold; 23 | display: flex; 24 | align-items: center; 25 | } 26 | 27 | .monaco-editor .zone-widget .zone-widget-container.exception-widget .title .actions { 28 | flex: 1; 29 | } 30 | 31 | .monaco-editor .zone-widget .zone-widget-container.exception-widget .description, 32 | .monaco-editor .zone-widget .zone-widget-container.exception-widget .stack-trace { 33 | font-family: var(--monaco-monospace-font); 34 | } 35 | 36 | .monaco-editor .zone-widget .zone-widget-container.exception-widget .stack-trace { 37 | margin-top: 0.5em; 38 | } 39 | 40 | .monaco-editor .zone-widget .zone-widget-container.exception-widget .stack-trace a { 41 | text-decoration: underline; 42 | cursor: pointer; 43 | } 44 | 45 | .monaco-workbench.mac .zone-widget .zone-widget-container.exception-widget { 46 | font-size: 11px; 47 | } 48 | 49 | .monaco-workbench.windows .zone-widget .zone-widget-container.exception-widget, 50 | .monaco-workbench.linux .zone-widget .zone-widget-container.exception-widget { 51 | font-size: 13px; 52 | } 53 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/extensions/browser/media/extensionsWidgets.css: -------------------------------------------------------------------------------- 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 | .extension-sync-ignored.hide { 7 | display: none; 8 | } 9 | 10 | .extension-ratings { 11 | display: inline-block; 12 | } 13 | 14 | .extension-ratings.small { 15 | font-size: 80%; 16 | } 17 | 18 | .extension-ratings > .codicon[class*='codicon-extensions-rating']:not(:first-child) { 19 | margin-left: 3px; 20 | } 21 | 22 | .extension-ratings > .count { 23 | margin-left: 6px; 24 | } 25 | 26 | .extension-ratings.small > .count { 27 | margin-left: 0; 28 | } 29 | 30 | .extension-ratings .codicon-extensions-star-empty { 31 | opacity: .75; 32 | } 33 | 34 | .extension-verified-publisher { 35 | display: flex; 36 | align-items: center; 37 | } 38 | 39 | .extension-verified-publisher > .extension-verified-publisher-domain { 40 | padding-left: 2px; 41 | color: var(--vscode-extensionIcon-verifiedForeground); 42 | } 43 | 44 | .extension-bookmark { 45 | display: inline-block; 46 | height: 20px; 47 | width: 20px; 48 | } 49 | 50 | .extension-bookmark > .recommendation, 51 | .extension-bookmark > .pre-release { 52 | border-right: 20px solid transparent; 53 | border-top: 20px solid; 54 | box-sizing: border-box; 55 | position: relative; 56 | } 57 | 58 | .extension-bookmark > .pre-release { 59 | border-top-color: var(--vscode-extensionIcon-preReleaseForeground); 60 | color: #ffffff; 61 | } 62 | 63 | .extension-bookmark > .recommendation > .codicon, 64 | .extension-bookmark > .pre-release > .codicon { 65 | position: absolute; 66 | bottom: 9px; 67 | left: 1px; 68 | color: inherit; 69 | font-size: 80%; 70 | } 71 | 72 | .extension-bookmark .recommendation { 73 | border-top-color: var(--vscode-extensionButton-prominentBackground); 74 | color: var(--vscode-extensionButton-prominentForeground); 75 | } 76 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/extensions/browser/media/runtimeExtensionsEditor.css: -------------------------------------------------------------------------------- 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 | .runtime-extensions-editor .monaco-list .monaco-list-rows > .monaco-list-row.odd:not(:hover):not(.focused) { 7 | background-color: rgba(130, 130, 130, 0.08); 8 | } 9 | 10 | .runtime-extensions-editor .extension { 11 | display: flex; 12 | padding-left: 20px; 13 | padding-right: 20px; 14 | } 15 | 16 | .runtime-extensions-editor .extension .desc { 17 | flex: 1; 18 | padding: 4px 0; 19 | } 20 | 21 | .runtime-extensions-editor .extension .desc .name { 22 | font-weight: bold; 23 | } 24 | 25 | .runtime-extensions-editor .extension .desc .msg .codicon { 26 | vertical-align: middle; 27 | } 28 | 29 | .runtime-extensions-editor .extension .time { 30 | padding: 4px; 31 | text-align: right; 32 | } 33 | 34 | .runtime-extensions-editor .extension .desc>.msg>span:not(:last-child)::after { 35 | content: '\2022'; 36 | padding: 0 4px; 37 | opacity: .8; 38 | } 39 | 40 | .runtime-extensions-editor .monaco-action-bar { 41 | height: unset; 42 | } 43 | 44 | .runtime-extensions-editor .monaco-action-bar .actions-container { 45 | justify-content: left; 46 | } 47 | 48 | .runtime-extensions-editor .extension > .icon-container { 49 | position: relative; 50 | } 51 | 52 | .runtime-extensions-editor .extension > .icon-container > .icon { 53 | width: 42px; 54 | height: 42px; 55 | padding: 10px 14px 10px 0; 56 | flex-shrink: 0; 57 | object-fit: contain; 58 | } 59 | 60 | .runtime-extensions-editor .extension > .icon-container .extension-remote-badge .codicon { 61 | color: currentColor; 62 | } 63 | 64 | .runtime-extensions-editor .extension > .desc > .header-container { 65 | display: flex; 66 | overflow: hidden; 67 | } 68 | 69 | .runtime-extensions-editor .extension > .desc > .header-container > .header { 70 | display: flex; 71 | align-items: baseline; 72 | flex-wrap: nowrap; 73 | overflow: hidden; 74 | flex: 1; 75 | min-width: 0; 76 | } 77 | 78 | .runtime-extensions-editor .extension > .desc > .header-container > .header > .name { 79 | font-weight: bold; 80 | white-space: nowrap; 81 | text-overflow: ellipsis; 82 | overflow: hidden; 83 | } 84 | 85 | .runtime-extensions-editor .extension > .desc > .header-container > .header > .version { 86 | opacity: 0.85; 87 | font-size: 80%; 88 | padding-left: 6px; 89 | min-width: fit-content; 90 | } 91 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/interactive/browser/interactiveEditor.css: -------------------------------------------------------------------------------- 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 | .interactive-editor .input-cell-container:focus-within .input-editor-container .monaco-editor { 7 | outline: solid 1px var(--vscode-notebook-focusedCellBorder); 8 | } 9 | 10 | .interactive-editor .input-cell-container .input-editor-container .monaco-editor { 11 | outline: solid 1px var(--vscode-notebook-inactiveFocusedCellBorder); 12 | } 13 | 14 | .interactive-editor .input-cell-container .input-focus-indicator { 15 | top: 8px; 16 | } 17 | 18 | .interactive-editor .input-cell-container .monaco-editor-background, 19 | .interactive-editor .input-cell-container .margin-view-overlays { 20 | background-color: var(--vscode-notebook-cellEditorBackground, --vscode-editor-background); 21 | } 22 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/interactive/browser/media/interactive.css: -------------------------------------------------------------------------------- 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 | .interactive-editor .input-cell-container { 7 | box-sizing: border-box; 8 | } 9 | 10 | .interactive-editor .input-cell-container .input-focus-indicator { 11 | position: absolute; 12 | left: 0px; 13 | height: 19px; 14 | } 15 | 16 | .interactive-editor .input-cell-container .input-focus-indicator::before { 17 | border-left: 3px solid transparent; 18 | border-radius: 2px; 19 | margin-left: 4px; 20 | content: ""; 21 | position: absolute; 22 | width: 0px; 23 | height: 100%; 24 | z-index: 10; 25 | left: 0px; 26 | top: 0px; 27 | height: 100%; 28 | } 29 | 30 | .interactive-editor .input-cell-container .run-button-container { 31 | position: absolute; 32 | } 33 | 34 | .interactive-editor .input-cell-container .run-button-container .monaco-toolbar .actions-container { 35 | justify-content: center; 36 | } 37 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/markers/browser/markersViewActions.css: -------------------------------------------------------------------------------- 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 | .markers-panel-action-filter > .markers-panel-filter-controls > .monaco-action-bar .action-label.markers-filters.checked { 7 | border-color: var(--vscode-inputOption-activeBorder); 8 | color: var(--vscode-inputOption-activeForeground); 9 | background-color: var(--vscode-inputOption-activeBackground); 10 | } 11 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/notebook/browser/contrib/find/media/notebookFind.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .notebookOverlay.notebook-editor.find-hide-transition { 7 | overflow-y: hidden; 8 | } 9 | 10 | .monaco-workbench .notebookOverlay.notebook-editor.find-show-transition { 11 | overflow-y: hidden; 12 | } 13 | 14 | .monaco-workbench .notebookOverlay.notebook-editor .simple-fr-find-part-wrapper .matchesCount { 15 | text-align: center; 16 | text-overflow: ellipsis; 17 | overflow: hidden; 18 | white-space: nowrap; 19 | padding: 0 2px; 20 | box-sizing: border-box; 21 | } 22 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/notebook/browser/contrib/outline/notebookOutline.css: -------------------------------------------------------------------------------- 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 | .monaco-list .notebook-outline-element { 7 | display: flex; 8 | flex: 1; 9 | flex-flow: row nowrap; 10 | align-items: center; 11 | } 12 | 13 | .monaco-list .notebook-outline-element > .element-icon.file-icon { 14 | height: 100%; 15 | } 16 | 17 | .monaco-breadcrumbs > .notebook-outline-element > .element-icon.file-icon { 18 | height: 18px; 19 | } 20 | .monaco-list .notebook-outline-element .monaco-highlighted-label { 21 | color: var(--outline-element-color); 22 | } 23 | 24 | .monaco-breadcrumbs .notebook-outline-element .element-decoration, 25 | .monaco-list .notebook-outline-element > .element-decoration { 26 | opacity: 0.75; 27 | font-size: 90%; 28 | font-weight: 600; 29 | padding: 0 12px 0 5px; 30 | margin-left: auto; 31 | text-align: center; 32 | color: var(--outline-element-color); 33 | } 34 | 35 | .monaco-list .notebook-outline-element > .element-decoration.bubble { 36 | font-family: codicon; 37 | font-size: 14px; 38 | opacity: 0.4; 39 | padding-right: 8px; 40 | } 41 | 42 | .monaco-breadcrumbs .notebook-outline-element .element-decoration { 43 | /* Don't show markers inline with breadcrumbs */ 44 | display: none; 45 | } 46 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/notebook/browser/media/notebookCellStatusBar.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .notebookOverlay .cell-statusbar-container { 7 | height: 22px; 8 | font-size: 12px; 9 | display: flex; 10 | position: relative; 11 | overflow: hidden; 12 | } 13 | 14 | .monaco-workbench .notebookOverlay .cell-statusbar-hidden .cell-statusbar-container { 15 | display: none; 16 | } 17 | 18 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-left { 19 | display: flex; 20 | flex-grow: 1; 21 | } 22 | 23 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-left, 24 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-right { 25 | display: flex; 26 | z-index: var(--z-index-notebook-cell-status); 27 | } 28 | 29 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-right .cell-contributed-items { 30 | justify-content: flex-end; 31 | } 32 | 33 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-contributed-items { 34 | display: flex; 35 | flex-wrap: wrap; 36 | overflow: hidden; 37 | } 38 | 39 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-item { 40 | display: flex; 41 | align-items: center; 42 | white-space: pre; 43 | 44 | height: 21px; /* Editor outline is -1px in, don't overlap */ 45 | margin: 0px 3px; 46 | padding: 0px 3px; 47 | overflow: hidden; 48 | text-overflow: clip; 49 | } 50 | 51 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-item.cell-status-item-has-command { 52 | cursor: pointer; 53 | } 54 | 55 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-left > .cell-contributed-items { 56 | margin-left: 10px; 57 | } 58 | 59 | .monaco-workbench .notebookOverlay .cell-statusbar-container .codicon { 60 | font-size: 14px; 61 | color: unset; /* Inherit from parent cell-status-item */ 62 | } 63 | 64 | .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-item-show-when-active { 65 | display: none; 66 | } 67 | 68 | .monaco-workbench .notebookOverlay .cell-statusbar-container.is-active-cell .cell-status-item-show-when-active { 69 | display: initial; 70 | } 71 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/notebook/browser/media/notebookFolding.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded { 7 | opacity: 0; 8 | } 9 | 10 | .monaco-workbench:not(.reduce-motion) .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded { 11 | transition: opacity 0.1 s; 12 | } 13 | 14 | .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .markdown-cell-hover .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded { 15 | opacity: 1; 16 | } 17 | 18 | .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.focused .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded, 19 | .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:hover .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded { 20 | opacity: 1; 21 | } 22 | 23 | .monaco-workbench .notebookOverlay > .cell-list-container .notebook-folding-indicator { 24 | height: 20px; 25 | width: 20px; 26 | 27 | position: absolute; 28 | top: 10px; 29 | left: 6px; 30 | display: flex; 31 | justify-content: center; 32 | align-items: center; 33 | z-index: var(--z-index-notebook-folding-indicator); 34 | } 35 | 36 | .monaco-workbench .notebookOverlay > .cell-list-container .webview-backed-markdown-cell .notebook-folding-indicator { 37 | top: 8px; 38 | } 39 | 40 | .monaco-workbench .notebookOverlay > .cell-list-container .notebook-folding-indicator .codicon { 41 | visibility: visible; 42 | height: 16px; 43 | padding: 4px 4px 4px 4px; 44 | } 45 | 46 | .monaco-workbench .notebookOverlay>.cell-list-container .notebook-folded-hint { 47 | position: absolute; 48 | user-select: none; 49 | } 50 | 51 | .monaco-workbench .notebookOverlay > .cell-list-container .notebook-folded-hint-label { 52 | font-size: var(--notebook-cell-output-font-size); 53 | font-family: var(--monaco-monospace-font); 54 | font-style: italic; 55 | opacity: 0.7; 56 | } 57 | 58 | .monaco-workbench .notebookOverlay .cell-editor-container .monaco-editor .margin-view-overlays .codicon-folding-expanded, 59 | .monaco-workbench .notebookOverlay .cell-editor-container .monaco-editor .margin-view-overlays .codicon-folding-collapsed { 60 | margin-left: 0; 61 | } 62 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/notebook/browser/viewParts/notebookKernelActionViewItem.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .kernel-action-view-item { 7 | border-radius: 5px; 8 | } 9 | .monaco-workbench .kernel-action-view-item:hover { 10 | background-color: var(--vscode-toolbar-hoverBackground); 11 | } 12 | 13 | .monaco-workbench .kernel-action-view-item .action-label { 14 | display: inline-flex; 15 | } 16 | 17 | .monaco-workbench .kernel-action-view-item .kernel-label { 18 | font-size: 11px; 19 | padding: 3px 5px 3px 3px; 20 | border-radius: 5px; 21 | height: 16px; 22 | display: inline-flex; 23 | vertical-align: text-bottom; 24 | } 25 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/outline/browser/outlinePane.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .outline-pane { 7 | display: flex; 8 | flex-direction: column; 9 | } 10 | 11 | .monaco-workbench .outline-pane .outline-progress { 12 | width: 100%; 13 | height: 2px; 14 | padding-bottom: 3px; 15 | position: absolute; 16 | } 17 | 18 | .monaco-workbench .outline-pane .outline-progress .monaco-progress-container { 19 | height: 2px; 20 | } 21 | 22 | .monaco-workbench .outline-pane .outline-progress .monaco-progress-container .progress-bit { 23 | height: 2px; 24 | } 25 | 26 | .monaco-workbench .outline-pane .outline-tree { 27 | height: 100%; 28 | } 29 | 30 | .monaco-workbench .outline-pane .outline-message { 31 | display: none; 32 | padding: 10px 22px 0 22px; 33 | opacity: 0.5; 34 | position: absolute; 35 | pointer-events: none; 36 | z-index: 1; 37 | } 38 | 39 | .monaco-workbench .outline-pane.message .outline-message { 40 | display: inherit; 41 | } 42 | 43 | .monaco-workbench .outline-pane.message .outline-progress { 44 | display: none; 45 | } 46 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/preferences/browser/media/keybindings.css: -------------------------------------------------------------------------------- 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 | .defineKeybindingWidget { 7 | padding: 10px; 8 | position: absolute; 9 | } 10 | 11 | .defineKeybindingWidget .message { 12 | width: 400px; 13 | text-align: center; 14 | } 15 | 16 | .defineKeybindingWidget .monaco-inputbox, 17 | .defineKeybindingWidget .output, 18 | .defineKeybindingWidget .existing { 19 | margin-top:10px; 20 | width: 400px; 21 | display: block; 22 | text-align: center; 23 | } 24 | 25 | .defineKeybindingWidget .input { 26 | text-align: center; 27 | } 28 | 29 | .defineKeybindingWidget .output { 30 | display: flex; 31 | justify-content: center; 32 | } 33 | 34 | .defineKeybindingWidget .existing .existingText { 35 | text-decoration: underline; 36 | cursor: pointer; 37 | } 38 | 39 | .defineKeybindingWidget .output .monaco-keybinding { 40 | margin: 0px 4px; 41 | } 42 | 43 | /* Editor decorations */ 44 | .monaco-editor .keybindingInfo { 45 | box-shadow: inset 0 0 0 1px #B9B9B9; 46 | background-color: rgba(100, 100, 250, 0.2); 47 | } 48 | 49 | .monaco-editor .keybindingError { 50 | box-shadow: inset 0 0 0 1px #B9B9B9; 51 | background-color: rgba(250, 100, 100, 0.2); 52 | } 53 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/remote/browser/media/remoteViewlet.css: -------------------------------------------------------------------------------- 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 | .remote-help-content .monaco-list .monaco-list-row .remote-help-tree-node-item { 7 | display: flex; 8 | height: 22px; 9 | line-height: 22px; 10 | flex: 1; 11 | text-overflow: ellipsis; 12 | overflow: hidden; 13 | flex-wrap: nowrap; 14 | } 15 | 16 | .remote-help-content .monaco-list .monaco-list-row .remote-help-tree-node-item>.remote-help-tree-node-item-icon { 17 | background-size: 16px; 18 | background-position: left center; 19 | background-repeat: no-repeat; 20 | padding-right: 6px; 21 | padding-top: 3px; 22 | width: 16px; 23 | height: 22px; 24 | -webkit-font-smoothing: antialiased; 25 | -moz-osx-font-smoothing: grayscale; 26 | } 27 | 28 | .remote-help-content .monaco-list .monaco-list-row .monaco-tl-twistie { 29 | width: 0px !important; 30 | } 31 | 32 | .remote-help-tree-node-item-icon .monaco-icon-label-container > .monaco-icon-name-container { 33 | padding-left: 22px; 34 | } 35 | 36 | .remote-help-content .monaco-list .monaco-list-row .monaco-tl-twistie { 37 | width: 0px !important; 38 | } 39 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/search/browser/media/anythingQuickAccess.css: -------------------------------------------------------------------------------- 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 | .quick-input-list .quick-input-list-entry.has-actions:hover .quick-input-list-entry-action-bar .action-label.dirty-anything::before { 7 | content: "\ea76"; /* Close icon flips between black dot and "X" for dirty open editors */ 8 | } 9 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/terminal/browser/media/scrollbar.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .editor-instance .xterm-viewport, 7 | .monaco-workbench .pane-body.integrated-terminal .xterm-viewport { 8 | /* Use the hack presented in https://stackoverflow.com/a/38748186/1156119 to get opacity transitions working on the scrollbar */ 9 | -webkit-background-clip: text; 10 | background-clip: text; 11 | -webkit-text-fill-color: transparent; 12 | transition: background-color 800ms linear; 13 | } 14 | 15 | .monaco-workbench .editor-instance .xterm-viewport, 16 | .monaco-workbench .pane-body.integrated-terminal .xterm-viewport { 17 | scrollbar-width: thin; 18 | } 19 | 20 | .monaco-workbench .editor-instance .xterm-viewport::-webkit-scrollbar, 21 | .monaco-workbench .pane-body.integrated-terminal .xterm-viewport::-webkit-scrollbar { 22 | width: 10px; 23 | } 24 | 25 | .monaco-workbench .editor-instance .xterm-viewport::-webkit-scrollbar-track, 26 | .monaco-workbench .pane-body.integrated-terminal .xterm-viewport::-webkit-scrollbar-track { 27 | opacity: 0; 28 | } 29 | 30 | .monaco-workbench .editor-instance .xterm-viewport::-webkit-scrollbar-thumb, 31 | .monaco-workbench .pane-body.integrated-terminal .xterm-viewport::-webkit-scrollbar-thumb { 32 | min-height: 20px; 33 | background-color: inherit; 34 | } 35 | 36 | .monaco-workbench .editor-instance .force-scrollbar .xterm .xterm-viewport, 37 | .monaco-workbench .pane-body.integrated-terminal .force-scrollbar .xterm .xterm-viewport, 38 | .monaco-workbench .editor-instance .xterm.focus .xterm-viewport, 39 | .monaco-workbench .pane-body.integrated-terminal .xterm.focus .xterm-viewport, 40 | .monaco-workbench .editor-instance .xterm:focus .xterm-viewport, 41 | .monaco-workbench .pane-body.integrated-terminal .xterm:focus .xterm-viewport, 42 | .monaco-workbench .editor-instance .xterm:hover .xterm-viewport, 43 | .monaco-workbench .pane-body.integrated-terminal .xterm:hover .xterm-viewport { 44 | transition: opacity 100ms linear; 45 | cursor: default; 46 | } 47 | 48 | .monaco-workbench .editor-instance .xterm .xterm-viewport::-webkit-scrollbar-thumb:hover, 49 | .monaco-workbench .pane-body.integrated-terminal .xterm .xterm-viewport::-webkit-scrollbar-thumb:hover { 50 | transition: opacity 0ms linear; 51 | } 52 | 53 | .monaco-workbench .editor-instance .xterm .xterm-viewport::-webkit-scrollbar-thumb:window-inactive, 54 | .monaco-workbench .pane-body.integrated-terminal .xterm .xterm-viewport::-webkit-scrollbar-thumb:window-inactive { 55 | background-color: inherit; 56 | } 57 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/terminal/browser/media/widgets.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .terminal-widget-container { 7 | position: absolute; 8 | left: 0; 9 | bottom: 0; 10 | right: 0; 11 | top: 0; 12 | overflow: visible; 13 | } 14 | 15 | .monaco-workbench .terminal-overlay-widget { 16 | position: absolute; 17 | left: 0; 18 | bottom: 0; 19 | color: #3794ff; 20 | } 21 | 22 | .monaco-workbench .terminal-hover-target { 23 | position: absolute; 24 | z-index: 33; 25 | } 26 | 27 | .monaco-workbench .terminal-env-var-info { 28 | position: absolute; 29 | right: 10px; /* room for scroll bar */ 30 | top: 0; 31 | width: 28px; 32 | height: 28px; 33 | text-align: center; 34 | z-index: 32; 35 | opacity: 0.5; 36 | } 37 | 38 | .monaco-workbench .terminal-env-var-info:hover, 39 | .monaco-workbench .terminal-env-var-info.requires-action { 40 | opacity: 1; 41 | } 42 | 43 | .monaco-workbench .terminal-env-var-info.codicon { 44 | line-height: 28px; 45 | } 46 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/testing/browser/testingOutputPeek.css: -------------------------------------------------------------------------------- 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 | .monaco-editor .test-output-peek .test-output-peek-tree { 7 | background-color: var(--vscode-peekViewResult-background); 8 | color: var(--vscode-peekViewResult-lineForeground); 9 | } 10 | 11 | .monaco-editor .test-output-peek .test-output-peek-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { 12 | background-color: var(--vscode-peekViewResult-selectionBackground); 13 | color: var(--vscode-peekViewResult-selectionForeground) !important; 14 | } 15 | 16 | .monaco-editor .test-output-peek .test-output-peek-message-container a { 17 | color: var(--vscode-textLink-foreground); 18 | } 19 | 20 | .monaco-editor .test-output-peek .test-output-peek-message-container a :hover { 21 | color: var(--vscode-textLink-activeForeground); 22 | } 23 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/timeline/browser/media/timelinePane.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .timeline-tree-view { 7 | position: relative; 8 | } 9 | 10 | .monaco-workbench .timeline-tree-view .message.timeline-subtle { 11 | opacity: 0.5; 12 | padding: 10px 22px 0 22px; 13 | position: absolute; 14 | pointer-events: none; 15 | z-index: 1; 16 | } 17 | 18 | .timeline-tree-view .monaco-list .monaco-list-row .custom-view-tree-node-item .monaco-icon-label { 19 | flex: 1; 20 | text-overflow: ellipsis; 21 | overflow: hidden; 22 | } 23 | 24 | .timeline-tree-view .monaco-list .monaco-list-row .custom-view-tree-node-item .timeline-timestamp-container { 25 | margin-left: 2px; 26 | margin-right: 4px; 27 | opacity: 0.5; 28 | overflow: hidden; 29 | text-overflow: ellipsis; 30 | } 31 | 32 | .timeline-tree-view .monaco-list .monaco-list-row .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate::before { 33 | content: ' '; 34 | position: absolute; 35 | right: 10px; 36 | border-right: 1px solid currentColor; 37 | display: block; 38 | height: 100%; 39 | width: 1px; 40 | opacity: 0.25; 41 | } 42 | 43 | .timeline-tree-view .monaco-list .monaco-list-row:hover .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate::before, 44 | .timeline-tree-view .monaco-list .monaco-list-row.selected .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate::before, 45 | .timeline-tree-view .monaco-list .monaco-list-row.focused .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate::before { 46 | display: none; 47 | } 48 | 49 | .timeline-tree-view .monaco-list .monaco-list-row .custom-view-tree-node-item .timeline-timestamp-container .timeline-timestamp { 50 | display: inline-block; 51 | } 52 | 53 | .timeline-tree-view .monaco-list .monaco-list-row .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate .timeline-timestamp { 54 | visibility: hidden; 55 | width: 10px; 56 | } 57 | 58 | .timeline-tree-view .monaco-list .monaco-list-row:hover .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate .timeline-timestamp, 59 | .timeline-tree-view .monaco-list .monaco-list-row.selected .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate .timeline-timestamp, 60 | .timeline-tree-view .monaco-list .monaco-list-row.focused .custom-view-tree-node-item .timeline-timestamp-container.timeline-timestamp--duplicate .timeline-timestamp { 61 | visibility: visible !important; 62 | width: initial; 63 | } 64 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/typeHierarchy/browser/media/typeHierarchy.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .type-hierarchy .results, 7 | .monaco-workbench .type-hierarchy .message { 8 | display: none; 9 | } 10 | 11 | .monaco-workbench .type-hierarchy[data-state="data"] .results { 12 | display: inherit; 13 | height: 100%; 14 | } 15 | 16 | .monaco-workbench .type-hierarchy[data-state="message"] .message { 17 | display: flex; 18 | align-items: center; 19 | justify-content: center; 20 | height: 100%; 21 | } 22 | 23 | .monaco-workbench .type-hierarchy .editor, 24 | .monaco-workbench .type-hierarchy .tree { 25 | height: 100%; 26 | } 27 | 28 | .monaco-editor .type-hierarchy .tree { 29 | background-color: var(--vscode-peekViewResult-background); 30 | color: var(--vscode-peekViewResult-fileForeground); 31 | } 32 | 33 | .monaco-editor .type-hierarchy .tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { 34 | background-color: var(--vscode-peekViewResult-selectionBackground); 35 | color: var(--vscode-peekViewResult-selectionForeground) !important; 36 | } 37 | 38 | .monaco-workbench .type-hierarchy .tree .typehierarchy-element { 39 | display: flex; 40 | flex: 1; 41 | flex-flow: row nowrap; 42 | align-items: center; 43 | } 44 | 45 | .monaco-workbench .type-hierarchy .tree .typehierarchy-element .monaco-icon-label { 46 | padding-left: 4px; 47 | } 48 | 49 | .monaco-editor .type-hierarchy .type-decoration { 50 | background-color: var(--vscode-peekViewEditor-matchHighlightBackground); 51 | border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder); 52 | box-sizing: border-box; 53 | } 54 | 55 | .monaco-editor .type-hierarchy .editor .monaco-editor .monaco-editor-background, 56 | .monaco-editor .type-hierarchy .editor .monaco-editor .inputarea.ime-input { 57 | background-color: var(--vscode-peekViewEditor-background); 58 | } 59 | 60 | .monaco-editor .type-hierarchy .editor .monaco-editor .margin { 61 | background-color: var(--vscode-peekViewEditorGutter-background); 62 | } 63 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/update/browser/media/releasenoteseditor.css: -------------------------------------------------------------------------------- 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 | .file-icons-enabled .show-file-icons .webview-vs_code_release_notes-name-file-icon.file-icon::before { 7 | content: ' '; 8 | background-image: url('../../../../browser/media/code-icon.svg'); 9 | } 10 | -------------------------------------------------------------------------------- /src/vs/workbench/contrib/welcomeDialog/browser/media/welcomeDialog.css: -------------------------------------------------------------------------------- 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 | .monaco-dialog-box { 6 | border-radius: 6px; 7 | } 8 | 9 | .monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-text { 10 | font-size: 25px; 11 | min-width: max-content; 12 | } 13 | 14 | #monaco-dialog-message-body > div > p > .codicon[class*='codicon-']::before{ 15 | padding-right: 8px; 16 | max-width: 30px; 17 | max-height: 30px; 18 | position: relative; 19 | top: auto; 20 | color: var(--vscode-textLink-foreground); 21 | padding-right: 20px; 22 | font-size: 25px; 23 | } 24 | 25 | #monaco-dialog-message-body > .message-body > p { 26 | display: flex; 27 | font-size: 16px; 28 | background: var(--vscode-welcomePage-tileHoverBackground); 29 | border-radius: 6px; 30 | padding: 20px; 31 | min-height: auto; 32 | word-wrap: break-word; 33 | overflow-wrap:break-word; 34 | } 35 | 36 | #monaco-dialog-message-body > .link > p { 37 | font-size: 16px; 38 | } 39 | -------------------------------------------------------------------------------- /src/vs/workbench/electron-sandbox/actions/media/actions.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .quick-input-list .quick-input-list-entry.has-actions:hover .quick-input-list-entry-action-bar .action-label.dirty-window::before { 7 | content: "\ea76"; /* Close icon flips between black dot and "X" for dirty windows */ 8 | } 9 | -------------------------------------------------------------------------------- /src/vs/workbench/services/progress/browser/media/progressService.css: -------------------------------------------------------------------------------- 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 | .monaco-workbench .progress-badge > .badge-content::before { 7 | mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMiAyIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIgMiAxNCAxNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTZjLTMuODYgMC03LTMuMTQtNy03czMuMTQtNyA3LTdjMy44NTkgMCA3IDMuMTQxIDcgN3MtMy4xNDEgNy03IDd6bTAtMTIuNmMtMy4wODggMC01LjYgMi41MTMtNS42IDUuNnMyLjUxMiA1LjYgNS42IDUuNiA1LjYtMi41MTIgNS42LTUuNi0yLjUxMi01LjYtNS42LTUuNnptMy44NiA3LjFsLTMuMTYtMS44OTZ2LTMuODA0aC0xLjR2NC41OTZsMy44NCAyLjMwNS43Mi0xLjIwMXoiLz48L3N2Zz4="); 8 | -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMiAyIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIgMiAxNCAxNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTZjLTMuODYgMC03LTMuMTQtNy03czMuMTQtNyA3LTdjMy44NTkgMCA3IDMuMTQxIDcgN3MtMy4xNDEgNy03IDd6bTAtMTIuNmMtMy4wODggMC01LjYgMi41MTMtNS42IDUuNnMyLjUxMiA1LjYgNS42IDUuNiA1LjYtMi41MTIgNS42LTUuNi0yLjUxMi01LjYtNS42LTUuNnptMy44NiA3LjFsLTMuMTYtMS44OTZ2LTMuODA0aC0xLjR2NC41OTZsMy44NCAyLjMwNS43Mi0xLjIwMXoiLz48L3N2Zz4="); 9 | width: 14px; 10 | height: 14px; 11 | position: absolute; 12 | top: 0; 13 | right: 0; 14 | bottom: 0; 15 | left: 0; 16 | margin: auto; 17 | background-color: currentColor; 18 | content: ''; 19 | } 20 | -------------------------------------------------------------------------------- /src/vs/workbench/services/search/test/node/fixtures/site.css: -------------------------------------------------------------------------------- 1 | /*---------------------------------------------------------- 2 | The base color for this template is #5c87b2. If you'd like 3 | to use a different color start by replacing all instances of 4 | #5c87b2 with your new color. 5 | ----------------------------------------------------------*/ 6 | body 7 | { 8 | background-color: #5c87b2; 9 | font-size: .75em; 10 | font-family: Segoe UI, Verdana, Helvetica, Sans-Serif; 11 | margin: 8px; 12 | padding: 0; 13 | color: #696969; 14 | } 15 | 16 | h1, h2, h3, h4, h5, h6 17 | { 18 | color: #000; 19 | font-size: 40px; 20 | margin: 0px; 21 | } 22 | 23 | textarea 24 | { 25 | font-family: Consolas 26 | } 27 | 28 | #results 29 | { 30 | margin-top: 2em; 31 | margin-left: 2em; 32 | color: black; 33 | font-size: medium; 34 | } 35 | 36 | -------------------------------------------------------------------------------- /src/vs/workbench/services/search/test/node/fixtures/some_utf16be.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wroyca/libadwaita-vscode-theme/f776c978419ea561c92b6dc5e7876e988cd18c7f/src/vs/workbench/services/search/test/node/fixtures/some_utf16be.css -------------------------------------------------------------------------------- /src/vs/workbench/services/search/test/node/fixtures/some_utf16le.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wroyca/libadwaita-vscode-theme/f776c978419ea561c92b6dc5e7876e988cd18c7f/src/vs/workbench/services/search/test/node/fixtures/some_utf16le.css -------------------------------------------------------------------------------- /src/vs/workbench/services/textfile/test/node/encoding/fixtures/some_ansi.css: -------------------------------------------------------------------------------- 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 | /*---------------------------------------------------------- 7 | The base color for this template is #5c87b2. If you'd like 8 | to use a different color start by replacing all instances of 9 | #5c87b2 with your new color. 10 | ----------------------------------------------------------*/ 11 | body 12 | { 13 | background-color: #5c87b2; 14 | font-size: .75em; 15 | font-family: Segoe UI, Verdana, Helvetica, Sans-Serif; 16 | margin: 8px; 17 | padding: 0; 18 | color: #696969; 19 | } 20 | 21 | h1, h2, h3, h4, h5, h6 22 | { 23 | color: #000; 24 | font-size: 40px; 25 | margin: 0px; 26 | } 27 | 28 | textarea 29 | { 30 | font-family: Consolas 31 | } 32 | 33 | #results 34 | { 35 | margin-top: 2em; 36 | margin-left: 2em; 37 | color: black; 38 | font-size: medium; 39 | } 40 | 41 | -------------------------------------------------------------------------------- /src/vs/workbench/services/textfile/test/node/encoding/fixtures/some_file.css: -------------------------------------------------------------------------------- 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 | /*---------------------------------------------------------- 7 | The base color for this template is #5c87b2. If you'd like 8 | to use a different color start by replacing all instances of 9 | #5c87b2 with your new color. 10 | 11 | öäüßßß 12 | ----------------------------------------------------------*/ 13 | body 14 | { 15 | background-color: #5c87b2; 16 | font-size: .75em; 17 | font-family: Segoe UI, Verdana, Helvetica, Sans-Serif; 18 | margin: 8px; 19 | padding: 0; 20 | color: #696969; 21 | } 22 | 23 | h1, h2, h3, h4, h5, h6 24 | { 25 | color: #000; 26 | font-size: 40px; 27 | margin: 0px; 28 | } 29 | 30 | textarea 31 | { 32 | font-family: Consolas 33 | } 34 | 35 | #results 36 | { 37 | margin-top: 2em; 38 | margin-left: 2em; 39 | color: black; 40 | font-size: medium; 41 | } 42 | 43 | -------------------------------------------------------------------------------- /src/vs/workbench/services/textfile/test/node/encoding/fixtures/some_utf16be.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wroyca/libadwaita-vscode-theme/f776c978419ea561c92b6dc5e7876e988cd18c7f/src/vs/workbench/services/textfile/test/node/encoding/fixtures/some_utf16be.css -------------------------------------------------------------------------------- /src/vs/workbench/services/textfile/test/node/encoding/fixtures/some_utf16le.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wroyca/libadwaita-vscode-theme/f776c978419ea561c92b6dc5e7876e988cd18c7f/src/vs/workbench/services/textfile/test/node/encoding/fixtures/some_utf16le.css -------------------------------------------------------------------------------- /src/vs/workbench/services/textfile/test/node/encoding/fixtures/some_utf8.css: -------------------------------------------------------------------------------- 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 | /*---------------------------------------------------------- 7 | The base color for this template is #5c87b2. If you'd like 8 | to use a different color start by replacing all instances of 9 | #5c87b2 with your new color. 10 | 11 | öäüßßß 12 | ----------------------------------------------------------*/ 13 | body 14 | { 15 | background-color: #5c87b2; 16 | font-size: .75em; 17 | font-family: Segoe UI, Verdana, Helvetica, Sans-Serif; 18 | margin: 8px; 19 | padding: 0; 20 | color: #696969; 21 | } 22 | 23 | h1, h2, h3, h4, h5, h6 24 | { 25 | color: #000; 26 | font-size: 40px; 27 | margin: 0px; 28 | } 29 | 30 | textarea 31 | { 32 | font-family: Consolas 33 | } 34 | 35 | #results 36 | { 37 | margin-top: 2em; 38 | margin-left: 2em; 39 | color: black; 40 | font-size: medium; 41 | } 42 | 43 | -------------------------------------------------------------------------------- /src/vs/workbench/services/userDataProfile/browser/media/userDataProfileView.css: -------------------------------------------------------------------------------- 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 | .profile-view-tree-container .customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .actions { 7 | display: inherit; 8 | } 9 | 10 | .monaco-workbench .pane > .pane-body > .profile-view-message-container { 11 | display: flex; 12 | padding: 13px 20px 0px 20px; 13 | box-sizing: border-box; 14 | } 15 | 16 | .monaco-workbench .pane > .pane-body > .profile-view-message-container p { 17 | margin-block-start: 0em; 18 | margin-block-end: 0em; 19 | } 20 | 21 | .monaco-workbench .pane > .pane-body > .profile-view-message-container a { 22 | color: var(--vscode-textLink-foreground) 23 | } 24 | 25 | .monaco-workbench .pane > .pane-body > .profile-view-message-container a:hover { 26 | text-decoration: underline; 27 | color: var(--vscode-textLink-activeForeground) 28 | } 29 | 30 | .monaco-workbench .pane > .pane-body > .profile-view-message-container a:active { 31 | color: var(--vscode-textLink-activeForeground) 32 | } 33 | 34 | .monaco-workbench .pane > .pane-body > .profile-view-message-container.hide { 35 | display: none; 36 | } 37 | 38 | .monaco-workbench .pane > .pane-body > .profile-view-buttons-container { 39 | display: flex; 40 | flex-direction: column; 41 | padding: 13px 20px; 42 | box-sizing: border-box; 43 | } 44 | 45 | .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button, 46 | .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button-dropdown { 47 | margin-block-start: 13px; 48 | margin-inline-start: 0px; 49 | margin-inline-end: 0px; 50 | max-width: 260px; 51 | margin-left: auto; 52 | margin-right: auto; 53 | } 54 | 55 | .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button-dropdown { 56 | width: 100%; 57 | } 58 | 59 | .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button-dropdown > .monaco-dropdown-button { 60 | display: flex; 61 | align-items: center; 62 | padding: 0 4px; 63 | } 64 | -------------------------------------------------------------------------------- /src/vs/workbench/workbench.desktop.main.css: -------------------------------------------------------------------------------- 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 | /* NOTE: THIS FILE WILL BE OVERWRITTEN DURING BUILD TIME, DO NOT EDIT */ 7 | 8 | div.monaco.main.css { 9 | } -------------------------------------------------------------------------------- /src/vs/workbench/workbench.web.main.css: -------------------------------------------------------------------------------- 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 | /* NOTE: THIS FILE WILL BE OVERWRITTEN DURING BUILD TIME, DO NOT EDIT */ 7 | -------------------------------------------------------------------------------- /vscode-libadwaita-colorscheme.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "vscode://schemas/color-theme", 3 | "name": "Adwaita Dark", 4 | "type": "light", 5 | "colors": { 6 | "activityBar.activeBackground": "#444342", 7 | "activityBar.activeBorder": "#00000000", 8 | "activityBar.background": "#303030", 9 | "activityBar.border": "#171717", 10 | "activityBarBadge.background": "#007acc", 11 | "editor.background": "#17191a", 12 | "editor.foreground": "#d2d2d2", 13 | "editorGroup.border": "#222020", 14 | "editorGroupHeader.border": "#222020", 15 | "editorGroupHeader.tabsBackground": "#303030", 16 | "focusBorder": "#00000000", 17 | "list.activeSelectionBackground": "#444342", 18 | "list.activeSelectionForeground": "#ffffff", 19 | "list.hoverBackground": "#403f3e", 20 | "list.inactiveSelectionBackground": "#444342", 21 | "list.inactiveSelectionForeground": "#ffffff", 22 | "panel.background": "#1d1d1d", 23 | "panel.border": "#323130", 24 | "panelTitle.activeBorder": "#c0bfbc", 25 | "panelTitle.activeForeground": "#ffffff", 26 | "scrollbar.shadow": "#000", 27 | "sideBar.background": "#303030", 28 | "sideBar.border": "#222020", 29 | "sideBarSectionHeader.background": "#00000000", 30 | "sideBarSectionHeader.border": "#222020", 31 | "sideBarTitle.foreground": "#d2d2d2", 32 | "statusBar.background": "#303030", 33 | "statusBar.border": "#222020", 34 | "statusBar.debuggingForeground": "#d2d2d2", 35 | "statusBar.foreground": "#d2d2d2", 36 | "statusBar.noFolderBackground": "#323130", 37 | "statusBar.noFolderForeground": "#d2d2d2", 38 | "statusBarItem.remoteBackground": "#323130", 39 | "statusBarItem.remoteForeground": "#d2d2d2", 40 | "tab.activeBackground": "#444444", 41 | "tab.border": "#303030", 42 | "tab.hoverBackground": "#3f3f3f", 43 | "tab.inactiveBackground": "#303030", 44 | "tab.unfocusedHoverBackground": "#3f3f3f", 45 | }, 46 | "tokenColors": [ 47 | { 48 | "scope": [ 49 | "source", 50 | ], 51 | "settings": { 52 | "foreground": "#c4bfb8" 53 | } 54 | }, 55 | { 56 | "scope": [ 57 | "comment" 58 | ], 59 | "settings": { 60 | "foreground": "#a69f93", 61 | } 62 | }, 63 | { 64 | "scope": [ 65 | "storage.type", 66 | "storage.modifier", 67 | "keyword", 68 | ], 69 | "settings": { 70 | "foreground": "#f0c470", 71 | "fontStyle": "" 72 | } 73 | }, 74 | { 75 | "scope": [ 76 | "keyword.control", 77 | "keyword.operator", 78 | "constant" 79 | ], 80 | "settings": { 81 | "foreground": "#c4bfb8", 82 | } 83 | }, 84 | { 85 | "scope": [ 86 | "string", 87 | ], 88 | "settings": { 89 | "foreground": "#bac172", 90 | } 91 | } 92 | ] 93 | } 94 | --------------------------------------------------------------------------------