Some color tweaks for those that love Fidelity, but don't like the green they use. Color palettes were carefully selected to compliment each other using Coolors.
A less green Fidelity site by sodastereo
Details
Authorsodastereo
LicenseNo License
CategoryFidelity
Created
Updated
Size2.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name digital.fidelity.com - 7/1/2022, 10:48:51 AM
@namespace https://github.com/sodastereo/fidelity-enhanced
@version 1.0.0
@description A less green Fidelity site
@author Sodastereo
==/UserStyle== */
@-moz-document url-prefix("https://digital.fidelity.com/ftgw/digital/portfolio/summary"),
url-prefix("https://www.fidelity.com"),
url-prefix("https://fidelity.com"),
url-prefix("https://login.fidelity.com"),
url-prefix("https://oltx.fidelity.com"),
url-prefix("http://personal.fidelity.com"),
url-prefix("https://news.fidelity.com"),
url-prefix("guidance.fidelity.com"),
url-prefix("http://eresearch.fidelity.com"),
domain("fidelity.com") {
/*The gentlemans color palette*/
:root {
--header: #7E8987;
--accent-border: #13262F;
--accent-border-alt: #FFFFFF;
--call-to-action: #E3B505 !important;
--red: #DE6449;
}
/*Left call to action side panel color*/
.acct-selector--selected-hint[_ngcontent-pme-c16] {
box-shadow: inset 8px 0 #E3B505 !important;
}
/*header green*/
.pgnb .pbn {
background-color: var(--header);
}
.pgnb .pnmm .pnl1 .pnhs .pnsh {
border-right: 1px solid var(--accent-border-alt);
}
.pgnb .pnmm .pnl1 {
background-color: var(--header);
}
.pgnb .pnmm {
border-top: 1px solid var(--accent-border-alt);
}
/*Summary call to action color*/
.tabPortSum .selected {
border-bottom: 6px solid var(--call-to-action);
}
/*Better looking link colors*/
.headline-with-image-template .headline-with-image__title__link .link-text a {
color: var(--call-to-action);
}
.view-more .pvd-link__text {
color: var(--call-to-action);
}
.investments-news-news__more a :nth-child(2) {
color: var(--call-to-action) !important;
}
.view-more .pvd-link__text {
color: #E3B505 !important;
}
/*Chat bubble color*/
#va-minimized__icon.va-minimized__icon[_ngcontent-und-c32] {
background: #7E8987 !important;
}
.market-index .market-mover-tabs_movers_view_more a :nth-child(2) {
color: #E3B505 !important;
}
.balance-overtime-card-container .balanceDetails a :nth-child(2) {
color: #E3B505 !important;
}
.top-news-news__more a :nth-child(2) {
color: #E3B505 !important;
}
.top-bottom-movers_movers_view_more a :nth-child(2) {
color: #E3B505 !important;
}
.contribution__link .pvd-link__text {
color: #E3B505 !important;
}
.pgnb .pnmm .pnl1 .pnhs:hover .pnsh,
.pgnb .pnmm .pnl1 .pnhs.pnhs-active .pnsh {
background-color: #7E8987 !important;
}
.pgnb .pnmm .pnl1 .pnl2 li a:hover,
.pgnb .pnmm .pnl1 .pnl2 li a:focus {
background-color: #7E8987 !important;
color: #000000 !important;
}
}