add border to form inputs when using light them (#252)

Author: chris48s

packages/docusaurus-theme-openapi/src/theme/ApiDemoPanel/FormMultiSelect/styles.module.css

@@ -13,6 +13,12 @@
   border: 2px solid transparent;
 }
 
+html[data-theme="light"] .selectInput {
+  border-color: var(--ifm-color-primary-lightest);
+  border-style: solid;
+  border-width: 1px;
+}
+
 .selectInput {
   composes: inputBase;
   -moz-appearance: none;

packages/docusaurus-theme-openapi/src/theme/ApiDemoPanel/FormSelect/styles.module.css

@@ -34,6 +34,12 @@ html[data-theme="dark"] .selectInput {
   background-size: auto auto;
 }
 
+html[data-theme="light"] .selectInput {
+  border-color: var(--ifm-color-primary-lightest);
+  border-style: solid;
+  border-width: 1px;
+}
+
 .selectInput {
   composes: inputBase;
   -moz-appearance: none;

packages/docusaurus-theme-openapi/src/theme/ApiDemoPanel/FormTextInput/styles.module.css

@@ -12,6 +12,12 @@
   border-radius: 4px;
 }
 
+html[data-theme="light"] .input {
+  border-color: var(--ifm-color-primary-lightest);
+  border-style: solid;
+  border-width: 1px;
+}
+
 .input {
   composes: inputBase;
 }