Merge pull request #465 from manosim/fix/form-text-enterprise

fix: Improve enterprise login form text on dark mode

Author: manosim

.github/workflows/build-app.yml

@@ -1,6 +1,6 @@
 name: Build App
 
-on: [push, pull_request]
+on: [push]
 
 jobs:
   build-macos:

src/components/fields/FieldInput.tsx

@@ -32,7 +32,7 @@ export class FieldInput extends React.PureComponent<IProps> {
 
             <input
               type="text"
-              className="appearance-none block w-full bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
+              className="appearance-none block w-full dark:text-gray-800 bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
               id={input.name}
               placeholder={placeholder}
               {...input}

src/routes/__snapshots__/LoginEnterprise.test.tsx.snap

@@ -56,7 +56,7 @@ exports[`routes/LoginEnterprise.js renders correctly 1`] = `
           Hostname
         </label>
         <input
-          className="appearance-none block w-full bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
+          className="appearance-none block w-full dark:text-gray-800 bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
           id="hostname"
           name="hostname"
           onBlur={[Function]}
@@ -77,7 +77,7 @@ exports[`routes/LoginEnterprise.js renders correctly 1`] = `
           Client ID
         </label>
         <input
-          className="appearance-none block w-full bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
+          className="appearance-none block w-full dark:text-gray-800 bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
           id="clientId"
           name="clientId"
           onBlur={[Function]}
@@ -98,7 +98,7 @@ exports[`routes/LoginEnterprise.js renders correctly 1`] = `
           Client Secret
         </label>
         <input
-          className="appearance-none block w-full bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
+          className="appearance-none block w-full dark:text-gray-800 bg-gray-100 border border-red rounded py-2 px-4 mb-2 focus:bg-gray-200 focus:outline-none"
           id="clientSecret"
           name="clientSecret"
           onBlur={[Function]}