diff --git a/src/sql/base/browser/ui/table/media/table.css b/src/sql/base/browser/ui/table/media/table.css index 497aeb2448..5e6bf85f5a 100644 --- a/src/sql/base/browser/ui/table/media/table.css +++ b/src/sql/base/browser/ui/table/media/table.css @@ -22,19 +22,26 @@ background-size: 8px; background-repeat: no-repeat; } + +.vs .slick-header-menuicon.ascending, .vs .monaco-table .slick-sort-indicator-asc { background-image: url('sort_asc.svg'); } +.vs-dark .slick-header-menuicon.ascending, +.hc-black .slick-header-menuicon.ascending, .vs-dark .monaco-table .slick-sort-indicator-asc, .hc-black .monaco-table .slick-sort-indicator-asc { background-image: url('sort_asc_inverse.svg'); } +.vs .slick-header-menuicon.descending, .vs .monaco-table .slick-sort-indicator-desc { background-image: url('sort_desc.svg'); } +.vs-dark .slick-header-menuicon.descending, +.hc-black .slick-header-menuicon.descending, .vs-dark .monaco-table .slick-sort-indicator-desc, .hc-black .monaco-table .slick-sort-indicator-desc { background-image: url('sort_desc_inverse.svg'); @@ -198,14 +205,7 @@ width: 100%; padding: 0 0 0 18px; margin: 0px; -} - -.slick-header-menuicon.ascending { - background-image: url('sort-asc.gif'); -} - -.slick-header-menuicon.descending { - background-image: url('sort-desc.gif'); + background-size: 10px; } .slick-header-menucontent {