Alzo's Habitica Halloween by You-Gao

@-moz-document url-prefix("https://habitica.com/") {
/* ==UserStyle==
@name           Helix's Habitica Dark
@version        2.6.9
@description    This is a theme for Habitica that changes the UI to something more comfortable to the eye, especially at night. I have tried to stick to the official colours of Habitica where possible. Tested on Chrome, should work on Firefox and Edge. This is a personal project and will be updated as such.
@author         tripplehelix
@license        CC-BY-4.0
@namespace https://greasyfork.org/users/697440
==/UserStyle== */
body {
     --text-secondary-color: #fff;
    }
    
/* Stolen */
    
    .diamond-btn:not(#create-task-btn) .svg-icon path,
    .btn.btn-secondary .svg-icon path {
        fill: var(--text-secondary-color);
    }

    .collapse-checklist .svg-icon path {
        fill: var(--text-secondary-color) !important;
    }

    .close-icon svg path,
    .slider-button .svg-icon path,
    .drawer-toggle-icon.svg-icon path {
        stroke: var(--text-secondary-color) !important;
    }
    
     .close {
        color: var(--text-secondary-color) !important;
    }

    .vdp-datepicker__calendar header .next:after {
        border-left-color: var(--text-secondary-color) !important;
    }

    .vdp-datepicker__calendar header .prev:after {
        border-right-color: var(--text-secondary-color) !important;
    }
    
    
    #members-modal .modal-body .dropdown-menu li .dropdown-item {
        fill: var(--text-secondary-color) !important;
    }

    #members-modal .modal-body .dropdown-menu li .dropdown-item svg path {
        fill: var(--text-secondary-color) !important;
    }
    
    
    /* Radio button */
    .custom-control .custom-control-label:before {
        border-color: var(--text-secondary-color) !important;
    }
    
/* End Stolen */
.tasks-list {
        background: #1c1616 !important;
    }
.task-content{
        background: #DD7335 !important;
    }
.item {
        background: #DD7335 !important;
    }
body, footer {
        background: #432874 !important;
        color: #000000 !important;
    }

.filter, .filter.active, .character-name, .column-title, .ml-75, .btn, .topbar-item, .item-with-icon, footer a, footer h1, footer h2, footer h3, footer, footer p{
        color: #e43638 !important;
    }
    
.topbar-item>a[data-v-5708119a]{
        color: #e43638 !important;
    }
.price.gold[data-v-47d0720e] {
    background-color: rgb(255 255 255 / 26%);
    }
    
.task-title, .icons, .custom-control-label {
        color: #fe0 !important;
    }
    
.column-background .small-text, .column-background h3, .icon-habit, .collapse-checklist .svg-icon, .task-notes {
        color: #ffffff !important;
    }
    
.d-inline-flex .collapse-checklist .svg-icon svg path, .checklist-item {
    color: #ffffff !important;
    fill: #ffffff !important; /* Change color to red */
}
.custom-control.custom-checkbox.checklist-item input[type="checkbox"], .checklist-item, .custom-checkbox, .custom-control-input, .custom-control, .collapse-checklist .svg-icon path {
    accent-color: #ffffff !important;
    color: #ffffff !important;
    fill: #ffffff !important; 
}
    
#members-modal .modal-body .dropdown-menu li .dropdown-item svg path {
        fill: #ffffff !important;
    }
.quick-add {
        color: #000000 !important;
        background: #242020 !important;
    }
.form-control {
        color: #000000 !important;
        background: #242020 !important;
    }
.btn-secondary {
        color: #808080 !important;
        background: #242020 !important;
    }
.task-best-control-bg {
        background: #5bd74b !important;
    }
.task-better-control-bg {
        background: #5da853 !important;
    }
.task-good-control-bg {
        background: #41753a !important;
    }
.task-disabled-habit-control-bg {
        background: #000 !important;
    }
.task-disabled-daily-todo-control-bg  {
        background: #000 !important;
    }
.collapse-checklist {
    padding: 2px 6px;
    border-radius: 1px;
    background-color: #e86d25 !important;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    color: #fe0 !important;
    border: 1px solid transparent;
    cursor: pointer;
    }
}