News:

10/23/16 - Welcome to the new forums!

Main Menu

Customizing Financier: Blue Theme

Started by Billy_McSkintos, January 03, 2017, 03:59:02 PM

Previous topic - Next topic

asromzek

I disabled the Cleared icon (.cleared--true) setting, because I like the original green. Awesome stuff, @Billy_McSkintos.
/s implied, unless stated otherwise.

asromzek

You missed a spot. ;)
/s implied, unless stated otherwise.

Billy_McSkintos

I can't find the class to change that; can you?
Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

JumpySquirrel

#18
Quote from: Billy_McSkintos on January 04, 2017, 04:02:31 PM
I can't find the class to change that; can you?

Looks to be    .budgets__budget--loading:after    in my testing. And if helpful, current opacity is set to .9 as part of the default background-color CSS.

Nice work on the styles. Think I prefer the blue theme and will be running with it for now!

MacMichael

@Billy_McSkintos

I added this code:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("https://app.financier.io")

above your code in Firefox (Mac) using Stylish and it worked like a charm.  I like your blue theme.

Billy_McSkintos

#20
QuoteLooks to be    .budgets__budget--loading:after    in my testing. And if helpful, current opacity is set to .9 as part of the default background-color CSS.

Nice work on the styles. Think I prefer the blue theme and will be running with it for now!

Thank you. Added the following:

.budgets__budget--loading:after {
    background-color: #4b7397;           
}
.fa-cog:hover, .fa-gear:hover {
    color: #4b7397;
}
Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

asromzek

#21
Quote from: Billy_McSkintos on January 04, 2017, 04:02:31 PM
I can't find the class to change that; can you?

It's a total show stopper, so I'll look if I can find some spare time today.
/s implied, unless stated otherwise.

MacMichael

@Billy_McSkintos
Not to be picky, but since you are doing such a great job with the theme, what about the initial "Loading Financier" page?  Is that do-able?

asromzek

Quote from: MacMichael on January 05, 2017, 08:36:58 AM
@Billy_McSkintos
Not to be picky, but since you are doing such a great job with the theme, what about the initial "Loading Financier" page?  Is that do-able?

The loading screen is blue for me with the current script.
/s implied, unless stated otherwise.

asromzek

The popup is also green after successfully reconciling. It looks like some of the color setting are backed into the app, and can't be overridden with the stylish script. Totally unusable. :P
/s implied, unless stated otherwise.

MacMichael

I found my problem for the loading screen.  I left off the curly braces.  So, if you are using Firefox (Mac) this line of code needs to be at the top of @Billy_McSkintos code:

@-moz-document url("https://app.financier.io") {
}

asromzek

That'll do it. I forgot to mention that I'm on Win7 with Chrome.
/s implied, unless stated otherwise.

Paul

Quote from: Billy_McSkintos on January 04, 2017, 10:28:15 AM
Do share!

I have inserted the amended code into my original post - only four changes in all but a better balance on a larger screen. BTW I have no real idea what I am doing!

Billy_McSkintos

Me either but I enjoy the tinkering.
Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

Paul

Quote from: Billy_McSkintos on January 05, 2017, 01:30:50 PM
Me either but I enjoy the tinkering.

I'm just fascinated by how much more I enjoy using Financier now - and just because I have been able to tweak it to look exactly how I want. It looks really slick and professional (perhaps because blue is my favourite colour!) ;D