fixing disabled btn colors for dark themes

removing compiled by for remix case
pull/3868/head
lianahus 1 year ago committed by Aniket
parent bbe5c8a25a
commit 8ac331ea4d
  1. 12
      apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css
  2. 2
      apps/remix-ide/src/assets/css/themes/remix-black_undtds.css
  3. 6
      apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css
  4. 6
      apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css
  5. 22
      libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx

@ -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

@ -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,

@ -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,

@ -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,

@ -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' })}

Loading…
Cancel
Save