Cleaner YNAB UI

ynab-custom.css

:root {
		--header_tbb_positive_background: #62D0A8 !important;
	  --inspector_message_positive_border: #22D0A8 !important;
	  --inspector_message_positive_background: #54B290 !important;
	  --inspector_message_positive_label: white !important;
	
		--budget_balance_positive_background: #22D0A8 !important;
	  --budget_balance_positive_background_active: #54B290 !important;

	  --budget_balance_negative_background: #DF6D8C !important;
		--budget_balance_negative_text: white !important;
	
	  --budget_balance_zero_background: gray !important;
	  --budget_balance_zero_text: white !important;
	
	  --header_label_positive:  #22D0A8 !important;
	  --header_background: white !important;
		--register_status_uncategorized_background: #FFD0A7 !important;	
}


.ynab-new-budget-available-number.positive {
    // background-color: #62D0A8 !important;
    color: white !important;
}


.icon-goal > .inner {
    fill: white !important;
}

.icon-goal .outer {
    stroke: white !important;
}

.budget-table-row.is-master-category {
	margin-top: 0px;
	background-color: white !important;
	border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.budget-table-row {
	// filter: drop-shadow(1mm 0mm 0.5rem gray) !important;
	box-shadow: rgba(0, 40, 100, 0.25) 0px 4px 8px;
}

.budget-table-row.budget-table-last-row {
	margin-bottom: 32px;
	border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
	// filter: drop-shadow(0 1mm 0.1rem gray) !important;
}

.budget-table-container {
    background-color: #EFF1F5;
}

.budget-table {
	padding: 32px;
	padding-top: 0px;
}

.ynab-grid-body-row {
    height: 40px;
}

.inspector-message .inspector-message-label {
	color: white;
}