fix: added proper code for colors

liuyiming588 · May 24, 2023 · ecd1ca8 · ecd1ca8
1 parent 02eb3f4
commit ecd1ca8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/app/sandbox/components/ContractCall/DefaultView/SearchContractsForm.tsx b/src/app/sandbox/components/ContractCall/DefaultView/SearchContractsForm.tsx
@@ -85,7 +85,7 @@ export const SearchContractsForm: FC<{ rootContractAddress: string }> = ({
                   onBlur={handleBlur}
                   value={values.principal}
                   placeholder="Enter the contract address"
-                  color={colorMode === 'light' ? '#000' : '#fff'}
+                  color={colorMode === 'light' ? '#000000' : '#FFFFFF'}
                   onPaste={(e: React.ClipboardEvent<HTMLInputElement>) =>
                     onPaste(e, (value: string) => {
                       const cleanValue = value.trim().toString();
@@ -110,7 +110,7 @@ export const SearchContractsForm: FC<{ rootContractAddress: string }> = ({
                   onBlur={handleBlur}
                   value={values.contract_name}
                   placeholder="Enter the contract name"
-                  color={colorMode === 'light' ? '#000' : '#fff'}
+                  color={colorMode === 'light' ? '#000000' : '#FFFFFF'}
                 />
                 <Box>
                   <Button onClick={() => handleSubmit()}>Get contract</Button>

diff --git a/src/app/sandbox/editor-config/define-theme.ts b/src/app/sandbox/editor-config/define-theme.ts
@@ -13,7 +13,7 @@ export function defineTheme(monaco: Monaco) {
       'diffEditor.insertedTextBackground': '#00809b33',
       'dropdown.background': '#1d1f23',
       'dropdown.border': '#181a1f',
-      'editor.background': '#000',
+      'editor.background': '#000000',
       'editor.findMatchBackground': '#42557b',
       'editor.findMatchHighlightBackground': '#314365',
       'editor.lineHighlightBackground': '#383e4a',

diff --git a/src/features/status-bar/status-bar.tsx b/src/features/status-bar/status-bar.tsx
@@ -64,7 +64,7 @@ export const StatusBar: FC = () => {
             {description}
             {description.endsWith('.') ? '' : '.'}
           </Text>{' '}
-          <Text fontWeight={400} fontSize={'14px'} color={'#000'} lineHeight={'1.5'}>
+          <Text fontWeight={400} fontSize={'14px'} color={'#000000'} lineHeight={'1.5'}>
             More information on the{' '}
             <TextLink
               href="https://status.hiro.so/"