oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-30 22:01:44 +02:00
Code Releases Activity

dark mode fixes (#216)

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-11-05 21:49:31 +01:00 committed by GitHub
parent ad107c5415
commit 66984a575a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/atoms/Input/InputElement.module.css
View File

@ -34,7 +34,7 @@
.input[readonly],
.input[disabled] {
background-color: var(--brand-grey-dimmed);
background-color: var(--background-highlight);
color: var(--brand-grey-light);
cursor: not-allowed;
pointer-events: none;
@ -189,7 +189,7 @@
align-items: center;
padding-left: calc(var(--spacer) / 4);
padding-right: calc(var(--spacer) / 4);
color: var(--brand-grey);
color: var(--font-color-text);
font-size: var(--font-size-small);
transition: border 0.2s ease-out;
white-space: nowrap;

9
src/components/organisms/AssetContent/Pricing/FormPricing/Coin.module.css
View File

@ -17,17 +17,18 @@
justify-content: center;
border: 1px solid var(--border-color);
border-radius: 50%;
background-color: var(--brand-white);
background-color: var(--background-body);
margin-bottom: calc(var(--spacer) / 2);
fill: var(--font-color-text);
}
.coin:last-child .icon path {
.coin:last-child .icon {
fill: var(--brand-violet);
}
.tokenName {
font-size: var(--font-size-base);
color: var(--brand-grey);
color: var(--font-color-text);
text-align: center;
margin-bottom: calc(var(--spacer) / 6);
}
@ -59,5 +60,5 @@
}
.weight strong {
color: var(--brand-grey);
color: var(--font-color-text);
}

2
src/components/organisms/AssetContent/Pricing/FormPricing/Dynamic.module.css
View File

@ -40,7 +40,7 @@
margin-left: -2rem;
margin-right: -2rem;
border-bottom: 1px solid var(--border-color);
background: var(--brand-grey-dimmed);
background: var(--background-highlight);
}
@media screen and (min-width: 40rem) {

2
src/components/organisms/AssetContent/Pricing/FormPricing/Fees.module.css
View File

@ -10,7 +10,7 @@
justify-content: center;
text-align: center;
border-bottom: 1px solid var(--border-color);
background: var(--brand-grey-dimmed);
background: var(--background-highlight);
}
.fees label {

8
src/components/organisms/AssetContent/Pricing/FormPricing/Price.module.css
View File

@ -13,7 +13,7 @@
margin-left: -2rem;
margin-right: -2rem;
padding-top: var(--spacer);
background: var(--brand-grey-dimmed);
background: var(--background-highlight);
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
}
@ -43,7 +43,7 @@
}
.datatoken strong {
color: var(--brand-grey-dark);
color: var(--font-color-text);
}
.firstPrice {
@ -55,3 +55,7 @@
padding-bottom: calc(var(--spacer) / 3);
border-top: 1px solid var(--border-color);
}
.firstPrice div {
display: inline-block;
}