5
« on: July 25, 2017, 12:51:50 PM »
For those using Stylish and want or are missing nYNAB's colors:
/* 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: #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--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__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--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);
}
.account__balance-value {
color: #00A52F;
}
.account__balance-value--negative {
color: #c82333;
}
/* Reconcile Pop-up */
@keyframes fade-to-primary {
from {
background: white;
}
to {
background: #2FADBF;
}
}
@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;
}