1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00

fix dark mode selected state for nav

This commit is contained in:
Matthias Kretschmann 2021-11-02 18:56:25 +01:00
parent 2007d0c3ca
commit 72605b5341
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 7 additions and 9 deletions

View File

@ -34,7 +34,7 @@
} }
/* inject the numbers */ /* inject the numbers */
.navigation li::before { .navigation li:before {
content: counter(list-number); content: counter(list-number);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -43,12 +43,11 @@
height: 2rem; height: 2rem;
border-radius: 50%; border-radius: 50%;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
margin-right: calc(var(--spacer) / 4); margin-right: calc(var(--spacer) / 4);
} }
/* inject line */ /* inject line */
.navigation li::after { .navigation li:after {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
@ -59,17 +58,17 @@
background: var(--border-color); background: var(--border-color);
} }
.navigation li:last-child::after { .navigation li:last-child:after {
display: none; display: none;
} }
.current::before { .current:before {
color: var(--brand-white); color: var(--background-content);
background: var(--brand-black); background: var(--font-color-heading);
border-color: transparent; border-color: transparent;
} }
.navigation .success::before { .navigation .success:before {
content: '✓'; content: '✓';
color: var(--brand-white); color: var(--brand-white);
background: var(--brand-alert-green); background: var(--brand-alert-green);

View File

@ -26,7 +26,6 @@
--font-color-text: #41474e; --font-color-text: #41474e;
--font-color-heading: #141414; --font-color-heading: #141414;
--background-body: #fcfcfc; --background-body: #fcfcfc;
--background-content: #fff;
--background-body-transparent: rgba(255, 255, 255, 0.8); --background-body-transparent: rgba(255, 255, 255, 0.8);
--background-content: #fff; --background-content: #fff;
--background-highlight: #f7f7f7; --background-highlight: #f7f7f7;