Hi
I am a newbe YNAB/Financier and I have to say that I can finally understand the strengths of each.....
My favorite feature of Financier is the ability to see multiple months at once. I like to compare month to month.. I do miss the ease of NYAB to do basic tasks.
My favorite feature of NYAB is the color scheme and the finished look and feel of it. I like the reports and charts. I do not like the ability to see only one month.
Ron
Its not NYNAB.
You can adjust the colors/fonts/sizes with a little chrome plugin called Stylish and some code on in the Blue Theme thread (https://discuss.financier.io/index.php?topic=246.msg1955#msg1955).
There is a move to open source parts of it so the community will be able to add features and improve existing ones.
Its not NYNAB.
it's similar to nYNAB....... The more I use Financier, the more I Like it :)
Quote from: keyboard on July 08, 2017, 08:45:40 PM
it's similar to nYNAB....... The more I use Financier, the more I Like it :)
It's modeled after YNAB 4 which preceded nYNAB. That's why they seem similar.
Quote from: keyboard on July 08, 2017, 03:16:47 PM
My favorite feature of nYNAB is the color scheme...
I'll work on a version "YNABish" for Stylish.
Quote from: Billy_McSkintos on July 09, 2017, 02:26:45 PM
Quote from: keyboard on July 08, 2017, 03:16:47 PM
My favorite feature of nYNAB is the color scheme...
I'll work on a version "YNABish" for Stylish.
I Love It I Love It I Love It
I want It I Want It I Want It !!!!!!!!!!!!!!!!!
It does look good
Still very much a work in progress but this will get you started. I feel dirty doing this:
/* Loader Screen */
.loader {
background: -webkit-linear-gradient(#2FADBF, #207F9C);
background: linear-gradient(#2FADBF, #207F9C);
}
/* Month Selector Bar */
.month-select__month,
.month-select__control {
background-color: #003540;
}
.month-select__month:hover,
.month-select__year:hover,
.month-select__control:hover {
background-color: #34889b;
}
.month-select__year {
background-color: #00596F;
}
.month-select__month--selected, .month-select__month--selected:hover {
background-color: #00596F;
}
.month-select__month--selected:hover {
background-color: #34889b;
}
/* Budget Overview: Change bg color, font color */
.month-overview__month-overview {
background-color: #003540;
}
.month-overview__cell-head {
background-color: #00596f;
color: #FFF;
}
/* Color change of Positive budget */
.month-overview__month-total {
color: #00A52F;
}
/* -------------------------- */
/* Color change of Negative values */
.budget__month-row--negative
{
background-color: #c82333;
}
.month-overview__month-total--negative {
color: #c82333;
}
/* -------------------------- */
/* Budget Master Category Row */
.month-body__row--master {
background-color: #E6F5FA;
}
/* -------------------------- */
/* Left Sidebar */
.app-view__sidebar {
background: -webkit-linear-gradient(#2FADBF, #207F9C);
background: linear-gradient(#2FADBF, #207F9C);
}
.app-view__title {
background: #2FADBF;
}
.app-view__sidebar-footer-button {
background-color: #207F9C;
}
.app-view__sidebar-footer--logged-in:hover .app-view__sidebar-footer-button {
background-color: #00596f;
}
.app-view__sidebar-footer--logged-in.drop-enabled .app-view__sidebar-footer-button,
.app-view__sidebar-footer--logged-in:hover .app-view__sidebar-footer-button {
background-color: #00596f;
}
/* Budget Selection Screen */
.budgets-header {
background-color: #003540;
}
.budgets__title {
color: #003540;
border-bottom: 1px solid #003540
}
.budgets__budget {
transition: transform .25s ease;
border: 1px solid #003540;
}
.budgets__budget--loading:after {
background-color: #003540;
}
.fa-cog:hover, .fa-gear:hover, .fa-cog:after, .fa-gear:after {
color: #003c69;
}
/*.fa-cog:before, .fa-gear:before {
color: #003c69;
}
*/
/* Budget Screen Buttons and Pop-ups */
.button--primary {
background-color: #003540;
}
.button--primary:hover {
background-color: #003c69;
}
.form__textarea:focus {
border-color: #003540;
}
.budget__month-cell--input input {
border: 1px solid #003540;
}
.budget__month-cell--input input:focus,
.budget__month-cell--input input:hover {
border: 1px solid #003c69;
}
/* Account Manifest */
.account__th {
background-color: #003540;
}
.account__add-button {
color: #003c69;
}
.account__editing-button--save {
background-color: #003540
}
.account__editing-button--save:hover {
background-color: #00596F
}
.cleared--true {
background-color: #003540;
}
.account__tr--stripe {
background: #f4f7f6;
}
.virtual-list .vs-repeat-after-content, .virtual-list .vs-repeat-before-content {
background: repeating-linear-gradient(180deg,#fff,#fff 30px,#F4F7F6 0,#F4F7F6 60px);
}
.virtual-list.odd-total .vs-repeat-after-content {
background: repeating-linear-gradient(180deg,#F4F7F6,#F4F7F6 30px,#fff 0,#fff 60px);
}
/* Reconcile Pop-up */
@keyframes fade-to-primary {
from {
background: white;
}
to {
background: #003540;
}
}
@keyframes fade-to-primary-caret {
from {
border-bottom-color: white;
}
to {
border-bottom-color: #003540;
}
}
/* Modal Popup */
.ngdialog.ngdialog-theme-default .ngdialog-content {
border: 5px solid #003540;
}
.modal footer button.primary {
background-color: #003540;
}
.modal footer button.primary:disabled {
background-color: #003540;
}
.modal footer button.primary:hover {
background-color: #003c69;
}
.modal form input:focus,
.modal form select:focus {
border-color: #003540;
}
/* Error Background */
.e404 {
background-color: #003c69;
}
Many Thanks Billy :) :) :) :)
You're welcome. When I find some time, I'll keep tweaking.
You are a good man "Billy McSkintos"