taiga.io dark by mrpingouin

/* ==UserStyle==
@name         taiga.io dark
@version      20211107.16.19
@namespace    userstyles.world/user/mrpingouin
@description  Dark mode, kanban and ticket view only (for now).
@author       mrpingouin
@license      No License
==/UserStyle== */

@-moz-document domain("taiga.io") {
/*
TAIGO.IO darker mode (kanban view only)
*/

body {
    --bg-darkest:#000;
    --bg-darker:#222;
    --bg-normal:#333;
    --bg-lighter:#555;
    --bg-lightest:#777;
    
    --font-darker:orange;
    background:var(--bg-normal);
}


/* EPIC VIEW */
.epic-row:hover {
    background:var(--bg-lighter);
}

.epic-row {
    background:var(--bg-darker)
}

.epic-row.unfold {
    background:var(--bg-darker);
}

.story-row {
    background:var(--bg-lighter);
}

.story-row:hover {
    background:var(--bg-lightest);
}

.story-row .name .subject {
    color:var(--font-darker);
}

.story-row .progress-bar {
    background:var(--bg-darker);
}


.kanban {
    background:var(--bg-normal);
}

.kanban-header {
    background:var(--bg-normal);
}

.dropdown-project-list.active .dropdown-project-list-projects {
    background:var(--bg-darkest);
}

.kanban-table-header {
    background:var(--bg-darker);
}

.kanban-table-header .task-colum-name {
    background:var(--bg-lighter);
}

.kanban-table-body .kanban-uses-box {
    background:var(--bg-darker)
}

.kanban-task-counter {
    background:var(--bg-darkest);
    color:var(--font-darker);
}


input[type="search"] {
    background:var(--bg-darker);
    color:var(--font-darker);
    border:solid 1px;
}

a {
    color:var(--font-darker);
}

.card, .card:hover {
    box-shadow:none;
}

.card-inner {
    background:var(--bg-lighter);
    border-radius:0;
}

.card-epic .epic-name {
    color:var(--font-darker);
}

.navbar {
    background:var(--bg-darker);
}

.ticket-data {
    background:none;
}

.ticket-estimation .ticket-role-points {
    background:var(--bg-lighter);
    color:#000;
}

.ticket-estimation .ticket-role-points:last-child {
    background:var(--bg-lightest);
    color:#000;
}

.ticket-users-actions .ticket-users-action {
    background:var(--bg-lighter);
    color:#000;
}

.ticket-detail-settings [class^="btn-"]:not(.select-option):not(.show-closed) {
    background:var(--bg-darker);
}

.detail {
    background:none;
}

.attachments-header,
.related-tasks-header {
    background:#222;
}

.detail .detail-header-container,
.detail .detail-content {
    background:var(--bg-lighter);
}

.detail-header .detail-project .section-name {
    color:var(--font-darker);
}

.related-tasks-body .single-related-task {
    background:#666;
    color:#000;
    border-left:10px solid var(--bg-normal)
}

.btn-filter {
    color:var(--font-darker);
    background:var(--bg-darker);
}

.history-tabs {
     background:var(--bg-darker);
}

.ck.ck-editor__editable_inline.ck-blurred ::selection {
    background:var(--bg-darker);
}

.ck.ck-editor__main > .ck-editor__editable {
    background:var(--bg-darker);
}

.ck.ck-button, a.ck.ck-button {
    color:var(--font-darker);
}

.ck.ck-toolbar > .ck-toolbar__items {
    background:var(--bg-darker);
    
}

.attachments-empty {
    border:3px dashed var(--bg-darker);
}
}