@Billy_McSkintos I enjoyed myself playing with this!

I now have both styles running in Stylish. My screen is 24 inch so I tweaked the font sizes for the accounts list and the month headers up slightly - and I'm very happy with the outcome in Chrome.
Out of interest I also loaded both styles into the extension in Safari. However, the fonts in the Accounts list look terrible (as they do with the unmodified Financier) so I'll stick with Chrome.
Thanks again
Paul
PS:
The modifications I made result in the amended version below:/* Reduce size of fonts and spacing in month header */
.month-select__control,
.month-select__month,
.month-select__year {
font-size: 0.8em;
}
.month-overview__month-total {
font-size: 1.2em;
margin-top: 0em;
}
.month-overview__month-text {
font-size: 1em;
}
.month-overview__month-list {
font-size: .75em;
}
.month-overview__month-total-subtext {
font-size: .7em;
}
/* -------------------------- */
/* Reduce Size of Accounts Font and spacing */
.app-view__account {
font-size: .85em;
line-height: 1.5rem;
}
.account__balance-value {
font-size: 1em;
}
/* -------------------------- */
/* Budget Overview: Change bg color, font color and size */
.month-overview__cell-head {
font-weight: 400;
font-size: .8em;
}
/* -------------------------- */
/* Change Section Icons */
.fa-credit-card:before {
content: "\f19c";
}
.fa-pie-chart:before {
content: "\F201";
}
/* -------------------------- */
/* Change Sticky Note and Right Arrow icons */
.fa-sticky-note-o:before {
content: "\f0f6";
font-size: 0.9em;
}
.fa-arrow-right:before {
content: "\F101";
}
/* -------------------------- */
.app-view__link {
line-height: 2.2rem;
}
.app-view__link aside {
line-height: 2.2rem;
}
/* -------------------------- */
/* Smaller Cleared 'C' on manifest */
.cleared
{
padding: 1px 1px 0px 0px;
font-size: 11px;
}
/* -------------------------- */
/* Highlighting of On and Off Budget Account sections in sidebar
.app-view__accounts-title
{
background: #87bc69;
padding: 6px;
}
.app-view__accounts-list-border
{
margin: 0px;
padding: 0px;
}
.app-view__add-account
{
margin: 6px 0px 0px 6px;
}
*/
/* -------------------------- */
/* Padding and color change of Negative budget values */
.budget__month-row--negative
{
padding: 1px 4px;
background-color: #ff4c4c;
}
/* -------------------------- */
/* Color change of Positive budget values */
/*
.budget__month-cell--display
{
color: #4f703c;
}
*/
/* -------------------------- */
[/code]