diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-07-24 01:00:42 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-07-24 01:00:42 -0700 |
| commit | 85ce06beb9b2d587b0b572117a98318d226bed61 (patch) | |
| tree | 76fc6232b5219d0bd61b547b26624641a99e7b9b /extension/react-app/src/components/InputAndButton.tsx | |
| parent | 699a74250fd4cf91af930ff63077aeb81f74856f (diff) | |
| parent | 885f88af1d7b35e03b1de4df3e74a60da1a777ed (diff) | |
| download | sncontinue-85ce06beb9b2d587b0b572117a98318d226bed61.tar.gz sncontinue-85ce06beb9b2d587b0b572117a98318d226bed61.tar.bz2 sncontinue-85ce06beb9b2d587b0b572117a98318d226bed61.zip | |
Merge branch 'main' into show-react-immediately
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}; } `; |