From 8ac331ea4df693b9adf86a66f405443983ef9d96 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 10 Jul 2023 10:58:26 +0200
Subject: [PATCH] fixing disabled btn colors for dark themes removing compiled
 by for remix case

---
 .../css/themes/bootstrap-cyborg.min.css       | 12 +++++-----
 .../assets/css/themes/remix-black_undtds.css  |  2 +-
 .../assets/css/themes/remix-dark_tvx1s2.css   |  6 ++---
 .../assets/css/themes/remix-hacker_owl.css    |  6 ++---
 .../src/lib/components/contractDropdownUI.tsx | 22 +++++++++----------
 5 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css
index e2395667b5..8a43b26912 100644
--- a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css
+++ b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css
@@ -2176,9 +2176,9 @@ a.btn.disabled,fieldset:disabled a.btn {
     box-shadow:0 0 0 .2rem rgba(74,173,220,.5)
 }
 .btn-primary.disabled,.btn-primary:disabled {
-    color:#fff;
-    background-color:#2a9fd6;
-    border-color:#2a9fd6
+  color: #a6bdcd;
+  background-color: #327b96;
+  border-color: #327b96;
 }
 .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
     color:#fff;
@@ -4419,9 +4419,9 @@ a.badge-dark.focus,a.badge-dark:focus {
     color:#311141
 }
 .alert-warning {
-    color:#854700;
-    background-color:#ffe7cc;
-    border-color:#ffdeb8
+    color: #fff;
+    background-color: #ffe7cc;
+    border-color: #ffdeb8
 }
 .alert-warning hr {
     border-top-color:#ffd29f
diff --git a/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css b/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css
index 29fe4a78d0..d917e3095c 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css
@@ -2149,7 +2149,7 @@ fieldset:disabled a.btn {
 .btn-primary.disabled,
 .btn-primary:disabled {
   color: #d5d5d5;
-  background-color: #153844;
+  background-color: #327b96;
   border-color: #007aa6;
 }
 .btn-primary:not(:disabled):not(.disabled).active,
diff --git a/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css b/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css
index 9a96e67e48..3f21f14247 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css
@@ -2149,9 +2149,9 @@ fieldset:disabled a.btn {
 }
 .btn-primary.disabled,
 .btn-primary:disabled {
-  color: #fff;
-  background-color: #007aa6;
-  border-color: #007aa6;
+  color: #a6bdcd;
+  background-color: #327b96;
+  border-color: #327b96;
 }
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
index 33fef7acfe..3513bd73fc 100644
--- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
+++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
@@ -2163,9 +2163,9 @@ fieldset:disabled a.btn {
 }
 .btn-primary.disabled,
 .btn-primary:disabled {
-  color: #fff;
-  background-color: #007aa6;
-  border-color: #007aa6;
+  color: #a6bdcd;
+  background-color: #327b96;
+  border-color: #327b96;
 }
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
diff --git a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
index 353732de9d..758207f66e 100644
--- a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
@@ -258,14 +258,14 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
     return (
       <div>
         { 
-        values.overSizeEip170 && <div>
-          <FormattedMessage id='udapp.isOverSizePromptEip170' values={{ br: <br />, a: <a href="https://eips.ethereum.org/EIPS/eip-170" target="_blank" rel="noreferrer">eip-170</a> }} />
-        </div>
+          values.overSizeEip170 && <div>
+            <FormattedMessage id='udapp.isOverSizePromptEip170' values={{ br: <br />, a: <a href="https://eips.ethereum.org/EIPS/eip-170" target="_blank" rel="noreferrer">eip-170</a> }} />
+          </div>
         }
         { 
-        values.overSizeEip3860 && <div>
-          <FormattedMessage id='udapp.isOverSizePromptEip3860' values={{ br: <br />, a: <a href="https://eips.ethereum.org/EIPS/eip-3860" target="_blank" rel="noreferrer">eip-3860</a> }} />
-        </div>
+          values.overSizeEip3860 && <div>
+            <FormattedMessage id='udapp.isOverSizePromptEip3860' values={{ br: <br />, a: <a href="https://eips.ethereum.org/EIPS/eip-3860" target="_blank" rel="noreferrer">eip-3860</a> }} />
+          </div>
         }
       </div>
     )
@@ -282,13 +282,13 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
           <label className="udapp_settingsLabel pr-1">
             <FormattedMessage id='udapp.contract' />
           </label>
-          {compilerName && compilerName !== '' && 
+          { compilerName && compilerName !== '' && compilerName !== 'remix' &&
             <label className='udapp_settingsCompiledBy badge badge-secondary' data-id="udappCompiledBy">
               <FormattedMessage id='udapp.compiledBy' values={{ compilerName: <span className="text-capitalize">{compilerName}</span> }} />
             </label>
           }
         </div>
-        {props.remixdActivated ?
+        { props.remixdActivated ?
           (<CustomTooltip
             placement={'right'}
             tooltipClasses="text-wrap text-left"
@@ -304,7 +304,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
               <i style={{ cursor: 'pointer' }} className="fa fa-refresh mr-2 mt-2" aria-hidden="true"></i>
             </button>
           </CustomTooltip>)
-        : null}
+        : null }
       </div>
       <div className="udapp_subcontainer">
         <CustomTooltip
@@ -326,7 +326,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
                 return <option key={index} value={contract.alias}>
                   {contract.alias} - {contract.file}
                 </option>
-              })}
+              }) }
             </select>
           </div>
         </CustomTooltip>
@@ -345,7 +345,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
       }
       <div>
         <div className="udapp_deployDropdown">
-          {(((contractList[currentFile] && contractList[currentFile].filter(contract => contract)) || []).length > 0 && loadedContractData) &&
+          { (((contractList[currentFile] && contractList[currentFile].filter(contract => contract)) || []).length > 0 && loadedContractData) &&
             <div>
               <ContractGUI
                 title={intl.formatMessage({ id: 'udapp.deploy' })}