Financier.io with YNAB look by budgetman

/* ==UserStyle==
@name         Financier.io with YNAB look
@version      20220218.13.50
@namespace    userstyles.world/user/budgetman
@description  Financier.io with YNAB look
@author       budgetman
@license      No License
==/UserStyle== */

@-moz-document domain("app.financier.io") {
/* 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, .month-overview__cell-head {
    margin-left: -1px;
}
.month-overview__month-overview--current:after {
    border-top: 1em solid #c82333;
}
.month-overview__month-overview {
   background-color: #003540; 
}  

.month-overview__month-overview--old {
    background-color: #2E5962;
}
  
.month-overview__cell-head {
    background-color: #00596f;
    color: #FFF;
}
/* Color change of Positive budget */
.month-overview__month-total {
    color: #5ebf7b;
}
/* -------------------------- */

/* Color change of Negative values */
.budget__month-row--negative
{
 background-color: #d33c2d;
}

.month-overview__month-total--negative {
    color: #d33c2d;
}

/* -------------------------- */

/* Budget Master Category Row  */
.month-body__row--master {
    background-color: #E6F5FA;
}
/* -------------------------- */
/* Left Sidebar */

.app-view__sidebar {
    background: #2c97ad;
}
.app-view__title {
    background: #2c97ad;
}
.app-view__account:hover {
    background-color: #28889c;
    border-radius: 5px;
}
.app-view__link--active .app-view__account--active {
    background-color: #00596f;
}
.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: #003540;
}
/*.fa-cog:before, .fa-gear:before {
    color: #003c69;
}
*/
/* Budget Screen Buttons and Pop-ups */

.button--primary {
    background-color: #009BC4;
}
.button--primary:hover {
    background-color: #003540;
}
.form__textarea:focus {
    border-color: #003540;
}
.budget__month-cell--display {
    color: #6f6f6f;
}
.budget__month-cell--input input {
    border: 1px dotted #ddd;
    background-color: #f4f4f4;
    color: #6f6f6f;
}
.budget__month-cell--input input:focus,
.budget__month-cell--input input:hover {
    border: 1px solid #003c69;
}
/* Account Manifest */
.account__tr--overview {
    background-color: #003540;
}    
.account__th {
    background-color: #00596F;
}
.account__add-button {
    color: #003c69;
}
.account__editing-button--save {
    background-color: #009BC4
}
.account__editing-button--save:hover {
    background-color: #003540
}
.cleared {
    width: 12px;
    height: 12px;
    line-height: 11px;
    border-radius: 10px;
    font-size: 8px;  
}
.fa-lock {
    color: #17a336;
} 
.cleared--true {
    background-color: #17a336;
}
.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);
}
.account__balance-value {
    color: #5ebf7b;
}

.account__balance-value--negative {
    color: #c82333;
}
/* Reconcile Pop-up */
/* Reconcile Pop-up */
@keyframes l {
  from {
    border-bottom-color: #FFF;
  }

  to {
    border-bottom-color: #2FADBF;
  }
}
@keyframes k {
  0% {
    background: #FFF;
  }

  100% {
    background: #2FADBF;
  }
}
.reconcile-account__input:focus {
    border-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;
}
}