oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01: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[readonly],
.input[disabled] { .input[disabled] {
background-color: var(--brand-grey-dimmed); background-color: var(--background-highlight);
color: var(--brand-grey-light); color: var(--brand-grey-light);
cursor: not-allowed; cursor: not-allowed;
pointer-events: none; pointer-events: none;
@ -189,7 +189,7 @@
align-items: center; align-items: center;
padding-left: calc(var(--spacer) / 4); padding-left: calc(var(--spacer) / 4);
padding-right: 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); font-size: var(--font-size-small);
transition: border 0.2s ease-out; transition: border 0.2s ease-out;
white-space: nowrap; white-space: nowrap;

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

@ -17,17 +17,18 @@
justify-content: center; justify-content: center;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 50%; border-radius: 50%;
background-color: var(--brand-white); background-color: var(--background-body);
margin-bottom: calc(var(--spacer) / 2); margin-bottom: calc(var(--spacer) / 2);
fill: var(--font-color-text);
} }
.coin:last-child .icon path { .coin:last-child .icon {
fill: var(--brand-violet); fill: var(--brand-violet);
} }
.tokenName { .tokenName {
font-size: var(--font-size-base); font-size: var(--font-size-base);
color: var(--brand-grey); color: var(--font-color-text);
text-align: center; text-align: center;
margin-bottom: calc(var(--spacer) / 6); margin-bottom: calc(var(--spacer) / 6);
} }
@ -59,5 +60,5 @@
} }
.weight strong { .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-left: -2rem;
margin-right: -2rem; margin-right: -2rem;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
background: var(--brand-grey-dimmed); background: var(--background-highlight);
} }
@media screen and (min-width: 40rem) { @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; justify-content: center;
text-align: center; text-align: center;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
background: var(--brand-grey-dimmed); background: var(--background-highlight);
} }
.fees label { .fees label {

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

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