Last active
January 28, 2021 10:40
-
-
Save nullableVoidPtr/6040f0cf4c10df505c522ee8af5bff29 to your computer and use it in GitHub Desktop.
Unofficial darkmode for SelfWealth, inject this using Stylus
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment