theme fixes for dropdown classes

Author: LianaHus

apps/contract-verification/src/app/components/SearchableChainDropdown.tsx

@@ -101,7 +101,7 @@ export const SearchableChainDropdown: React.FC<DropdownProps> = ({ label, id, se
         placeholder={intl.formatMessage({ id: "contract-verification.searchableChainDropdown", defaultMessage: "Select a chain" })}
         className="form-control"
       />
-      <ul className="dropdown-menu show w-100 bg-light" style={{ maxHeight: '400px', overflowY: 'auto', display: isOpen ? 'initial' : 'none' }}>
+      <ul className="dropdown-menu show w-100" style={{ maxHeight: '400px', overflowY: 'auto', display: isOpen ? 'initial' : 'none' }}>
         {filteredOptions.map((chain) => (
           <li
             key={chain.chainId}

apps/remix-ide/src/assets/css/themes/remix-black_undtds.css

@@ -23,6 +23,7 @@
   --light: #1f2020;
   --dark: #1a1a1a;
   --text: #babbcc;
+  --text-background: #28292a;
   --body-bg: #1a1a1a;
   --custom-select: #252525;
   --brand-dark-blue: #222496;
@@ -2891,10 +2892,10 @@ input[type="submit"].btn-block {
   padding: 0.25rem 1.5rem;
   clear: both;
   font-weight: 400;
-  color: #212529;
+  color: var(--text);
   text-align: inherit;
   white-space: nowrap;
-  background-color: transparent;
+  background-color: var(--text-background);
   border: 0;
 }
 .dropdown-item:focus,

apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css

@@ -2738,10 +2738,10 @@ input[type="submit"].btn-block {
   padding: 0.5rem 0;
   margin: 0.125rem 0 0;
   font-size: 1rem;
-  color: #fff;
+  color: var(--text);
   text-align: left;
   list-style: none;
-  background-color: #fff;
+  background-color: var(--text-background);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 2px;
@@ -2886,10 +2886,10 @@ input[type="submit"].btn-block {
   padding: 0.25rem 1.5rem;
   clear: both;
   font-weight: 400;
-  color: #212529;
+  color: var(--text);
   text-align: inherit;
   white-space: nowrap;
-  background-color: transparent;
+  background-color: var(--text-background);
   border: 0;
 }
 .dropdown-item:focus,

apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css

@@ -2751,10 +2751,10 @@ input[type="submit"].btn-block {
   padding: 0.5rem 0;
   margin: 0.125rem 0 0;
   font-size: 1rem;
-  color: #fff;
+  color: var(--text);
   text-align: left;
   list-style: none;
-  background-color: #fff;
+  background-color: var(--text-background);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 2px;
@@ -2899,10 +2899,10 @@ input[type="submit"].btn-block {
   padding: 0.25rem 1.5rem;
   clear: both;
   font-weight: 400;
-  color: #212529;
+  color: var(--text);
   text-align: inherit;
   white-space: nowrap;
-  background-color: transparent;
+  background-color: var(--text-background);
   border: 0;
 }
 .dropdown-item:focus,