Fix colors and input sizes

BrunoQuaresma · BrunoQuaresma · commit a38eb9acc377 · 2023-05-09T19:49:29.000Z
diff --git a/site/src/components/Expander/Expander.tsx b/site/src/components/Expander/Expander.tsx
@@ -55,15 +55,16 @@ export const Expander: FC<PropsWithChildren<ExpanderProps>> = ({
 const useStyles = makeStyles((theme) => ({
   expandLink: {
     cursor: "pointer",
-    color: theme.palette.text.secondary,
+    color: theme.palette.text.primary,
   },
   collapseLink: {
     marginTop: theme.spacing(2),
+    color: theme.palette.text.primary,
   },
   text: {
     display: "flex",
     alignItems: "center",
-    color: theme.palette.text.secondary,
+    color: theme.palette.text.primary,
     fontSize: theme.typography.caption.fontSize,
   },
 }))
diff --git a/site/src/components/LicenseBanner/LicenseBannerView.tsx b/site/src/components/LicenseBanner/LicenseBannerView.tsx
@@ -36,7 +36,9 @@ export const LicenseBannerView: React.FC<LicenseBannerViewProps> = ({
         <div className={styles.leftContent}>
           <span>{messages[0]}</span>
           &nbsp;
-          <Link href="mailto:sales@coder.com">{Language.upgrade}</Link>
+          <Link color="white" fontWeight="medium" href="mailto:sales@coder.com">
+            {Language.upgrade}
+          </Link>
         </div>
       </div>
     )
@@ -52,7 +54,13 @@ export const LicenseBannerView: React.FC<LicenseBannerViewProps> = ({
           <div>
             {Language.exceeded}
             &nbsp;
-            <Link href="mailto:sales@coder.com">{Language.upgrade}</Link>
+            <Link
+              color="white"
+              fontWeight="medium"
+              href="mailto:sales@coder.com"
+            >
+              {Language.upgrade}
+            </Link>
           </div>
           <Expander expanded={showDetails} setExpanded={setShowDetails}>
             <ul className={styles.list}>
diff --git a/site/src/components/ParameterInput/ParameterInput.tsx b/site/src/components/ParameterInput/ParameterInput.tsx
@@ -71,7 +71,6 @@ const ParameterField: React.FC<ParameterInputProps> = ({
     return (
       <TextField
         id={schema.name}
-        size="small"
         defaultValue={defaultValue ?? schema.default_source_value}
         placeholder={schema.default_source_value}
         disabled={disabled}
@@ -102,13 +101,13 @@ const ParameterField: React.FC<ParameterInputProps> = ({
         <FormControlLabel
           disabled={disabled}
           value="true"
-          control={<Radio color="primary" size="small" disableRipple />}
+          control={<Radio color="primary" disableRipple />}
           label="True"
         />
         <FormControlLabel
           disabled={disabled}
           value="false"
-          control={<Radio color="primary" size="small" disableRipple />}
+          control={<Radio color="primary" disableRipple />}
           label="False"
         />
       </RadioGroup>
@@ -121,7 +120,6 @@ const ParameterField: React.FC<ParameterInputProps> = ({
   return (
     <TextField
       id={schema.name}
-      size="small"
       disabled={disabled}
       placeholder={schema.default_source_value}
       defaultValue={defaultValue ?? schema.default_source_value}
diff --git a/site/src/components/RichParameterInput/RichParameterInput.tsx b/site/src/components/RichParameterInput/RichParameterInput.tsx
@@ -193,7 +193,6 @@ const RichParameterField: React.FC<RichParameterInputProps> = ({
     <TextField
       {...props}
       type={parameter.type}
-      size="small"
       disabled={disabled}
       required={parameter.required}
       placeholder={parameter.default_value}
diff --git a/site/src/theme/theme.ts b/site/src/theme/theme.ts
@@ -126,7 +126,6 @@ dark = createTheme(dark, {
           height: BUTTON_MD_HEIGHT,
           padding: theme.spacing(1, 2),
           whiteSpace: "nowrap",
-          minWidth: "auto",
         }),
         sizeSmall: {
           borderRadius: 6,
