Use light theme for all dialog inputs

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+config-secrets/add-secret-dialog.tsx

@@ -157,6 +157,7 @@ export class AddSecretDialog extends React.Component<Props> {
             return (
               <div key={index} className="secret-field flex gaps auto align-center">
                 <Input
+                  lightTheme
                   className="key"
                   placeholder="Name"
                   title={key}
@@ -165,6 +166,7 @@ export class AddSecretDialog extends React.Component<Props> {
                   value={key} onChange={v => item.key = v}
                 />
                 <Input
+                  lightTheme
                   multiLine maxRows={5}
                   required={required}
                   className="value"
@@ -205,6 +207,7 @@ export class AddSecretDialog extends React.Component<Props> {
             <div className="secret-name">
               <SubTitle title="Secret name" />
               <Input
+                lightTheme
                 autoFocus required
                 placeholder="Name"
                 trim

src/renderer/components/+preferences/add-helm-repo-dialog.tsx

@@ -104,6 +104,7 @@ export class AddHelmRepoDialog extends React.Component<Props> {
     return(
       <div className="flex gaps align-center">
         <Input
+          lightTheme
           placeholder={placeholder}
           validators={isPath}
           className="box grow"
@@ -132,10 +133,12 @@ export class AddHelmRepoDialog extends React.Component<Props> {
         {this.renderFileInput(`Certificate file`, FileType.CertFile, AddHelmRepoDialog.certExtensions)}
         <SubTitle title="Chart Repository Credentials" />
         <Input
+          lightTheme
           placeholder="Username"
           value={this.helmRepo.username} onChange= {v => this.helmRepo.username = v}
         />
         <Input
+          lightTheme
           type="password"
           placeholder="Password"
           value={this.helmRepo.password} onChange={v => this.helmRepo.password = v}
@@ -159,6 +162,7 @@ export class AddHelmRepoDialog extends React.Component<Props> {
           <WizardStep contentClass="flow column" nextLabel="Add" next={() => this.addCustomRepo()}>
             <div className="flex column gaps">
               <Input
+                lightTheme
                 autoFocus required
                 placeholder="Helm repo name"
                 trim
@@ -166,6 +170,7 @@ export class AddHelmRepoDialog extends React.Component<Props> {
                 value={this.helmRepo.name} onChange={v => this.helmRepo.name = v}
               />
               <Input
+                lightTheme 
                 required
                 placeholder="URL"
                 validators={isUrl}

src/renderer/components/+user-management/+cluster-role-bindings/dialog.tsx

@@ -205,6 +205,7 @@ export class ClusterRoleBindingDialog extends React.Component<Props> {
 
         <SubTitle title="Binding Name" />
         <Input
+          lightTheme
           placeholder="Name of ClusterRoleBinding ..."
           disabled={this.isEditing}
           value={this.bindingName}

src/renderer/components/+user-management/+cluster-roles/add-dialog.tsx

@@ -75,6 +75,7 @@ export class AddClusterRoleDialog extends React.Component<Props> {
           >
             <SubTitle title="ClusterRole Name" />
             <Input
+              lightTheme
               required autoFocus
               placeholder="Name"
               iconLeft="supervisor_account"

src/renderer/components/+user-management/+role-bindings/dialog.tsx

@@ -203,6 +203,7 @@ export class RoleBindingDialog extends React.Component<Props> {
 
         <SubTitle title="Binding Name" />
         <Input
+          lightTheme
           disabled={this.isEditing}
           value={this.bindingName}
           onChange={value => this.bindingName = value}

src/renderer/components/+user-management/+service-accounts/create-dialog.tsx

@@ -72,6 +72,7 @@ export class CreateServiceAccountDialog extends React.Component<Props> {
           <WizardStep nextLabel="Create" next={this.createAccount}>
             <SubTitle title="Account Name" />
             <Input
+              lightTheme
               autoFocus
               required
               placeholder="Enter a name"

src/renderer/components/+workloads-cronjobs/cronjob-trigger-dialog.tsx

@@ -105,6 +105,7 @@ export class CronJobTriggerDialog extends Component<Props> {
         </div>
         <div className="flex gaps">
           <Input
+            lightTheme
             required autoFocus
             placeholder={this.jobName}
             trim

src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx

@@ -162,6 +162,7 @@ export const ClusterLocalTerminalSetting = observer(({ cluster }: Props) => {
                     material="close"
                     title="Clear"
                     onClick={() => setAndCommitDirectory("")}
+                    smallest
                   />
                 )
               }
@@ -169,6 +170,7 @@ export const ClusterLocalTerminalSetting = observer(({ cluster }: Props) => {
                 material="folder"
                 title="Pick from filesystem"
                 onClick={openFilePicker}
+                smallest
               />
             </>
           }

src/renderer/components/cluster-settings/components/cluster-metrics-setting.tsx

@@ -85,7 +85,6 @@ export class ClusterMetricsSetting extends React.Component<Props> {
           options={Object.values(ClusterMetricsResourceType)}
           onChange={this.onChangeSelect}
           formatOptionLabel={this.formatOptionLabel}
-          lightTheme
         />
         <Button
           primary

src/renderer/components/cluster-settings/components/cluster-prometheus-setting.tsx

@@ -122,7 +122,6 @@ export class ClusterPrometheusSetting extends React.Component<Props> {
                     this.onSaveProvider();
                   }}
                   options={this.options}
-                  lightTheme
                 />
                 <small className="hint">What query format is used to fetch metrics from Prometheus</small>
               </>

src/renderer/components/item-object-list/item-list-layout.scss

@@ -21,7 +21,7 @@
     }
 
     .SearchInput label {
-      padding: 7px; // Align with sibling selector
+      height: 34px; // Align with sibling selector
     }
   }
 

src/renderer/port-forward/port-forward-dialog.tsx

@@ -109,6 +109,7 @@ class NonInjectedPortForwardDialog extends Component<Props & Dependencies> {
               value={this.desiredPort === 0 ? "" : String(this.desiredPort)}
               placeholder={"Random"}
               onChange={this.changePort}
+              lightTheme
             />
           </div>
           <Checkbox