slickColorTheme.css

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
 * Theme agnostic
 *
 */

.errorMessage {
    color: var(--color-error);
}

.batchMessage {
    padding-left: 20px;
}

.slick-cell a,
.resultsMessageValue a {
    color: var(--color-grid-link);
    cursor: pointer;
    white-space: inherit;
}

.resultsMessageValue a {
    text-decoration: underline;
}

.slick-cell a {
    text-decoration: none;
}

.slick-cell a:hover,
.resultsMessageValue a:hover {
    color: var(--color-grid-link-hover);
    text-decoration: underline;
}

/*
 * vs theme
 *
 */
.vs .boxRow.content.horzBox.slickgrid {
    border: solid 1px #eeeef2;
}

/* icons */
.vs .codicon.arrowMaximize {
    /* ExtendToFullScreen_16x_vscode */
    background-image: url("arrowMaximize.svg");
}

.vs .codicon.arrowMinimize {
    /* arrowMinimize_16x_vscode */
    background-image: url("arrowMinimize.svg");
}

.vs .codicon.saveJson {
    /* ResultToJSON_16x_vscode */
    background-image: url("saveJson.svg");
}

.vs .codicon.saveCsv {
    /* ResultToCSV_16x_vscode */
    background-image: url("saveCsv.svg");
}

.vs .codicon.saveExcel {
    /* ResultToXlsx_16x_vscode */
    background-image: url("saveExcel.svg");
}

.vs .codicon.saveMarkdown {
    /* ResultToMarkdown_16x_vscode */
    background-image: url("saveMarkdown.svg");
}

.vs .codicon.saveXml {
    /* ResultToXML_16x_vscode */
    background-image: url("saveXml.svg");
}

.vs .codicon.viewChart {
    /* ResultToXlsx_16x_vscode */
    background-image: url("viewChart.svg");
}

.vs .codicon.viewVisualizer {
    background-image: url("viewVisualizer.svg");
}

/* headers */
.vs .resultsMessageHeader {
    background: var(--color-bg-header);
    color: var(--color-content);
}

.vs .resultsViewCollapsible:not(.collapsed) {
    background-image: url("uncollapsedArrow.svg");
    background-repeat: no-repeat;
    background-position: 2px;
}

.vs .resultsViewCollapsible {
    background-image: url("collapsedArrow.svg");
    background-repeat: no-repeat;
    background-position: 2px;
}

.vs .queryResultsShortCut {
    color: grey;
}

/* scroll bar */

.vs ::-webkit-scrollbar {
    width: 14px;
    height: 12px;
}
.vs ::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 47%, 0.4);
}

.vs ::-webkit-scrollbar-thumb:hover {
    background: hsla(0, 0%, 39%, 0.7);
}

.vs ::-webkit-scrollbar-thumb:active {
    background: rgba(85, 85, 85, 0.8);
}

.vs ::-webkit-scrollbar-track {
    background: var(--background-color);
}

.vs ::-webkit-scrollbar-corner {
    background: transparent;
}

.monaco-workbench.vs input {
    color: var(--color-content);
}

.monaco-workbench.vs .input {
    background-color: white;
}

/*
 * vs-dark theme
 *
 */
.vs-dark .boxRow.content.horzBox.slickgrid {
    border: solid 1px #2d2d30;
}

/* icons */
.hc-light .codicon.arrowMaximize {
    /* ExtendToFullScreen_16x_vscode_inverse.svg */
    background-image: url("arrowMaximize.svg");
}

.vs-dark .codicon.arrowMaximize,
.hc-black .codicon.arrowMaximize {
    /* ExtendToFullScreen_16x_vscode_inverse.svg */
    background-image: url("arrowMaximize_inverse.svg");
}

.hc-light .codicon.arrowMinimize {
    background-image: url("arrowMinimize.svg");
}

.vs-dark .codicon.arrowMinimize,
.hc-black .codicon.arrowMinimize {
    /* arrowMinimize_16x_vscode_inverse.svg */
    background-image: url("arrowMinimize_inverse.svg");
}

.hc-light .codicon.saveJson {
    background-image: url("saveJson.svg");
}

.vs-dark .codicon.saveJson,
.hc-black .codicon.saveJson {
    /* ResultToJSON_16x_vscode_inverse.svg */
    background-image: url("saveJson_inverse.svg");
}

.hc-light .codicon.saveCsv {
    background-image: url("saveCsv.svg");
}

.vs-dark .codicon.saveCsv,
.hc-black .codicon.saveCsv {
    /* ResultToCSV_16x_vscode_inverse.svg */
    background-image: url("saveCsv_inverse.svg");
}

.hc-light .codicon.saveExcel {
    background-image: url("saveExcel.svg");
}

.vs-dark .codicon.saveExcel,
.hc-black .codicon.saveExcel {
    /* ResultToXlsx_16x_vscode_inverse.svg */
    background-image: url("saveExcel_inverse.svg");
}

.hc-light .codicon.saveMarkdown {
    background-image: url("saveMarkdown.svg");
}

.vs-dark .codicon.saveMarkdown,
.hc-black .codicon.saveMarkdown {
    /* ResultToMarkdown_16x_vscode_inverse.svg */
    background-image: url("saveMarkdown_inverse.svg");
}

.hc-light .codicon.saveXml {
    background-image: url("saveXml.svg");
}

.vs-dark .codicon.saveXml,
.hc-black .codicon.saveXml {
    /* ResultToXml_16x_vscode_inverse.svg */
    background-image: url("saveXml_inverse.svg");
}

.hc-light .codicon.viewChart {
    background-image: url("viewChart.svg");
}

.vs-dark .codicon.viewChart,
.hc-black .codicon.viewChart {
    /* ResultToXlsx_16x_vscode */
    background-image: url("viewChart_inverse.svg");
}

.hc-light .codicon.viewVisualizer {
    background-image: url("viewVisualizer.svg");
}

.vs-dark .codicon.viewVisualizer,
.hc-black .codicon.viewVisualizer {
    background-image: url("viewVisualizer_inverse.svg");
}

.grid-panel .action-label.codicon {
    height: 16px;
    min-width: 28px;
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* headers */
.vs-dark .resultsMessageHeader {
    background: var(--color-bg-header);
    color: var(--color-content);
}

.vs-dark .resultsViewCollapsible:not(.collapsed),
.hc-black .resultsViewCollapsible:not(.collapsed) {
    background-image: url("uncollapsedArrow_inverse.svg");
    background-repeat: no-repeat;
    background-position: 2px;
}

.vs-dark .resultsViewCollapsible,
.hc-black .resultsViewCollapsible {
    background-image: url("collapsedArrow_inverse.svg");
    background-repeat: no-repeat;
    background-position: 2px;
}

.vs-dark .queryResultsShortCut {
    color: grey;
}

/* scroll bar */

.vs-dark ::-webkit-scrollbar {
    width: 14px;
    height: 10px;
}

.vs-dark ::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 47%, 0.4);
}

.vs-dark ::-webkit-scrollbar-thumb:hover {
    background: hsla(0, 0%, 39%, 0.7);
}

.vs-dark ::-webkit-scrollbar-thumb:active {
    background: rgba(85, 85, 85, 0.8);
}

.vs-dark ::-webkit-scrollbar-track {
    background: var(--background-color);
}

.vs-dark ::-webkit-scrollbar-corner {
    background: transparent;
}

.monaco-workbench.vs-dark input,
.monaco-workbench.vs-dark .input {
    color: var(--color-content);
    background-color: #3c3c3c;
}

/*
 * hc-black theme
 *
 */

.hc-black .boxRow.content.horzBox.slickgrid {
    border: solid 1px #2d2d30;
}

/* headers */
.hc-black .resultsMessageHeader {
    background: var(--color-bg-header);
    color: var(--color-content);
}

.hc-black .queryResultsShortCut {
    color: grey;
}

/* scroll bar */

.hc-black ::-webkit-scrollbar {
    width: 14px;
    height: 10px;
}

.hc-black ::-webkit-scrollbar-thumb {
    background-color: rgba(111, 195, 223, 0.3);
}

.hc-black ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(111, 195, 223, 0.8);
}

.hc-black ::-webkit-scrollbar-thumb:active {
    background-color: rgba(111, 195, 223, 0.8);
}

.hc-black ::-webkit-scrollbar-track {
    background: var(--background-color);
}

.hc-black ::-webkit-scrollbar-corner {
    background: transparent;
}

.monaco-workbench.hc-black input {
    color: #000;
    background-color: #fff;
}