SQL Search results in a Dark Theme

[adelscott74]

In "SQL Search Results" with default Dark Theme a foreground text is black but it shoul be white:

[aalkhatib9]

not an optimal fix, but I hardcoded it to work in darkmode. Hopefully this can serve as a temporary fix until redgate deploys an optimal/permeant fix

go to C:\Users\user.azuredatastudio\extensions\redgate.sql-search-0.4.0\out\frontend\static\css or C:\Users\user.azuredatastudio\extensions\redgate.sql-search-0.4.0\out\frontend\build\static\css (whichever ADS calls on your computer)

open file main.ab64a918.chunk

Note: always save a backup of the old code before pasting and saving over it.

paste code below.

.result-row .icon{background-color:#ccc;-webkit-mask:url(/images/icon-options.svg) no-repeat 50% 50%;mask:url(/images/icon-options.svg) no-repeat 50% 50%;width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;cursor:pointer}.option-menu{display:flex;flex-direction:row}.options{display:none;color:#0;font-size:.9em}.option-menu:focus{pointer-events:none;outline:none}.option-menu:focus .options{pointer-events:auto;position:absolute;display:flex;flex-direction:column;margin-left:1.5em;background:#ccc;box-shadow:0 0 10px #0}.option{display:flex;padding:.6em .4em;cursor:pointer}.option:hover{background-color:#e2e2e2}.result-table th{font-weight:700;font-size:1.1em;white-space:nowrap;padding:1em 1em 1em .4em;text-align:left;position:-webkit-sticky;position:sticky;top:-1px}.result-table{border-collapse:collapse;margin:1em}.result-table tr:hover td{background-color:#ccc;color:#0}.result-table tr:hover .icon{background-color:#0}.result-table td{font-weight:200;font-size:1.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:25em;padding:.5em 1.1em .5em .4em}.no-results-found{display:flex;justify-content:center;font-size:1.3em;padding-top:3em}.gatebase-loader .gatebase{width:82px;height:92px;position:relative;background-color:#c00}.gatebase-loader .gatebase:before,.gatebase:after{content:"";display:block;position:absolute;width:100%;height:26%;top:-10.87%;border-radius:150%;background-color:#c00}.gatebase-loader .gatebase:after{top:auto;bottom:-10.87%}.gatebase-loader .spinnergatebase{display:inline-block;width:20.5px;height:23px;-webkit-animation:spinner 1s ease-in-out infinite both;animation:spinner 1s ease-in-out infinite both}.gatebase-loader .spinnergatebase--2{-webkit-animation-delay:.16s;animation-delay:.16s}.gatebase-loader .spinner__gatebase--3{-webkit-animation-delay:.32s;animation-delay:.32s}@-webkit-keyframes spinner{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@Keyframes spinner{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.loader{display:flex;justify-content:center;padding-top:5em}.sqlsearch-results-app{display:table;width:100%}.sqlsearch-scope-banner{font-size:1.1em;background-color:rgba(0,0,0,.1);position:relative;padding:.5em 1.4em;border-bottom:1px solid #515151}.sqlsearch-scope-banner p{background-color:initial;margin:0}body{margin:0;padding:0}*{background-color:inherit}

[jtsom]

I pasted that code into both of the files you listed, and it didn't change the search results. it's still unreadable black test on a dark background.

[aalkhatib9]

Apologies, just realized that the code doesn't match when pasting it. It changes the "white! important" to some other color. it wont' allow me to attach the .css file here either. Best I can do is attach a screenshot and try to make your code match the screenshot