Some theming tweaks

malloydata · Aug 31, 2023 · 5c08e1d · 5c08e1d
1 parent b40c628
commit 5c08e1d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/extension/webviews/query_page/App.tsx b/src/extension/webviews/query_page/App.tsx
@@ -432,13 +432,14 @@ const Tooltip = styled.div`
 const Warning = styled.div`
   color: var(--vscode-statusBarItem-warningForeground);
   background-color: var(--vscode-statusBarItem-warningBackground);
+  font-size: 12px;
   padding: 5px;
 `;
 
 const StatsBar = styled.div`
-  background-color: #505050;
-  color: white;
-  box-shadow: rgb(144 144 144) 0px 1px 5px 0px;
+  color: var(--vscode-editorWidget-Foreground);
+  background-color: var(--vscode-editorWidget-background);
+  font-size: 12px;
   padding: 5px;
 `;
 

diff --git a/src/extension/webviews/query_page/ResultKindToggle.tsx b/src/extension/webviews/query_page/ResultKindToggle.tsx
@@ -90,13 +90,13 @@ interface ResultControlProps {
   selected: boolean;
 }
 
-const ResultControl = styled.button<ResultControlProps>`
+const ResultControl = styled.div<ResultControlProps>`
   border: 0;
   border-bottom: 1px solid ${props => (props.selected ? '#4285f4' : 'white')};
   cursor: pointer;
-  background-color: white;
   padding: 3px 5px;
   color: ${props => (props.selected ? '#4285f4' : '#b1b1b1')};
+  margin-bottom: -1px;
 
   &:hover {
     border-bottom: 1px solid;