diff --git a/media/vscode.css b/media/vscode.css index 1686ee2..f29e650 100644 --- a/media/vscode.css +++ b/media/vscode.css @@ -92,3 +92,4 @@ textarea::placeholder { table { border: var(--default-border-size) solid var(--border); } + diff --git a/webview/features/Request/Authorization/RequestAuthSelectMenu.js b/webview/features/Request/Authorization/RequestAuthSelectMenu.js index e1cb8eb..4099f42 100644 --- a/webview/features/Request/Authorization/RequestAuthSelectMenu.js +++ b/webview/features/Request/Authorization/RequestAuthSelectMenu.js @@ -45,7 +45,7 @@ const OptionWrapper = styled.select` border-radius: 0.25rem; font-size: 1.1rem; font-weight: 600; - background: transparent; + background-color: var(--vscode-editor-background); color: rgba(255, 255, 255, 0.78); `; diff --git a/webview/features/Request/Body/RequestBodyRawOptions.js b/webview/features/Request/Body/RequestBodyRawOptions.js index ad8e6d4..8f87bf7 100644 --- a/webview/features/Request/Body/RequestBodyRawOptions.js +++ b/webview/features/Request/Body/RequestBodyRawOptions.js @@ -67,7 +67,7 @@ const SelectOptionWrapper = styled.select` border-radius: 0.25rem; font-size: 1rem; font-weight: 500; - background: transparent; + background-color: var(--vscode-editor-background); color: rgba(255, 255, 255, 0.78); `; diff --git a/webview/features/Request/CodeSnippet/RequestCodeSnippet.js b/webview/features/Request/CodeSnippet/RequestCodeSnippet.js index 3e7cd38..5a9208f 100644 --- a/webview/features/Request/CodeSnippet/RequestCodeSnippet.js +++ b/webview/features/Request/CodeSnippet/RequestCodeSnippet.js @@ -167,7 +167,7 @@ const SelectOptionWrapper = styled.select` border-radius: 0.25rem; font-size: 1rem; font-weight: 500; - background: transparent; + background-color: var(--vscode-editor-background); color: rgba(255, 255, 255, 0.78); `; diff --git a/webview/features/Request/Url/RequestUrl.js b/webview/features/Request/Url/RequestUrl.js index dbdb5bf..6e47934 100644 --- a/webview/features/Request/Url/RequestUrl.js +++ b/webview/features/Request/Url/RequestUrl.js @@ -56,6 +56,7 @@ const RequestUrl = () => { const InputContainer = styled.input` padding-left: 1.5rem; font-size: 1.15rem; + background-color: var(--vscode-editor-background); color: rgba(255, 255, 255, 0.78); `; diff --git a/webview/features/Response/Body/ResponseBodyMenuOption.js b/webview/features/Response/Body/ResponseBodyMenuOption.js index 097690a..bf26cef 100644 --- a/webview/features/Response/Body/ResponseBodyMenuOption.js +++ b/webview/features/Response/Body/ResponseBodyMenuOption.js @@ -52,7 +52,7 @@ const SelectOptionWrapper = styled.select` border-radius: 0.25rem; font-size: 1rem; font-weight: 500; - background: transparent; + background-color: var(--vscode-editor-background); color: rgba(255, 255, 255, 0.78); `; diff --git a/webview/features/Sidebar/Collection/SidebarCollection.js b/webview/features/Sidebar/Collection/SidebarCollection.js index eb9102f..15ec328 100644 --- a/webview/features/Sidebar/Collection/SidebarCollection.js +++ b/webview/features/Sidebar/Collection/SidebarCollection.js @@ -142,7 +142,8 @@ const UtilitySectionWrapper = styled.div` margin-top: 1rem; padding: 0.4rem 0.6rem; border-radius: 0.35rem; - color: white; + color: var(--default-text); + opacity: 0.78; } `;