0ct0pu5/rustpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor(ui): use darker colors for selections

Browse source 
Signed-off-by: SphericalKat <amolele@gmail.com>
This commit is contained in:
SphericalKat 2021-06-08 00:57:28 +05:30
parent 2a12ab106b
commit 657c7109b1
No known key found for this signature in database
GPG key ID: 02A1D73C0EE5E788
1 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/App.tsx
View file

@ -203,12 +203,21 @@ function App() {
</Heading>
<Select
size="sm"
bgColor="white"
bgColor={darkMode ? "#3c3c3c" : "white"}
borderColor={darkMode ? "#3c3c3c" : "white"}
color={darkMode ? "#cbcaca" : undefined}
value={language}
onChange={(event) => handleChangeLanguage(event.target.value)}
>
{languages.map((lang) => (
<option key={lang} value={lang}>
<option
key={lang}
value={lang}
style={{
backgroundColor: darkMode ? "#3c3c3c" : "white",
color: darkMode ? "#cbcaca" : undefined,
}}
>
{lang}
</option>
))}
@ -227,11 +236,20 @@ function App() {
readOnly
pr="3.5rem"
variant="outline"
bgColor="white"
bgColor={darkMode ? "#3c3c3c" : "white"}
borderColor={darkMode ? "#3c3c3c" : "white"}
color={darkMode ? "#cbcaca" : undefined}
value={`${window.location.origin}/#${id}`}
/>
<InputRightElement width="3.5rem">
<Button h="1.4rem" size="xs" onClick={handleCopy}>
<Button
h="1.4rem"
size="xs"
onClick={handleCopy}
_hover={{ bg: darkMode ? "#575759" : "gray.200" }}
bg={darkMode ? "#575759" : "gray.200"}
color={darkMode ? "#cbcaca" : undefined}
>
Copy
</Button>
</InputRightElement>