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) box-shadow:0 0 0 .2rem rgba(74,173,220,.5)
} }
.btn-primary.disabled,.btn-primary:disabled { .btn-primary.disabled,.btn-primary:disabled {
color:#fff; color: #a6bdcd;
background-color:#2a9fd6; background-color: #327b96;
border-color:#2a9fd6 border-color: #327b96;
} }
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
color:#fff; color:#fff;
@ -4419,9 +4419,9 @@ a.badge-dark.focus,a.badge-dark:focus {
color:#311141 color:#311141
} }
.alert-warning { .alert-warning {
color:#854700; color: #fff;
background-color:#ffe7cc; background-color: #ffe7cc;
border-color:#ffdeb8 border-color: #ffdeb8
} }
.alert-warning hr { .alert-warning hr {
border-top-color:#ffd29f border-top-color:#ffd29f

@ -2149,7 +2149,7 @@ fieldset:disabled a.btn {
.btn-primary.disabled, .btn-primary.disabled,
.btn-primary:disabled { .btn-primary:disabled {
color: #d5d5d5; color: #d5d5d5;
background-color: #153844; background-color: #327b96;
border-color: #007aa6; border-color: #007aa6;
} }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,

@ -2149,9 +2149,9 @@ fieldset:disabled a.btn {
} }
.btn-primary.disabled, .btn-primary.disabled,
.btn-primary:disabled { .btn-primary:disabled {
color: #fff; color: #a6bdcd;
background-color: #007aa6; background-color: #327b96;
border-color: #007aa6; border-color: #327b96;
} }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,
.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,
.btn-primary:disabled { .btn-primary:disabled {
color: #fff; color: #a6bdcd;
background-color: #007aa6; background-color: #327b96;
border-color: #007aa6; border-color: #327b96;
} }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active,

@ -258,14 +258,14 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
return ( return (
<div> <div>
{ {
values.overSizeEip170 && <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> }} /> <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> </div>
} }
{ {
values.overSizeEip3860 && <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> }} /> <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>
} }
</div> </div>
) )
@ -282,13 +282,13 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
<label className="udapp_settingsLabel pr-1"> <label className="udapp_settingsLabel pr-1">
<FormattedMessage id='udapp.contract' /> <FormattedMessage id='udapp.contract' />
</label> </label>
{compilerName && compilerName !== '' && { compilerName && compilerName !== '' && compilerName !== 'remix' &&
<label className='udapp_settingsCompiledBy badge badge-secondary' data-id="udappCompiledBy"> <label className='udapp_settingsCompiledBy badge badge-secondary' data-id="udappCompiledBy">
<FormattedMessage id='udapp.compiledBy' values={{ compilerName: <span className="text-capitalize">{compilerName}</span> }} /> <FormattedMessage id='udapp.compiledBy' values={{ compilerName: <span className="text-capitalize">{compilerName}</span> }} />
</label> </label>
} }
</div> </div>
{props.remixdActivated ? { props.remixdActivated ?
(<CustomTooltip (<CustomTooltip
placement={'right'} placement={'right'}
tooltipClasses="text-wrap text-left" 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> <i style={{ cursor: 'pointer' }} className="fa fa-refresh mr-2 mt-2" aria-hidden="true"></i>
</button> </button>
</CustomTooltip>) </CustomTooltip>)
: null} : null }
</div> </div>
<div className="udapp_subcontainer"> <div className="udapp_subcontainer">
<CustomTooltip <CustomTooltip
@ -326,7 +326,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
return <option key={index} value={contract.alias}> return <option key={index} value={contract.alias}>
{contract.alias} - {contract.file} {contract.alias} - {contract.file}
</option> </option>
})} }) }
</select> </select>
</div> </div>
</CustomTooltip> </CustomTooltip>
@ -345,7 +345,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
} }
<div> <div>
<div className="udapp_deployDropdown"> <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> <div>
<ContractGUI <ContractGUI
title={intl.formatMessage({ id: 'udapp.deploy' })} title={intl.formatMessage({ id: 'udapp.deploy' })}

Loading…
Cancel
Save