diff --git a/src/components/atoms/Input/InputElement.module.css b/src/components/atoms/Input/InputElement.module.css index 3fd57b9b0..ffee35421 100644 --- a/src/components/atoms/Input/InputElement.module.css +++ b/src/components/atoms/Input/InputElement.module.css @@ -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); diff --git a/src/components/molecules/Wallet/Account.module.css b/src/components/molecules/Wallet/Account.module.css index c740699a7..dd268ef2f 100644 --- a/src/components/molecules/Wallet/Account.module.css +++ b/src/components/molecules/Wallet/Account.module.css @@ -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; diff --git a/src/components/templates/Search/filterPrice.module.css b/src/components/templates/Search/filterPrice.module.css index 79d825f7a..7379c6ae7 100644 --- a/src/components/templates/Search/filterPrice.module.css +++ b/src/components/templates/Search/filterPrice.module.css @@ -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); -} \ No newline at end of file +} diff --git a/src/components/templates/Search/sort.module.css b/src/components/templates/Search/sort.module.css index dc72f57df..16ff4f628 100644 --- a/src/components/templates/Search/sort.module.css +++ b/src/components/templates/Search/sort.module.css @@ -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 { diff --git a/src/global/_variables.css b/src/global/_variables.css index a27190ad1..3d67114cf 100644 --- a/src/global/_variables.css +++ b/src/global/_variables.css @@ -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;