diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-07-17 12:05:03 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-07-17 12:05:03 -0700 |
| commit | 08221a0879b4a163eab6860524f255dbcb4743ae (patch) | |
| tree | 0654011e8bfd78e2034eec150f3d79c9f9a96930 /extension/react-app/src/components/InputAndButton.tsx | |
| parent | 88c1f16c597e0a55271e622a5283562ccb7a80a1 (diff) | |
| download | sncontinue-08221a0879b4a163eab6860524f255dbcb4743ae.tar.gz sncontinue-08221a0879b4a163eab6860524f255dbcb4743ae.tar.bz2 sncontinue-08221a0879b4a163eab6860524f255dbcb4743ae.zip | |
match vscode color theme
Diffstat (limited to 'extension/react-app/src/components/InputAndButton.tsx')
| -rw-r--r-- | extension/react-app/src/components/InputAndButton.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/extension/react-app/src/components/InputAndButton.tsx b/extension/react-app/src/components/InputAndButton.tsx index 0a8592f2..8019d014 100644 --- a/extension/react-app/src/components/InputAndButton.tsx +++ b/extension/react-app/src/components/InputAndButton.tsx @@ -1,6 +1,6 @@ import React, { useRef } from "react"; import styled from "styled-components"; -import { vscBackground } from "."; +import { vscBackground, vscForeground } from "."; interface InputAndButtonProps { onUserInput: (input: string) => void; @@ -16,7 +16,7 @@ const Input = styled.input` padding: 0.5rem; border: 1px solid white; background-color: ${vscBackground}; - color: white; + color: ${vscForeground}; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; @@ -27,7 +27,7 @@ const Button = styled.button` padding: 0.5rem; border: 1px solid white; background-color: ${vscBackground}; - color: white; + color: ${vscForeground}; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; @@ -35,8 +35,8 @@ const Button = styled.button` cursor: pointer; &:hover { - background-color: white; - color: black; + background-color: ${vscForeground}; + color: ${vscBackground}; } `; |