mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-07 01:25:38 -05:00
Adding light contrast theme (#22028)
* Adding light contrast theme
* fixing oe icons
* Fixing more files
* Converting ep files to support hc light
* Revert "Copy Headers for Selected Columns (#21622)"
This reverts commit f74d6f6d9b.
* Adding more css rules
* Fixing modal
* Fixing azure icons
This commit is contained in:
Aasim Khan
@@ -68,7 +68,7 @@ ExtensionsRegistry.registerExtensionPoint<IAccountContrib | IAccountContrib[]>({
|
||||
} else {
|
||||
const light = resources.joinPath(extension.description.extensionLocation, icon.light);
|
||||
const dark = resources.joinPath(extension.description.extensionLocation, icon.dark);
|
||||
createCSSRule(`.codicon.${iconClass}`, `background-image: ${asCSSUrl(light)}`);
|
||||
createCSSRule(`.codicon.${iconClass}, .hc-light .codicon.${iconClass}`, `background-image: ${asCSSUrl(light)}`);
|
||||
createCSSRule(`.vs-dark .codicon.${iconClass}, .hc-black .codicon.${iconClass}`, `background-image: ${asCSSUrl(dark)}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -98,7 +98,8 @@ asmtview-component .asmtview-grid .slick-cell.error-row {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.vs asmtview-component .action-label.codicon.exportAsScriptIcon {
|
||||
.vs asmtview-component .action-label.codicon.exportAsScriptIcon,
|
||||
.hc-light asmtview-component .action-label.codicon.exportAsScriptIcon {
|
||||
background-image: url("newquery.svg");
|
||||
}
|
||||
|
||||
@@ -107,7 +108,8 @@ asmtview-component .asmtview-grid .slick-cell.error-row {
|
||||
background-image: url("newquery_inverse.svg");
|
||||
}
|
||||
|
||||
.vs asmtview-component .action-label.codicon.asmt-learnmore {
|
||||
.vs asmtview-component .action-label.codicon.asmt-learnmore,
|
||||
.hc-light asmtview-component .action-label.codicon.asmt-learnmore {
|
||||
background-image: url("configuredashboard.svg");
|
||||
}
|
||||
|
||||
|
||||
@@ -53,7 +53,8 @@ dashboard-page .editor-toolbar {
|
||||
background-size: 8px;
|
||||
}
|
||||
|
||||
.dashboardEditor breadcrumb {
|
||||
.dashboardEditor breadcrumb,
|
||||
.hc-light .dashboardEditor breadcrumb {
|
||||
font-size: 13px;
|
||||
color: #323130;
|
||||
}
|
||||
|
||||
@@ -21,7 +21,7 @@ export function createCSSRuleForIcon(icon: IUserFriendlyIcon, extension: IExtens
|
||||
} else {
|
||||
const light = resources.joinPath(extension.description.extensionLocation, icon.light);
|
||||
const dark = resources.joinPath(extension.description.extensionLocation, icon.dark);
|
||||
createCSSRule(`.codicon.${iconClass}`, `background-image: ${asCSSUrl(light)}`);
|
||||
createCSSRule(`.codicon.${iconClass}, .hc-light .codicon.${iconClass}`, `background-image: ${asCSSUrl(light)}`);
|
||||
createCSSRule(`.vs-dark .codicon.${iconClass}, .hc-black .codicon.${iconClass}`, `background-image: ${asCSSUrl(dark)}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,6 +25,7 @@
|
||||
}
|
||||
|
||||
/* High Contrast Theming */
|
||||
.monaco-workbench.hc-light .server-explorer-viewlet .server-group,
|
||||
.monaco-workbench.hc-black .server-explorer-viewlet .server-group {
|
||||
line-height: 20px;
|
||||
}
|
||||
@@ -134,7 +135,9 @@
|
||||
}
|
||||
|
||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .connection-tile > .icon.server-page,
|
||||
.monaco-list .monaco-list-rows > .monaco-list-row .connection-tile > .icon.server-page {
|
||||
.hc-light .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .connection-tile > .icon.server-page,
|
||||
.monaco-list .monaco-list-rows > .monaco-list-row .connection-tile > .icon.server-page,
|
||||
.hc-light .monaco-list .monaco-list-rows > .monaco-list-row .connection-tile > .icon.server-page {
|
||||
background: url('default_server.svg') center center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
@@ -152,6 +152,22 @@ slick-grid.active .editDataGrid .slick-cell.selected {
|
||||
--color-grid-dirty-text: #000;
|
||||
}
|
||||
|
||||
.hc-light .slickgridContainer {
|
||||
--color-content: #101010;
|
||||
--color-content-disabled: grey;
|
||||
--color-error: #E81123;
|
||||
--color-success: #7CD300;
|
||||
--color-bg-header: hsla(0,0%,50%,.2); /* used for pane toolbars */
|
||||
--color-resize-handle: #000000;
|
||||
--color-bg-content-header: #ffffff; /* used for color of grid headers */
|
||||
--color-cell-border-active: #6fc3df;
|
||||
--color-cell-bg-grid-selected: rgb(173, 214, 255);
|
||||
--color-grid-link: #0078D7;
|
||||
--color-grid-link-hover: #0b93ff;
|
||||
--color-grid-dirty-background: #FFF;
|
||||
--color-grid-dirty-text: #000;
|
||||
}
|
||||
|
||||
.vs-dark .slickgridContainer {
|
||||
--color-content: #E5E5E5;
|
||||
--color-content-disabled: grey;
|
||||
@@ -183,3 +199,6 @@ slick-grid.active .editDataGrid .slick-cell.selected {
|
||||
--color-grid-dirty-background: #CCC;
|
||||
--color-grid-dirty-text: #101010;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -316,7 +316,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.eps-container .ep-save-plan-icon {
|
||||
.eps-container .ep-save-plan-icon,
|
||||
.hc-light .eps-container .ep-save-plan-icon {
|
||||
background-image: url(../images/actionIcons/save.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -331,7 +332,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-open-properties-icon {
|
||||
.eps-container .ep-open-properties-icon,
|
||||
.hc-light .eps-container .ep-open-properties-icon {
|
||||
background-image: url(../images/actionIcons/openProperties.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -346,7 +348,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-open-query-icon {
|
||||
.eps-container .ep-open-query-icon,
|
||||
.hc-light .eps-container .ep-open-query-icon {
|
||||
background-image: url(../images/actionIcons/openQuery.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -361,7 +364,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-open-plan-file-icon {
|
||||
.eps-container .ep-open-plan-file-icon,
|
||||
.hc-light .eps-container .ep-open-plan-file-icon {
|
||||
background-image: url(../images/actionIcons/openPlanFile.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -378,7 +382,9 @@ However we always want it to be the width of the container it is resizing.
|
||||
|
||||
|
||||
.eps-container .ep-search-icon,
|
||||
.top-operations-tab .ep-search-icon {
|
||||
.top-operations-tab .ep-search-icon,
|
||||
.hc-light .eps-container .ep-search-icon,
|
||||
.hc-light .top-operations-tab .ep-search-icon {
|
||||
background-image: url(../images/actionIcons/search.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -396,7 +402,9 @@ However we always want it to be the width of the container it is resizing.
|
||||
}
|
||||
|
||||
.eps-container .ep-filter-icon,
|
||||
.top-operations-tab .ep-filter-icon {
|
||||
.top-operations-tab .ep-filter-icon,
|
||||
.hc-light .eps-container .ep-filter-icon,
|
||||
.hc-light .top-operations-tab .ep-filter-icon {
|
||||
background-image: url(../images/actionIcons/filter.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -413,7 +421,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-sort-alphabetically-icon {
|
||||
.eps-container .ep-sort-alphabetically-icon,
|
||||
.hc-light .eps-container .ep-sort-alphabetically-icon {
|
||||
background-image: url(../images/actionIcons/sortAlphabetically.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -428,7 +437,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-sort-reverse-alphabetically-icon {
|
||||
.eps-container .ep-sort-reverse-alphabetically-icon,
|
||||
.hc-light .eps-container .ep-sort-reverse-alphabetically-icon {
|
||||
background-image: url(../images/actionIcons/sortReverseAlphabetically.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -443,7 +453,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-sort-display-order-icon {
|
||||
.eps-container .ep-sort-display-order-icon,
|
||||
.hc-light .eps-container .ep-sort-display-order-icon {
|
||||
background-image: url(../images/actionIcons/sortByDisplayOrder.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -458,7 +469,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-zoom-in-icon {
|
||||
.eps-container .ep-zoom-in-icon,
|
||||
.hc-light .eps-container .ep-zoom-in-icon {
|
||||
background-image: url(../images/actionIcons/zoomIn.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -473,7 +485,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-zoom-out-icon {
|
||||
.eps-container .ep-zoom-out-icon,
|
||||
.hc-light .eps-container .ep-zoom-out-icon {
|
||||
background-image: url(../images/actionIcons/zoomOut.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -488,7 +501,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-custom-zoom-icon {
|
||||
.eps-container .ep-custom-zoom-icon,
|
||||
.hc-light .eps-container .ep-custom-zoom-icon {
|
||||
background-image: url(../images/actionIcons/customZoom.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -503,7 +517,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-zoom-to-fit-icon {
|
||||
.eps-container .ep-zoom-to-fit-icon,
|
||||
.hc-light .eps-container .ep-zoom-to-fit-icon {
|
||||
background-image: url(../images/actionIcons/zoomToFit.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -518,21 +533,24 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-zoom-icon {
|
||||
.eps-container .ep-zoom-icon,
|
||||
.hc-light .eps-container .ep-zoom-icon {
|
||||
background-image: url(../images/actionIcons/zoom.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-zoom-icon {
|
||||
.eps-container .ep-zoom-icon,
|
||||
.hc-light .eps-container .ep-zoom-icon {
|
||||
background-image: url(../images/actionIcons/zoomDark.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-highlight-expensive-operation-icon {
|
||||
.eps-container .ep-highlight-expensive-operation-icon,
|
||||
.hc-light .eps-container .ep-highlight-expensive-operation-icon {
|
||||
background-image: url(../images/actionIcons/highlightExpensiveOperation.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -547,7 +565,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-enable-tooltip-icon {
|
||||
.eps-container .ep-enable-tooltip-icon,
|
||||
.hc-light .eps-container .ep-enable-tooltip-icon {
|
||||
background-image: url(../images/actionIcons/enableTooltip.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -562,7 +581,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-disable-tooltip-icon {
|
||||
.eps-container .ep-disable-tooltip-icon,
|
||||
.hc-light .eps-container .ep-disable-tooltip-icon {
|
||||
background-image: url(../images/actionIcons/disableTooltip.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -577,7 +597,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-add-icon {
|
||||
.eps-container .ep-add-icon,
|
||||
.hc-light .eps-container .ep-add-icon {
|
||||
background-image: url(../images/actionIcons/add.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -592,14 +613,16 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-settings-icon {
|
||||
.eps-container .ep-settings-icon,
|
||||
.hc-light .eps-container .ep-settings-icon {
|
||||
background-image: url(../images/actionIcons/settings.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.ep-split-screen-horizontally-icon {
|
||||
.ep-split-screen-horizontally-icon,
|
||||
.hc-light .ep-split-screen-horizontally-icon {
|
||||
background-image: url(../images/actionIcons/splitScreenHorizontally.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -614,7 +637,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-split-screen-vertically-icon {
|
||||
.eps-container .ep-split-screen-vertically-icon,
|
||||
.hc-light .eps-container .ep-split-screen-vertically-icon {
|
||||
background-image: url(../images/actionIcons/splitScreenVertically.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -629,7 +653,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-reset-zoom-icon {
|
||||
.eps-container .ep-reset-zoom-icon,
|
||||
.hc-light .eps-container .ep-reset-zoom-icon {
|
||||
background-image: url(../images/actionIcons/resetZoom.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -645,7 +670,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
}
|
||||
|
||||
|
||||
.eps-container .ep-plan-compare-icon {
|
||||
.eps-container .ep-plan-compare-icon,
|
||||
.hc-light .eps-container .ep-plan-compare-icon {
|
||||
background-image: url(../images/actionIcons/execution-plan-compare.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -660,7 +686,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.eps-container .ep-properties-different {
|
||||
.eps-container .ep-properties-different,
|
||||
.hc-light .eps-container .ep-properties-different {
|
||||
background-image: url(../images/actionIcons/different.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -689,7 +716,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
margin-left: -28px;
|
||||
}
|
||||
|
||||
.eps-container .ep-properties-down-arrow {
|
||||
.eps-container .ep-properties-down-arrow,
|
||||
.hc-light .eps-container .ep-properties-down-arrow {
|
||||
background-image: url(../images/actionIcons/downArrow.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -708,7 +736,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.eps-container .ep-properties-up-arrow {
|
||||
.eps-container .ep-properties-up-arrow,
|
||||
.hc-light .eps-container .ep-properties-up-arrow {
|
||||
background-image: url(../images/actionIcons/upArrow.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -727,7 +756,8 @@ However we always want it to be the width of the container it is resizing.
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.eps-container .ep-top-operations {
|
||||
.eps-container .ep-top-operations,
|
||||
.hc-light .eps-container .ep-top-operations {
|
||||
background-image: url(../images/actionIcons/topOperations.svg);
|
||||
background-size: 16px 16px;
|
||||
background-position: center;
|
||||
@@ -851,7 +881,6 @@ However we always want it to be the width of the container it is resizing.
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
|
||||
.eps-container .comparison-editor .plan-comparison-container .split-view-container .plan-container .plan-diagram {
|
||||
flex: 1;
|
||||
overflow: scroll;
|
||||
|
||||
@@ -46,6 +46,10 @@ notebookhistory-component .all-jobs {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.hc-light .overview-container .overview-tab {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.overview-container > .overview-tab {
|
||||
position: relative;
|
||||
margin-bottom: 1px;
|
||||
@@ -75,6 +79,11 @@ input#accordion{
|
||||
border: 1px solid #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light .overview-container .overview-tab label {
|
||||
background: #ffffff;
|
||||
border: 1px solid #6fc3df;
|
||||
}
|
||||
|
||||
.overview-container .overview-tab label {
|
||||
position: relative;
|
||||
display: block;
|
||||
@@ -96,6 +105,12 @@ input#accordion{
|
||||
border: 1px solid #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light .overview-tab .accordion-content,
|
||||
.grid-arrow {
|
||||
background: #ffffff;
|
||||
border: 1px solid #6fc3df;
|
||||
}
|
||||
|
||||
.overview-tab .accordion-content {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
@@ -136,7 +151,8 @@ input#accordion:checked ~ .accordion-content,
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.all-jobs > .back-button-icon {
|
||||
.all-jobs > .back-button-icon,
|
||||
.hc-light .all-jobs > .back-button-icon {
|
||||
content: url("back.svg");
|
||||
width: 20px;
|
||||
margin-right: 10px;
|
||||
@@ -151,7 +167,8 @@ input#accordion:checked ~ .accordion-content,
|
||||
content: url("back_inverse.svg");
|
||||
}
|
||||
|
||||
.vs .action-label.codicon.newStepIcon {
|
||||
.vs .action-label.codicon.newStepIcon,
|
||||
.hc-light .action-label.codicon.newStepIcon {
|
||||
background-image: url("new.svg");
|
||||
}
|
||||
|
||||
@@ -168,7 +185,9 @@ notebookhistory-component .vs-dark .codicon.edit {
|
||||
}
|
||||
|
||||
jobhistory-component .vs .codicon.edit,
|
||||
notebookhistory-component .vs .codicon.edit {
|
||||
jobhistory-component .hc-light .codicon.edit,
|
||||
notebookhistory-component .vs .codicon.edit,
|
||||
notebookhistory-component .hc-light .codicon.edit {
|
||||
background-image: url("edit.svg");
|
||||
}
|
||||
|
||||
@@ -231,6 +250,10 @@ table.step-list tr.step-row td {
|
||||
border-left: 3px solid #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light .history-details > .job-steps {
|
||||
border-left: 3px solid #6fc3df;
|
||||
}
|
||||
|
||||
.history-details > .job-steps > table.step-list {
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
@@ -331,6 +354,11 @@ notebookhistory-component > .agent-actionbar-container {
|
||||
border-top: 3px solid #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light jobhistory-component > .agent-actionbar-container,
|
||||
.hc-light notebookhistory-component > .agent-actionbar-container {
|
||||
border-top: 3px solid #6fc3df;
|
||||
}
|
||||
|
||||
jobhistory-component
|
||||
.step-table.prev-run-list
|
||||
.monaco-tree-wrapper
|
||||
@@ -374,7 +402,8 @@ notebookhistory-component
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.notebook-grid-item:hover {
|
||||
.notebook-grid-item:hover,
|
||||
.hc-light .notebook-grid-item:hover {
|
||||
background: #dcdcdc !important;
|
||||
}
|
||||
|
||||
@@ -396,6 +425,11 @@ notebookhistory-component
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.hc-light .notebook-grid-item > .img-success {
|
||||
background-image: url(./NotebookSuccess_16x.svg);
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.vs-dark .notebook-grid-item > .img-success,
|
||||
.hc-black .notebook-grid-item > .img-success {
|
||||
background-image: url(./NotebookSuccess_16x_white.svg);
|
||||
@@ -415,6 +449,11 @@ notebookhistory-component
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.hc-light .notebook-grid-item > .img-failure {
|
||||
background-image: url(./NotebookFail_16x.svg);
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.vs-dark .notebook-grid-item > .img-failure,
|
||||
.hc-black .notebook-grid-item > .img-failure {
|
||||
background-image: url(./NotebookFail_16x_white.svg);
|
||||
@@ -435,6 +474,11 @@ notebookhistory-component
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hc-light .notebook-grid-item > .img-error {
|
||||
background-image: url(./NotebookError_16x.svg);
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.vs-dark .notebook-grid-item > .img-error,
|
||||
.hc-black .notebook-grid-item > .img-error {
|
||||
background-image: url(./NotebookError_16x_white.svg);
|
||||
@@ -475,3 +519,8 @@ notebookhistory-component
|
||||
background: #000000;
|
||||
border: 1px solid #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light .grid-title {
|
||||
background: #ffffff;
|
||||
border: 1px solid #6fc3df;
|
||||
}
|
||||
|
||||
@@ -70,7 +70,8 @@
|
||||
content: url("step_inverse.svg");
|
||||
}
|
||||
|
||||
.steps-header > .steps-icon {
|
||||
.steps-header > .steps-icon,
|
||||
.hc-light .steps-header > .steps-icon {
|
||||
content: url("step.svg");
|
||||
}
|
||||
|
||||
@@ -100,6 +101,13 @@ jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.hc-light jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row.step-column-row,
|
||||
.hc-light jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row.step-column-row.focused,
|
||||
.hc-light jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row.step-column-row.selected,
|
||||
.hc-light jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row.step-column-row.focused.selected {
|
||||
background: #ffffff !important;
|
||||
}
|
||||
|
||||
jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row.step-column-row,
|
||||
jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row.step-column-row.focused,
|
||||
jobstepsview-component .steps-tree .monaco-tree-wrapper .monaco-tree-row.step-column-row.selected,
|
||||
|
||||
@@ -30,6 +30,10 @@ notebooksview-component {
|
||||
border-bottom: 3px solid #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light .job-heading-container {
|
||||
border-bottom: 3px solid #6fc3df;
|
||||
}
|
||||
|
||||
.jobview-grid {
|
||||
height: calc(100% - 75px);
|
||||
width: 100%;
|
||||
@@ -69,6 +73,23 @@ notebooksview-component {
|
||||
border: 1px solid #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light
|
||||
#jobsDiv
|
||||
jobsview-component
|
||||
.jobview-grid
|
||||
.grid-canvas
|
||||
.ui-widget-content.slick-row
|
||||
.slick-cell,
|
||||
.hc-light
|
||||
#notebooksDiv
|
||||
notebooksview-component
|
||||
.jobnotebooksview-grid
|
||||
.grid-canvas
|
||||
.ui-widget-content.slick-row
|
||||
.slick-cell {
|
||||
border: 1px solid #6fc3df;
|
||||
}
|
||||
|
||||
#jobsDiv
|
||||
jobsview-component
|
||||
.jobview-grid
|
||||
@@ -268,7 +289,8 @@ notebooksview-component {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.jobsview-icon {
|
||||
.jobsview-icon,
|
||||
.hc-light .jobsview-icon {
|
||||
background-image: url("./job.svg");
|
||||
}
|
||||
|
||||
@@ -277,7 +299,8 @@ notebooksview-component {
|
||||
background-image: url("./job_inverse.svg");
|
||||
}
|
||||
|
||||
.notebooksview-icon {
|
||||
.notebooksview-icon,
|
||||
.hc-light .notebooksview-icon {
|
||||
background-image: url("./notebook.svg");
|
||||
}
|
||||
|
||||
@@ -286,7 +309,8 @@ notebooksview-component {
|
||||
background-image: url("./notebook_inverse.svg");
|
||||
}
|
||||
|
||||
.alertsview-icon {
|
||||
.alertsview-icon,
|
||||
.hc-light .alertsview-icon {
|
||||
background-image: url("./alert.svg");
|
||||
}
|
||||
|
||||
@@ -295,7 +319,8 @@ notebooksview-component {
|
||||
background-image: url("./alert_inverse.svg");
|
||||
}
|
||||
|
||||
.proxiesview-icon {
|
||||
.proxiesview-icon,
|
||||
.hc-light .proxiesview-icon {
|
||||
background-image: url("./proxy.svg");
|
||||
}
|
||||
|
||||
@@ -304,7 +329,8 @@ notebooksview-component {
|
||||
background-image: url("./proxy_inverse.svg");
|
||||
}
|
||||
|
||||
.operatorsview-icon {
|
||||
.operatorsview-icon,
|
||||
.hc-light .operatorsview-icon {
|
||||
background-image: url("./operator.svg");
|
||||
}
|
||||
|
||||
@@ -342,6 +368,14 @@ agentview-component
|
||||
border-left: 1px dotted #2b56f2;
|
||||
}
|
||||
|
||||
.hc-light
|
||||
.jobview-grid
|
||||
> .monaco-table
|
||||
.slick-header-columns
|
||||
.slick-resizable-handle {
|
||||
border-left: 1px dotted #6fc3df;
|
||||
}
|
||||
|
||||
.jobview-grid > .monaco-table .slick-header-columns .slick-resizable-handle {
|
||||
border-left: 1px dotted #444444;
|
||||
}
|
||||
@@ -519,6 +553,57 @@ agentview-component
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.hc-light
|
||||
#jobsDiv
|
||||
.jobview-grid
|
||||
> .monaco-table
|
||||
.slick-viewport
|
||||
> .grid-canvas
|
||||
> .ui-widget-content.slick-row:hover
|
||||
> .slick-cell,
|
||||
.hc-light
|
||||
#jobsDiv
|
||||
.jobview-grid
|
||||
> .monaco-table
|
||||
.slick-viewport
|
||||
> .grid-canvas
|
||||
> .ui-widget-content.slick-row
|
||||
> .slick-cell.hovered,
|
||||
.hc-light
|
||||
#jobsDiv
|
||||
.jobview-grid
|
||||
> .monaco-table
|
||||
.slick-viewport
|
||||
> .grid-canvas
|
||||
> .ui-widget-content.slick-row.hovered
|
||||
> .slick-cell,
|
||||
.hc-light
|
||||
#notebooksDiv
|
||||
.jobnotebooksview-grid
|
||||
> .monaco-table
|
||||
.slick-viewport
|
||||
> .grid-canvas
|
||||
> .ui-widget-content.slick-row:hover
|
||||
> .slick-cell,
|
||||
.hc-light
|
||||
#notebooksDiv
|
||||
.jobnotebooksview-grid
|
||||
> .monaco-table
|
||||
.slick-viewport
|
||||
> .grid-canvas
|
||||
> .ui-widget-content.slick-row
|
||||
> .slick-cell.hovered,
|
||||
.hc-light
|
||||
#notebooksDiv
|
||||
.jobnotebooksview-grid
|
||||
> .monaco-table
|
||||
.slick-viewport
|
||||
> .grid-canvas
|
||||
> .ui-widget-content.slick-row.hovered
|
||||
> .slick-cell {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
table.jobprevruns div.bar,
|
||||
table.jobprevruns div.bar0,
|
||||
table.jobprevruns div.bar1,
|
||||
@@ -574,7 +659,8 @@ table.jobprevruns > tbody {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.vs .action-label.codicon.refreshIcon {
|
||||
.vs .action-label.codicon.refreshIcon,
|
||||
.hc-light .action-label.codicon.refreshIcon {
|
||||
background-image: url("refresh.svg");
|
||||
}
|
||||
|
||||
@@ -583,7 +669,8 @@ table.jobprevruns > tbody {
|
||||
background-image: url("refresh_inverse.svg");
|
||||
}
|
||||
|
||||
.vs .action-label.codicon.openNotebook {
|
||||
.vs .action-label.codicon.openNotebook,
|
||||
.hc-light .action-label.codicon.openNotebook {
|
||||
background-image: url("open_notebook.svg");
|
||||
}
|
||||
|
||||
|
||||
@@ -49,6 +49,7 @@ cell-toolbar-component .carbon-taskbar.monaco-toolbar .monaco-action-bar ul.acti
|
||||
cell-toolbar-component .codicon.masked-icon,
|
||||
.vs cell-toolbar-component .codicon.masked-icon,
|
||||
.vs-dark cell-toolbar-component .codicon.masked-icon,
|
||||
.hc-black cell-toolbar-component .codicon.masked-icon {
|
||||
.hc-black cell-toolbar-component .codicon.masked-icon,
|
||||
.hc-light cell-toolbar-component .codicon.masked-icon {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
@@ -44,7 +44,8 @@ code-component .toolbar .carbon-taskbar.monaco-toolbar .monaco-action-bar .codic
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.notebook-cell:not(.active):hover code-component .toolbarIconRun {
|
||||
.notebook-cell:not(.active):hover code-component .toolbarIconRun,
|
||||
.hc-light .notebook-cell:not(.active):hover code-component .toolbarIconRun {
|
||||
background-image: url('./media/execute_cell_grey.svg');
|
||||
}
|
||||
.vs-dark .notebook-cell:not(.active):hover code-component .toolbarIconRun {
|
||||
|
||||
@@ -89,6 +89,18 @@
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.hc-light .notebook-preview .showEditorSelection .code-active-line:before {
|
||||
border-left: 3px solid rgba(111, 195, 223, 0.4);
|
||||
}
|
||||
|
||||
.hc-light .notebook-preview .showEditorSelection .code-line:hover:before {
|
||||
border-left: 3px solid rgba(111, 195, 223, 0.60);
|
||||
}
|
||||
|
||||
.hc-light .notebook-preview .showEditorSelection .code-line .code-line:hover:before {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.notebook-preview img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
@@ -209,6 +221,14 @@
|
||||
border-color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.hc-light .notebook-preview pre {
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.hc-light .notebook-preview h1 {
|
||||
border-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.notebook-preview table > thead > tr > th {
|
||||
border-color: rgba(0, 0, 0, 0.69);
|
||||
}
|
||||
|
||||
@@ -107,7 +107,8 @@
|
||||
}
|
||||
|
||||
/* non-preview */
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-add {
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-add,
|
||||
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-add {
|
||||
background-image: url("./media/light/add.svg");
|
||||
}
|
||||
|
||||
@@ -116,7 +117,8 @@
|
||||
background-image: url("./media/dark/add_inverse.svg");
|
||||
}
|
||||
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-run-cells {
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-run-cells,
|
||||
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-run-cells {
|
||||
background-image: url("./media/light/run_cells.svg");
|
||||
}
|
||||
|
||||
@@ -125,7 +127,8 @@
|
||||
background-image: url("./media/dark/run_cells_inverse.svg");
|
||||
}
|
||||
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-trusted {
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-trusted,
|
||||
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-trusted {
|
||||
background-image: url("./media/light/trusted.svg");
|
||||
}
|
||||
|
||||
@@ -133,7 +136,9 @@
|
||||
.hc-black .notebookEditor :not(.in-preview) .codicon.icon-trusted {
|
||||
background-image: url("./media/dark/trusted_inverse.svg");
|
||||
}
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-notTrusted {
|
||||
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-notTrusted,
|
||||
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-notTrusted {
|
||||
background-image: url("./media/light/nottrusted.svg");
|
||||
}
|
||||
|
||||
@@ -142,7 +147,8 @@
|
||||
background-image: url("./media/dark/nottrusted_inverse.svg");
|
||||
}
|
||||
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-show-cells {
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-show-cells,
|
||||
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-show-cells {
|
||||
background-image: url("./media/light/show_code.svg");
|
||||
}
|
||||
|
||||
@@ -151,7 +157,8 @@
|
||||
background-image: url("./media/dark/show_code_inverse.svg");
|
||||
}
|
||||
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-hide-cells {
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-hide-cells,
|
||||
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-hide-cells {
|
||||
background-image: url("./media/light/hide_code.svg");
|
||||
}
|
||||
|
||||
@@ -160,7 +167,8 @@
|
||||
background-image: url("./media/dark/hide_code_inverse.svg");
|
||||
}
|
||||
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-clear-results {
|
||||
.notebookEditor :not(.in-preview) .codicon.icon-clear-results,
|
||||
.hc-light .notebookEditor :not(.in-preview) .codicon.icon-clear-results {
|
||||
background-image: url("./media/light/clear_results.svg");
|
||||
}
|
||||
|
||||
@@ -170,6 +178,7 @@
|
||||
}
|
||||
|
||||
.notebookEditor .in-preview .codicon.masked-icon,
|
||||
.hc-light .nodebookEditor .in-preview .codicon.masked-icon,
|
||||
.vs-dark .notebookEditor .in-preview .codicon.icon-clear-results,
|
||||
.hc-black .notebookEditor .in-preview .codicon.icon-clear-results {
|
||||
background-image: none;
|
||||
@@ -215,7 +224,8 @@
|
||||
min-height: 39px;
|
||||
}
|
||||
|
||||
.monaco-workbench .notebook-action.new-notebook {
|
||||
.monaco-workbench .notebook-action.new-notebook,
|
||||
.monaco-workbench.hc-light .notebook-action.new-notebook {
|
||||
background: url("./media/light/new_notebook.svg") center center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
@@ -72,11 +72,13 @@ export function registerNotebookThemes(overrideEditorThemeSetting: boolean, conf
|
||||
const hcOutline = theme.getColor(contrastBorder);
|
||||
if (outline) {
|
||||
collector.addRule(`
|
||||
.hc-black .notebookEditor .notebook-cell:not(.active) code-component {
|
||||
.hc-black .notebookEditor .notebook-cell:not(.active) code-component,
|
||||
.hc-light .notebookEditor .notebook-cell:not(.active) code-component {
|
||||
border-color: ${hcOutline};
|
||||
border-width: 0px 0px 1px 0px;
|
||||
}
|
||||
.hc-black .notebookEditor .notebook-cell:not(.active) {
|
||||
.hc-black .notebookEditor .notebook-cell:not(.active),
|
||||
.hc-light .notebookEditor .notebook-cell:not(.active) {
|
||||
outline-color: ${hcOutline};
|
||||
outline-width: 1px;
|
||||
outline-style: solid;
|
||||
|
||||
@@ -48,7 +48,8 @@
|
||||
.nb-grid-stack .grid-stack-item .notebook-cell .actionbar .codicon.masked-icon,
|
||||
.vs .nb-grid-stack .grid-stack-item .notebook-cell .actionbar .codicon.masked-icon,
|
||||
.vs-dark .nb-grid-stack .grid-stack-item .notebook-cell .actionbar .codicon.masked-icon,
|
||||
.hc-black .nb-grid-stack .grid-stack-item .notebook-cell .actionbar .codicon.masked-icon {
|
||||
.hc-black .nb-grid-stack .grid-stack-item .notebook-cell .actionbar .codicon.masked-icon,
|
||||
.hc-light .nb-grid-stack .grid-stack-item .notebook-cell .actionbar .codicon.masked-icon {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
import { OnInit, Component, Input, Inject, ViewChild, ElementRef, ChangeDetectorRef, forwardRef } from '@angular/core';
|
||||
import * as azdata from 'azdata';
|
||||
|
||||
import { IGridDataProvider, getResultsString, getTableHeaderString } from 'sql/workbench/services/query/common/gridDataProvider';
|
||||
import { IGridDataProvider, getResultsString } from 'sql/workbench/services/query/common/gridDataProvider';
|
||||
import { IContextMenuService, IContextViewService } from 'vs/platform/contextview/browser/contextView';
|
||||
import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
|
||||
import { IEditorService } from 'vs/workbench/services/editor/common/editorService';
|
||||
@@ -410,16 +410,7 @@ export class DataResourceDataProvider implements IGridDataProvider {
|
||||
let results = await getResultsString(this, selection, includeHeaders, tableView);
|
||||
this._clipboardService.writeText(results);
|
||||
} catch (error) {
|
||||
this._notificationService.error(localize('copyFailed', "Copy failed with error: {0}", getErrorMessage(error)));
|
||||
}
|
||||
}
|
||||
|
||||
async copyHeaders(selection: Slick.Range[]): Promise<void> {
|
||||
try {
|
||||
const results = getTableHeaderString(this, selection);
|
||||
await this._clipboardService.writeText(results);
|
||||
} catch (error) {
|
||||
this._notificationService.error(localize('copyFailed', "Copy failed with error: {0}", getErrorMessage(error)));
|
||||
this._notificationService.error(localize('copyFailed', "Copy failed with error {0}", getErrorMessage(error)));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -4,7 +4,8 @@
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* Icons for various registered servers actions */
|
||||
.monaco-workbench .actions-container .action-label.add-server-action {
|
||||
.monaco-workbench .actions-container .action-label.add-server-action,
|
||||
.monaco-workbench.hc-light .actions-container .action-label.add-server-action {
|
||||
background-image: url('add_server.svg') !important;
|
||||
}
|
||||
|
||||
@@ -13,7 +14,8 @@
|
||||
background-image: url('add_server_inverse.svg') !important;
|
||||
}
|
||||
|
||||
.monaco-workbench .dataExplorer-viewlet .actions-container .action-label.add-server-group-action {
|
||||
.monaco-workbench .dataExplorer-viewlet .actions-container .action-label.add-server-group-action,
|
||||
.monaco-workbench.hc-light .dataExplorer-viewlet .actions-container .action-label.add-server-group-action {
|
||||
background-image: url('new_servergroup.svg') !important;
|
||||
}
|
||||
|
||||
@@ -22,7 +24,8 @@
|
||||
background-image: url('new_servergroup_inverse.svg') !important;
|
||||
}
|
||||
|
||||
.monaco-workbench .actions-container .action-label.active-connections-action {
|
||||
.monaco-workbench .actions-container .action-label.active-connections-action,
|
||||
.monaco-workbench.hc-light .actions-container .action-label.active-connections-action {
|
||||
background-image: url('connected_active_server.svg') !important;
|
||||
}
|
||||
|
||||
@@ -31,7 +34,8 @@
|
||||
background-image: url('connected_active_server_inverse.svg') !important;
|
||||
}
|
||||
|
||||
.monaco-workbench .actions-container .action-label.server-page {
|
||||
.monaco-workbench .actions-container .action-label.server-page,
|
||||
.monaco-workbench.hc-light .actions-container .action-label.server-page {
|
||||
background-image: url('server_page.svg') !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -23,6 +23,7 @@ import { IConfigurationService } from 'vs/platform/configuration/common/configur
|
||||
import { IStorageService } from 'vs/platform/storage/common/storage';
|
||||
import { getChartMaxRowCount, notifyMaxRowCountExceeded } from 'sql/workbench/contrib/charts/browser/utils';
|
||||
import { IEncodingSupport } from 'vs/workbench/services/textfile/common/textfiles';
|
||||
import { IClipboardService } from 'vs/platform/clipboard/common/clipboardService';
|
||||
|
||||
export interface IGridActionContext {
|
||||
gridDataProvider: IGridDataProvider;
|
||||
@@ -126,13 +127,19 @@ export class CopyHeadersAction extends Action {
|
||||
private static ID = 'grid.copyHeaders';
|
||||
private static LABEL = localize('copyHeaders', 'Copy Headers');
|
||||
|
||||
constructor() {
|
||||
constructor(
|
||||
@IClipboardService private clipboardService: IClipboardService
|
||||
) {
|
||||
super(CopyHeadersAction.ID, CopyHeadersAction.LABEL);
|
||||
}
|
||||
|
||||
public override async run(context: IGridActionContext): Promise<void> {
|
||||
const selection = mapForNumberColumn(context.selection);
|
||||
await context.gridDataProvider.copyHeaders(selection);
|
||||
// Starting at index 1 to ignore the first column of row numbers
|
||||
const columnHeaders = context.table.columns.slice(1, context.table.columns.length)
|
||||
.map(c => c.name ? c.name : '')
|
||||
.join(',');
|
||||
|
||||
await this.clipboardService.writeText(columnHeaders);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -45,7 +45,8 @@
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.vs .footer-button .validating {
|
||||
.vs .footer-button .validating,
|
||||
.hc-light .footer-button .validating {
|
||||
background-image: url("loading.svg");
|
||||
}
|
||||
|
||||
|
||||
@@ -17,6 +17,13 @@
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.hc-light .wizardNavigation-container {
|
||||
border-right-color: #6fc3df;
|
||||
border-right-style: solid;
|
||||
border-right-width: 1px;
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.wizardNavigation-pageNumber {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
@@ -51,6 +58,14 @@
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
.hc-light .wizardNavigation-dot {
|
||||
flex-grow: 1;
|
||||
background-color: unset;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: black;
|
||||
}
|
||||
|
||||
.wizardNavigation-connector {
|
||||
width: 3px;
|
||||
display: inline-block;
|
||||
@@ -62,6 +77,10 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hc-light .wizardNavigation-connector {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wizardNavigation-connector.active,
|
||||
.wizardNavigation-dot.active {
|
||||
background-color: rgb(9, 109, 201);
|
||||
@@ -73,16 +92,33 @@
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.hc-light .wizardNavigation-dot.active {
|
||||
border-color: #6fc3df;
|
||||
background-color: unset;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.hc-black .wizardNavigation-dot.active:hover,
|
||||
.hc-black .wizardNavigation-dot.active.currentPage:hover {
|
||||
border-color: #F38518;
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.hc-light .wizardNavigation-dot.active:hover,
|
||||
.hc-light .wizardNavigation-dot.active.currentPage:hover {
|
||||
border-color: #0F4A85;
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
.wizardNavigation-dot.active.currentPage {
|
||||
border-style: double;
|
||||
}
|
||||
|
||||
.hc-light .wizardNavigation-dot.active.currentPage {
|
||||
border-style: solid;
|
||||
border-color: #0F4A85;
|
||||
}
|
||||
|
||||
.hc-black .wizardNavigation-dot.active.currentPage {
|
||||
border-style: solid;
|
||||
border-color: #F38518;
|
||||
@@ -90,4 +126,4 @@
|
||||
|
||||
.wizardNavigation-connector.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -50,7 +50,8 @@
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.vs .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.not-started {
|
||||
.vs .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.not-started,
|
||||
.hc-light .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.not-started {
|
||||
background-image: url('status_queuedtask.svg');
|
||||
}
|
||||
|
||||
@@ -59,7 +60,8 @@
|
||||
background-image: url('status_queuedtask_inverse.svg');
|
||||
}
|
||||
|
||||
.vs .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.in-progress {
|
||||
.vs .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.in-progress,
|
||||
.hc-light .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.in-progress {
|
||||
background-image: url("loading.svg");
|
||||
}
|
||||
|
||||
@@ -68,14 +70,17 @@
|
||||
background-image: url("loading_inverse.svg");
|
||||
}
|
||||
|
||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.success {
|
||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.success,
|
||||
.hc-light .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.success {
|
||||
background-image: url("status_success.svg");
|
||||
}
|
||||
|
||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.canceled {
|
||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.canceled,
|
||||
.hc-light .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.canceled {
|
||||
background-image: url("status_cancelled.svg");
|
||||
}
|
||||
|
||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.error {
|
||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.error,
|
||||
.hc-light .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .task-icon.error {
|
||||
background-image: url("error.svg");
|
||||
}
|
||||
|
||||
@@ -808,7 +808,8 @@ class TreeRenderer extends Disposable implements ITreeRenderer<ITreeItem, FuzzyS
|
||||
}
|
||||
return ({ start, end });
|
||||
}) : undefined;
|
||||
const icon = this.themeService.getColorTheme().type === ColorScheme.LIGHT ? node.icon : node.iconDark;
|
||||
const isLightTheme = [ColorScheme.LIGHT, ColorScheme.HIGH_CONTRAST_LIGHT].includes(this.themeService.getColorTheme().type);
|
||||
const icon = isLightTheme ? node.icon : node.iconDark;
|
||||
const iconUrl = icon ? URI.revive(icon) : null;
|
||||
const title = node.tooltip ? isString(node.tooltip) ? node.tooltip : undefined : resource ? undefined : label;
|
||||
const sqlIcon = node.sqlIcon;
|
||||
@@ -916,7 +917,8 @@ class Aligner extends Disposable {
|
||||
}
|
||||
|
||||
private hasIcon(node: ITreeItem): boolean {
|
||||
const icon = this.themeService.getColorTheme().type === ColorScheme.LIGHT ? node.icon : node.iconDark;
|
||||
const isLightTheme = [ColorScheme.LIGHT, ColorScheme.HIGH_CONTRAST_LIGHT].includes(this.themeService.getColorTheme().type);
|
||||
const icon = isLightTheme ? node.icon : node.iconDark;
|
||||
if (icon) {
|
||||
return true;
|
||||
}
|
||||
|
||||
@@ -32,7 +32,10 @@
|
||||
|
||||
.hc-black .monaco-workbench.blur-background #workbench\.parts\.editor,
|
||||
.hc-black .monaco-workbench.blur-background #workbench\.parts\.panel,
|
||||
.hc-black .monaco-workbench.blur-background #workbench\.parts\.sidebar {
|
||||
.hc-black .monaco-workbench.blur-background #workbench\.parts\.sidebar,
|
||||
.hc-light .monaco-workbench.blur-background #workbench\.parts\.editor,
|
||||
.hc-light .monaco-workbench.blur-background #workbench\.parts\.panel,
|
||||
.hc-light .monaco-workbench.blur-background #workbench\.parts\.sidebar {
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user