Increases contrast to WCAG AAA everywhere possible/feasible
/* ==UserStyle==
@name Habitica AAA contrast
@namespace https://greasyfork.org/users/662334
@version 0.5.0
@description Increases contrast to WCAG AAA everywhere possible/feasible
@author citrusella
@license CC-BY-SA-4.0
@supportURL https://habitica.com/profile/2d6ef231-50b4-4a22-90e7-45eb97147a2c
@preprocessor stylus
@advanced checkbox oldstyletiers "Use alternate tier coloring (colored outlines also differentiated by look of outline, dark display name (except staff/mods), adjusted for contrast)" 0
==/UserStyle== */
@-moz-document domain("habitica.com") {
.icons {
color: rgb(91, 87, 99) !important
}
.markdown a,.filter-panel .tags-header a,.notification-bold-blue,a.standard-link, a:not([href]):not([tabindex]).standard-link,.int {
color: #1A5E82 !important
}
a {
color: #004C9E
}
.markdown a {
text-decoration: underline dotted
}
.badge-purple,.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background: #681DEE
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
border-color: #681DEE
}
.collapse-checklist,.btn-show-more,.btn-show-more .button-text,#stats .gear-label,.category-label:not(.category-label-green):not(.category-label-blue):not(.category-label-purple),h4:not(.markdown):not(.popover-content-title):not(.popover-title-only),#buy-quest-modal .balance,#buy-quest-modal span,#buy-modal .balance,#buy-modal span,#avatar-modal .sub-menu-item:not(.active) {
color: #514C57 !important
}
.btn-show-more,.info-item .progress {
border: 1px solid #514C57
}
.pet-progress-background {
border: 1px solid #514C57;
height: 6px
}
.pet-progress-bar,.toggle-switch-inner::before:not(.drawer-tab-container) {
background-color: #1A9166;
}
.task-disabled-daily-todo-control-content .task-title,.task-disabled-daily-todo-control-content .task-notes,.checklist-item-done,#avatar-modal .customize-menu .menu-container:not(.active),.empty-messages h2,.empty-messages .envelope svg {
color: #7A7484/*#000*/ !important /*"unimportant" grey*/
}
code {
color: #AB145A
}
.due-overdue,.btn-filters-danger,.challenge.broken,.str,.delete-task-item,.badge-equip.is-equipped:hover .unequip-icon {
color: #B4080C !important
}
.btn-filters-secondary,.card-body .time,.action:not(.activeLike),.action .svg-icon:not(.activeLike),.chat-row textarea,.dropdown-item .small-text,.card .guild-bank,.challenge .owner-item,.profile .member-details .small-text,.name,.info .info-item,.small,.gem-text,.text-outtro,.box .details,.empty-messages p,.sub-new-message-row .guidelines,.empty-messages h3 {
color: #5B5763 !important /*important grey*/
}
.diamond-btn .svg-icon:not(.btn-success .svg-icon) {
color: #5B5763 !important /*important grey*/
}
footer.expanded,footer.expanded h3,footer.expanded a,footer.expanded .logo,.badge:not(.badge-count):not(.badge-purple):not(.badge-pin):not(.badge-star):not(.badge-item) {
color: #4A464F !important
}
.social-circle,.btn-contribute {
background-color: #4a464f !important
}
.create-btn.open .svg-icon,#purple-footer .btn-contribute,#purple-footer .social-circle .svg-icon {
color: #fff !important
}
.svg-icon.heart path {
fill: #FAD9D9 !important
}
.action:not(.activeLike) .svg-icon path,.challenge .member-count .svg-icon path,.box .member-icon path,.action-dropdown .dots:not(:hover) svg path {
fill: #5B5763 !important
}
.activeLike .svg-icon {
color: #681DEE !important
}
.activeLike .svg-icon path {
fill: #681DEE !important
}
.notification-remove .svg-icon path,.slider-button .svg-icon path {
stroke: #5B5763
}
.drawer-help-text .svg-icon path {
fill: #BEBBC3
}
.sleep .pause-button {
background-color: #4f2a93 !important
}
.sidebar .section {
border-top: 1px solid #6D6975 !important
}
.section:last-of-type {
border-bottom: 1px solid #6D6975 !important
}
.bg-health {
background: #F86064 !important
}
.message-count.top-count {
background-color: #ED0B10 !important
}
.badge-count,.message-count.top-count-gray,.create-btn.open[data-v-55748a62] {
background: #5C5763 !important;
color: #fff !important
}
#achievements .counter.badge,#allocation .counter.badge {
background-color: #973D00 !important;
color: #fff !important
}
.featured-label {
background-color: #864A0E !important
}
.btn-success,.category-label-green {
background: #126547 !important
}
.no-quest-section h4,.no-quest-section {
color: #6E6977 !important
}
.toggle-switch-inner::after {
background-color: #6E6977 !important
}
.challenge .challenge-prize {
background: rgba(36,204,143,.15) !important;
}
.challenge .number, .challenge .challenge-prize .label,.challenge .challenge-prize .value,.purchase-set span.price,#avatar-modal .gem-lock span,#avatar-modal #backgrounds .purchase-background span.price {
color: #005737 !important
}
.challenge .muted .value,.challenge .muted .svg-icon {
opacity: .75 !important
}
.challenge .muted .label {
opacity: .91 !important
}
.category-label-blue,.btn-info,.topbar-dropdown-item .message-count,.badge-equip.is-equipped {
background: #1B5E81
}
.btn-danger,.btn-danger.disabled {
background: #AD1E1E
}
.btn-danger.disabled {
opacity: .77
}
.card .gold .member-count,.con {
color: #814D02 !important
}
.card .silver .member-count {
color: #595959 !important
}
.card .member-count {
color: #864A0E !important
}
.claim-bottom-message,.group-plan-static p,.group-plan-static small,.stats-label {
color: #58545F !important
}
.claim-bottom-message .claim-color {
color: #195B7E !important
}
.claim-bottom-message .unclaim-color {
color: #AE080C !important
}
.challenge .owner-item a:not([class*="tier"]) {
color: #0056B3
}
.challenge .meta-item,#allocation .box .points,#avatar-modal .customize-menu .menu-container:not(.active) {
color: #5C5763 !important
}
.btn-warning {
background-color: #715400
}
[class*="tier"] path,.col-4.staff path {
stroke-opacity: 0.82 !important
}
.mentioned-icon {
background-color: #7E55FF !important
}
.drawer-content {
color: #E8E8EA
}
#purple-footer {
background-color: #e1e0e3
}
.topbar .topbar-item.active:not(:hover) {
-webkit-box-shadow: 0 -4px 0 #936DD6 inset !important;
box-shadow: inset 0 -4px 0 #936DD6 !important;
}
.topbar:not(.white-header),nav.navbar:not(.white-header) {
background: #432874 !important
}
.task-worst-modal-bg {
background: #AD1E1E !important
}
.task-bad-modal-headings {
color: #401A00 !important
}
#task-modal input:active:not(:disabled), #task-modal input:focus:not(:disabled), #task-modal input:hover:not(:disabled), #task-modal textarea:active:not(:disabled), #task-modal textarea:focus:not(:disabled), #task-modal textarea:hover:not(:disabled) {
background-color: #fff;
}
#task-modal input, #task-modal textarea {
background-color: hsla(0,0%,100%,.75);
}
.task-neutral-control-inner-habit {
background: rgba(121,75,0,.46) !important;
}
.task-neutral-control-bg .habit-control:hover {
background: rgba(121,75,0,.8) !important; /*.71*/
}
.task-bad-control-inner-habit {
background: rgba(127,51,0,.26) !important;
}
.task-bad-control-bg .habit-control:hover {
background: rgba(127,51,0,.56) !important;
}
.spell .mana {
color: #16506E !important;
}
.alert-info {
color: #0C535F !important;
}
.drawer-content .item-label,.popover-body .popover-content-attr-cell.label {
color: #E9E8EA !important;
}
.modal-body .popover-content-attr-cell.key,.modal-body .popover-content-attr-cell.label {
opacity: 1
}
.popover-content-attr-cell.green {
color: #A7F8DB !important;
}
.badge-star:not(.item-selected-badge) {
color: #97929E !important;
}
.badge-star.item-selected-badge {
background: #2FA3AE !important;
}
.pricing .dollar,.pricing .number,.pricing .plus,.muted,.pricing {
color: #76707F !important;
}
.iconalert-success::before {
background-color: #17875E
}
.iconalert-success {
background-color: #126547
}
.text-muted {
color: #50565C !important
}
.outer-option-background.none .option .sprite[data-v-5d0229fc] {
opacity: .7;
}
.white-header {
background: #fff !important;
background-color: #fff !important;
}
.sidebar .section-info path {
fill: #514C57
}
if oldstyletiers {
[class*="tier"]:not(.svg-icon):not(.no-tier):not(.tier8):not(.tier9):not(.face-avatar) {
color: #4e4a57 !important;
width: auto !important;
text-indent: 8px;
border-radius: 6px;
padding-right: 8px;
}
/*.tier1 .svg-icon,.tier2 .svg-icon,.tier3 .svg-icon,.tier4 .svg-icon,.tier5 .svg-icon,.tier6 .svg-icon,.tier7 .svg-icon,.tier10 .svg-icon,.leader .svg-icon:empty,.tier1 ~ .svg-icon,.tier2 ~ .svg-icon,.tier3 ~ .svg-icon,.tier4 ~ .svg-icon,.tier5 ~ .svg-icon,.tier6 ~ .svg-icon,.tier7 ~ .svg-icon,.tier10 ~ .svg-icon {
display: none !important;
}*/
.tier8 .svg-icon,.tier9 .svg-icon {
margin-left: 0.15em !important;
}
/*.tier8 .svg-icon g,.tier9 .svg-icon g,.staff .svg-icon g,.moderator .svg-icon g {
fill: #FFF !important;
}*/
.tier1 {
border: 2px dotted #c42870 !important;
}
.tier2 {
border: 2px dotted #B93030 !important;
}
.tier3 {
border: 2px dashed #d70e14 !important;
}
.tier4 {
border: 2px dashed #c24d00 !important;
}
.tier5 {
border: 2px double #9e650f !important;
}
.tier6 {
border: 2px double #2b8363 !important;
}
.tier7 {
border: 3px double #007DBC !important;
}
.moderator,.tier8,.section-body .moderator {
border: 3px solid #130EAD !important;
color: #130EAD !important
}
.staff,.tier-list .staff,.tier9,.leader .tier9,.section-body .staff:not(.moderator) {
border: 3px solid #6133b4 !important;
color: #44006d !important;
}
.tier8:not(.face-avatar),.tier9:not(.face-avatar) {
width: auto !important;
text-indent: 8px;
border-radius: 6px;
padding-right: 8px;
}
.section-body .staff {
width: auto !important;
text-indent: 2px;
border-radius: 6px;
padding-right: 8px;
}
.tier-list .npc,.tier10,.col-4.staff.moderator.bailey {
border: 3px solid #000 !important;
}
.staff .title {
color: #44006d !important;
}
.moderator .title {
color: #130EAD !important;
}
.conversation .user {
height: auto !important;
}
} else {
.col-4.staff,.tier-list li {
background: #fff !important
}
}
}
@-moz-document url("https://contact.habitica.com") {
.form-control,textarea,::placeholder {
color: white !important;
}
.form-control option:disabled {
color: #9AA2AA !important
}
.btn-primary {
background-color: #0072ED !important;
border-color: #0072ED !important
}
.btn-primary:hover {
background-color: #0056B2 !important;
border-color: #0052b6 !important
}
}