ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Adding light contrast theme (#22028)

Browse Source 
* 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
2023-03-06 17:31:27 -08:00
committed by GitHub
parent 29c1f5edd0
commit d3f4f0daa4
61 changed files with 912 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/sql/workbench/contrib/jobManagement/browser/media/jobHistory.css
View File

@@ -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;
}

10
src/sql/workbench/contrib/jobManagement/browser/media/jobStepsView.css
View File

@@ -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,

101
src/sql/workbench/contrib/jobManagement/browser/media/jobs.css
View File

@@ -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");
}