Unofficial darkmode for SelfWealth, inject this using Stylus

SelfWealthDarkMode.css

nav.left-nav {
    background-color: var(--brand-grey);
}
nav.left-nav ul.nav-section li a:hover {
    background-color: var(--gray-dark);
    color: var(--white);
}
body,
.heading,
h1,
h2,
h3,
nav.left-nav ul.nav-section li a,
nav.left-nav ul.nav-section li a .fa,
nav.left-nav .navigation-heading,
.dropdown-menu > li > a,
.news,
.news-time-fromnow {
    color: var(--white);
}
.alignment-circles .right-circle {
    border: 1px dashed var(--gray-light);
}
body,
html,
nav.left-nav {
    scrollbar-color: var(--darkest) transparent;
}
.bcard,
.sw-login {
    background-color: var(--brand-grey);
    color: var(--white);
}

nav.left-nav .user-info .account-overview .bcard-body .list-group-item {
    background-color: slategray;
    border-color: var(--brand-grey);
}

nav.left-nav .user-info .type-container .portfolio-type + .btn-group .dropdown .btn {
    background-color: var(--brand-grey);
    color: var(--white);
}

.dropdown-menu {
    background-color: var(--brand-grey);
}

.page-title {
    background-color: var(--brand-grey);
}


.container.widgets .widget {
    background-color: var(--brand-grey);
    border: 1px solid var(--gray-dark);
}

.autocomplete-suggestions {
    border: 1px solid var(--gray-dark);
    background: var(--brand-grey);
}

.autocomplete-selected {
    background: var(--gray-dark);
}

.grey-bg-section {
    background-color: var(--gray-dark);
}
.addDealerContact,
.grey-border {
    border: 1px solid var(--gray-medium);
}
#dash .unlocked-daily .price-change.first-child {

    border-left: 1px solid var(--gray-medium);
}
.container.widgets .widget .carousel-inner h3,
.container.widgets .widget .widget-header h3 {
    color: var(--gray-light);
}

.grey-iterTitle {
    background-color: var(--darkest);
}

.market-switch-row-border {
    border: 1px solid var(--gray-dark);
    border-bottom: none;
}
.grey {
    color: var(--gray-light);
}

body,
.nav-secondary,
.page-tabs {
    background-color: var(--gray-dark);
}

.linked:hover {
    background-color: var(--brand-grey) !important;
}

rect.highcharts-background {
    fill: var(--brand-grey);
}

g.highcharts-axis-labels text {
    color: var(--gray-light)!important;
    fill: var(--gray-light)!important;
}

g.highcharts-legend-item text {
    color: var(--gray-light)!important;
    fill: var(--gray-light)!important;
}

.help-buttons button {
    border-right: 1px solid var(--gray-medium);
    background-color: var(--brand-grey);
}
.help-buttons {
    border-left: 1px solid var(--gray-medium);
}

.tabs-main li {
    background-color: var(--light);
}

.white-bg-section {
    background-color: var(--brand-grey);
}

.member-stats {
    background-color: var(--gray-dark);
    border: 1px solid var(--gray-medium);
    border-right: none;
}
.member-stats .mem-rank,
.member-stats .mem-safety,
.member-stats .mem-target,
.member-stats .mem-wealth {
    border-right: 1px solid var(--gray-medium);
    border-left: none;
}

.carousel-indicators li {
    background-color: var(--gray-light);
    border-color: var(--gray-medium);
}

.cta-bottom {
    background-color: var(--gray-dark);
}

.container.widgets .hover-style:hover {
    background-color: var(--gray) !important;
}
.bcard-footer,
.bcard-header {
    background-color: var(--gray-dark);
}

.carousel-indicators li.active {
    background-color: var(--darkest);
}

.table-striped > tbody tr:nth-of-type(2n+1) {
    border-top: 0;
    background-color: var(--brand-grey)!important;
}

.bcard table.table-striped tbody tr:nth-of-type(2n),
.bcard table.table-striped tfoot tr:nth-of-type(2n),
.bcard table.table-striped thead tr th,
.table-striped > tbody tr:nth-of-type(2n),
.bcard table.table-striped tfoot {
    background-color: var(--gray-dark) !important;
}
#compare #performanceBreakdown thead th,
#comparisons #performanceBreakdown thead th {
    background-color: var(--darkest);
}

.custom-table.sorter.table tr th {
    background-color: var(--gray-dark);
}

.custom-table.sorter.table td {
    border-left: 2px solid var(--gray-medium);
    border-right: 2px solid var(--gray-medium);
}
.custom-table.sorter.table tr th {
    border-right: 1px solid var(--gray-medium);
}
body .body-inner .inner-padding:first-child {
    background-color: var(--brand-grey);
}
.body-container .body-inner {
    border: 1px solid var(--gray-medium);
}
.container .nav-secondary-widget {
    background-color: var(--brand-grey);
}

.container .nav-secondary-widget .nav-container-widget h2 {
    color: var(--gray-light);
}


.bcard .filter-tabs-icons .filter-group li,
.filter-icons .filter-group li {
    background-color: var(--gray-dark);
}

#table.tab-pane {
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.container .grey-secondary {
    background-color: var(--gray-dark);
}

.custom-tabs li.active,
.tab-content {
    background-color: var(--brand-grey);
}
.table-responsive {
    scrollbar-color: var(--darkest) transparent;
}
.custom-table.sorter.table tr th.white-bg {
    background-color: var(--brand-grey) !important;
}

.table-striped-odd > tbody tr:nth-of-type(2n+1) {
    border-top: 0;
    background-color: var(--gray-dark);
    border-right: 1px solid var(--gray-dark);
}
.table-striped-odd > tbody tr:nth-of-type(2n) {
    background-color: var(--brand-grey);
    border-left: 1px solid var(--brand-grey);
    border-right: 1px solid var(--brand-grey);
    border-bottom: 1px solid var(--brand-grey);
}
[data-controller="stock"] .recommendation table tr td {
    background-color: var(--gray-dark);
}

.news div.even {
    background-color: var(--gray-dark);
}
a:link,
a:visited,
.news:hover,
.arrow-nav .fa {
    color: lightblue;
}
#alignmentDataTable > tbody tr:nth-child(4n-2),
#alignmentDataTable > tbody tr:nth-child(4n-3) {
    background-color: var(--brand-grey)!important;
}
#alignmentDataTable > tbody tr:nth-child(4n),
#alignmentDataTable > tbody tr:nth-child(4n-1) {
    background-color: var(--gray-dark)!important;
}
#compare #performanceBreakdown .perf-row,
#comparisons #performanceBreakdown .perf-row {
    background-color: var(--gray-dark)!important;
}
#compare #performanceBreakdown .blank-row,
#comparisons #performanceBreakdown .blank-row {
    background-color: var(--brand-grey)!important;
}
#compare #performanceBreakdown .stats tr.top-twenty,
#comparisons #performanceBreakdown .stats tr:nth-of-type(2n+1) {
    background-color: var(--brand-grey)!important;
}
.custom-table tr.member-row:hover,
.custom-table tr.order-row:hover,
.custom-table tr.stock-row:hover {
    background-color: var(--darkest) !important;
    cursor: pointer;
}
.popover {
    background-color: var(--brand-grey);
}
.popover-title {
    background-color: var(--gray-dark);
}
.market-depth-widget .depthTable thead > tr.heading > th {
    background-color: var(--gray-dark);
}
.market-depth-widget .depthTable tfoot > tr.heading > th,
.market-depth-widget .depthTable thead > tr.subheading > th {
    background-color: var(--gray-medium);
}
.market-depth-widget .depthTable .summaryRow {
    background-color: var(--gray-dark);
}
.modal-content {
    background-color: var(--brand-grey);
}
.modal-content .modal-footer,
.modal-content .modal-header,
#safe .safety-table tr .target-score,
#safe .wealth-table tr .target-score,
#wealth .safety-table tr .target-score,
#wealth .wealth-table tr .target-score,
.feedback-container,
.help-buttons button:hover {
    background-color: var(--gray-dark);
}