Skip to content

Commit 64e8b4d

Browse files
committed
feat(docs): add new icons for network and node links in sidebar with light and dark themes
1 parent a668013 commit 64e8b4d

7 files changed

Lines changed: 66 additions & 2 deletions

File tree

src/css/custom.css

Lines changed: 27 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -342,6 +342,8 @@ div[class^="searchBar_"] div[class*="hitFooter"] a:hover {
342342
}
343343

344344
/* Sidebar icons */
345+
.menu__link[href*="/network/overview"]::before,
346+
.menu__link[href*="/run-node"]::before,
345347
.menu__link[href*="/ftso/overview"]::before,
346348
.menu__link[href*="/fdc/overview"]::before,
347349
.menu__link[href*="/fassets/overview"]::before,
@@ -355,6 +357,29 @@ div[class^="searchBar_"] div[class*="hitFooter"] a:hover {
355357
margin-right: 10px;
356358
}
357359

360+
.menu__link[href*="/network/overview"]::before,
361+
.menu__link[href*="/run-node"]::before {
362+
width: 26px;
363+
height: 26px;
364+
background-size: 26px 26px;
365+
}
366+
367+
[data-theme="light"] .menu__link[href*="/network/overview"]::before {
368+
background-image: url("/img/ui/network.light.svg");
369+
}
370+
371+
[data-theme="dark"] .menu__link[href*="/network/overview"]::before {
372+
background-image: url("/img/ui/network.dark.svg");
373+
}
374+
375+
[data-theme="light"] .menu__link[href*="/run-node"]::before {
376+
background-image: url("/img/ui/nodes.light.svg");
377+
}
378+
379+
[data-theme="dark"] .menu__link[href*="/run-node"]::before {
380+
background-image: url("/img/ui/nodes.dark.svg");
381+
}
382+
358383
.menu__link[href*="/ftso/overview"]::before {
359384
width: 26px;
360385
height: 26px;
@@ -593,9 +618,9 @@ div[class^="searchBar_"] div[class*="hitFooter"] a:hover {
593618
}
594619

595620
[data-theme="light"] .sidebar-home-flare-logo .menu__link::before {
596-
background-image: url(/img/ui/flare.light.svg);
621+
background-image: url(/img/ui/home.light.svg);
597622
}
598623

599624
[data-theme="dark"] .sidebar-home-flare-logo .menu__link::before {
600-
background-image: url(/img/ui/flare.dark.svg);
625+
background-image: url(/img/ui/home.dark.svg);
601626
}

static/img/ui/home.dark.svg

Lines changed: 3 additions & 0 deletions
Loading

static/img/ui/home.light.svg

Lines changed: 3 additions & 0 deletions
Loading

static/img/ui/network.dark.svg

Lines changed: 10 additions & 0 deletions
Loading

static/img/ui/network.light.svg

Lines changed: 3 additions & 0 deletions
Loading

static/img/ui/nodes.dark.svg

Lines changed: 10 additions & 0 deletions
Loading

static/img/ui/nodes.light.svg

Lines changed: 10 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)