Flood Dark Mode

style.css

.view--torrent-list {
    background: #1b1b1d;
}
.application__sidebar, .search .textbox {
    background: #1b1b1d;
}
.torrents {
    background: #222225;
}
.table__row--heading {
    background: rgb(34, 34, 37, .6);
}
.torrent--is-condensed {
    border-top: 1px solid #1b1b1d;
}
.context-menu__items {
    background: #1b1b1d;
    color: #8899a8;
}
.menu__item.is-selectable:hover {
    background: #1b86e0;
    color: #fff;
}
.torrent__detail--name {
    color: #8899a8;
}
.tooltip__content {
    background: #1b1b1d;
    color: #8899a8;
    border-radius: 3px;
}
.inverse .input {
    background: #222225;
    border: 1px solid #343439;
}
.inverse .form__element__addon {
    border-color: #343439;
}
.inverse .input:hover {
    border-color: #424248;
}
.modal__header {
    -webkit-box-shadow: inset 0 -1px 0 #222225;
    box-shadow: inset 0 -1px 0 #222225;
}
.modal--vertical.modal--tabs-in-header .modal__header {
    -webkit-box-shadow: inset -1px 0 0 #222225;
    box-shadow: inset -1px 0 0 #222225;
}
.modal__content__wrapper {
    background: #1b1b1d;
}
.interactive-list {
    background: #222225;
    border: 1px solid #343439;
}
.dropzone:hover {
    border-color: #424248;
}
.inverse .toggle-input__indicator {
    background: #222225;
    border: 1px solid #343439;
}
.inverse .toggle-input:hover .toggle-input__indicator {
    border-color: #424248;
}
.inverse .button--quaternary {
    background: #222225;
    border: 1px solid #343439;
}
.inverse .button--quaternary:focus, .inverse .button--quaternary:hover {
    border-color: #424248;
}
.button--tertiary {
    -webkit-box-shadow: 0 1px 1px rgba(17, 16, 16, 0.2),0 1px 3px 1px rgba(21, 20, 20, 0.2);
    box-shadow: 0 1px 1px rgba(17, 16, 16, 0.2),0 1px 3px 1px rgba(21, 20, 20, 0.2);
}
.button--primary {
    -webkit-box-shadow: 0 1px 1px rgba(17, 16, 16, 0.2),0 1px 3px 1px rgba(21, 20, 20, 0.2);
    box-shadow: 0 1px 1px rgba(17, 16, 16, 0.2),0 1px 3px 1px rgba(21, 20, 20, 0.2);
}
.application__dependency-list {
    background: #101011;
}
.dependency-list__dependency {
    color: #8899a8;
}
.loading-indicator.is-inverse .loading-indicator__bar {
    background: #393e42;
}
body {
    background: #101011;
    color: #8899a8;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5 h6 {
    color: #e6f0ff;
}
.panel--light {
    background: #1b1b1d;
}
.modal__tabs {
    color: #8899a8;
}
.sortable-list__item {
    background: #222225;
    border: 1px solid #343439;
}
.modal--vertical.modal--tabs-in-body .modal__tabs {
    -webkit-box-shadow: inset -1px 0 #222225;
    box-shadow: inset -1px 0 #222225;
}
.table__heading--is-sorted {
    color: #b9c4ce;
}
.table__heading--is-sorted:hover {
    color: #d0dde9;
}
.modal__overlay {
    background: rgb(15, 17, 18,.95);
}
.dropzone__icon .icon--files {
    fill: rgba(106, 115, 126, 0.5);
}
.dropzone:hover .dropzone__icon .icon {
    fill: #8899a8;
}
.menu {
    background: #1b1b1d;
    -webkit-box-shadow: 0 0 0 1px rgba(19, 19, 21, 0.1),0 1px 4px rgba(29, 30, 33, 0.2),0 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(19, 19, 21, 0.1),0 1px 4px rgba(29, 30, 33, 0.2),0 3px 15px rgba(0, 0, 0, 0.2);
    color: #8899a8;
}
.application__view--auth-form {
    background: #101011;
}
.panel {
    border: 1px solid #1b1919;
    -webkit-box-shadow: 0 1px 1px rgba(11, 10, 10, 0.2),0 1px 3px 1px rgba(17, 16, 16, 0.2);
    box-shadow: 0 1px 1px rgba(11, 10, 10, 0.2),0 1px 3px 1px rgba(17, 16, 16, 0.2);
}
.input {
    background: #222225;
    color: #8899a8;
    border: 1px solid #343439;
    -webkit-box-shadow: 0 1px 1px rgba(41,51,65,.15),0 1px 3px 1px rgba(41,51,65,.2);
    box-shadow: 0 1px 1px rgba(41,51,65,.15),0 1px 3px 1px rgba(41,51,65,.2);
}
.input:hover {
    border-color: #424248;
}
.toolbar--dark.toolbar--bottom {
    border-top: 1px solid #222225;
}
.toolbar--dark .toolbar__item--button {
    color: #abbac7;
}
.toolbar--dark .toolbar__item--button:hover {
    color: #8ca1b3;
}
.context-menu__items {
    -webkit-box-shadow: 0 1px 1px rgba(24, 24, 26, 0.1),0 1px 3px 1px rgba(23, 23, 24, 0.1),0 0 0 1px rgba(26, 27, 29, 0.1);
    box-shadow: 0 1px 1px rgba(24, 24, 26, 0.1),0 1px 3px 1px rgba(23, 23, 24, 0.1),0 0 0 1px rgba(26, 27, 29, 0.1);
}
.tag {
    background: rgba(68, 74, 83, 0.8);
}
.context-menu__items .select__item:hover {
    background: #101011;
}
.context-menu__items {
    -webkit-box-shadow: 0 1px 1px rgba(24, 24, 26, 0.1),0 1px 3px 1px rgba(23, 23, 24, 0.1),0 0 0 1px rgba(26, 27, 29, 0.1);
    box-shadow: 0 1px 1px rgba(24, 24, 26, 0.1),0 1px 3px 1px rgba(23, 23, 24, 0.1),0 0 0 1px rgba(26, 27, 29, 0.1);
}
.inverse .button--quaternary {
    outline: none;
}
.context-menu__items {
    background: #161617;
}
.alerts__list {
    background: #161617;
    color: #677a8a;
}
.floating-action__button {
    background: #161617;
}
.floating-action__button:hover {
    background: #121213;
}
.floating-action__button .icon {
    fill: #8ca1b3;
}