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

Merge pull request #403 from oceanprotocol/feature/compute-color-tweaks

Browse Source 
small global color tweaks
This commit is contained in:
Matthias Kretschmann 2021-02-25 14:17:38 +01:00 committed by GitHub
commit 60a84db4eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,7 @@
border: 1px solid var(--border-color);
box-shadow: none;
width: 100%;
background: var(--background-body);
background: var(--background-content);
padding: calc(var(--spacer) / 3);
margin: 0;
border-radius: var(--border-radius);

2
src/components/molecules/Wallet/Account.module.css
View File

@ -7,7 +7,7 @@
border-radius: var(--border-radius);
padding: calc(var(--spacer) / 4);
white-space: nowrap;
background: none;
background: var(--background-content);
margin: 0;
transition: border 0.2s ease-out;
cursor: pointer;

11
src/components/templates/Search/filterPrice.module.css
View File

@ -1,8 +1,3 @@
/* .filterList {
display: inline-flex;
float: left;
} */
.filter,
button.filter,
.filter:hover,
@ -13,7 +8,7 @@ button.filter,
border-radius: var(--border-radius);
margin-right: calc(var(--spacer) / 6);
color: var(--color-secondary);
background: var(--background-body);
background: var(--background-content);
/* the only thing not possible to overwrite button style="text" with more specifity of selectors, so sledgehammer */
padding: calc(var(--spacer) / 5) !important;
@ -32,6 +27,6 @@ button.filter,
border-color: var(--background-body);
}
.filterList:first-of-type{
.filterList:first-of-type {
margin-bottom: calc(var(--spacer) / 6);
}
}

2
src/components/templates/Search/sort.module.css
View File

@ -5,7 +5,7 @@
align-items: center;
border-radius: var(--border-radius);
border: 1px solid var(--border-color);
background: var(--background-body);
background: var(--background-content);
}
.sortLabel {

2
src/global/_variables.css
View File

@ -25,7 +25,7 @@
/* Only use these vars for most color referencing for easy light/dark mode */
--font-color-text: #41474e;
--font-color-heading: #141414;
--background-body: #fafafa;
--background-body: #fcfcfc;
--background-body-transparent: rgba(255, 255, 255, 0.8);
--background-content: #fff;
--background-highlight: #f7f7f7;