☰

Darkmode Favro

try to take over the world!

// ==UserScript==
// @name         Darkmode Favro
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  try to take over the world!
// @author       You
// @match        https://favro.com/*
// @grant        GM_addStyle
// @run-at       document-start
// @license      MIT 
// ==/UserScript==

(function() {
    'use strict';

    console.log('Activated Darkmode Favro');

    GM_addStyle (`

    * {
        --webkit-scrollbar-color: dark;
        --color-text-primary: white;
        --color-text-link: #97c7ff;
        --color-primary-tint: #081B33;
        --color-secondary-tint: #152642;
        --color-hight-contrast-tint: #2e4662;
        --color-accentuated-tint: #2F4562;
        --color-widget-tint: #2F4562;
        --color-border-tint: #0c2b4f;
    }

    /* loading screen */
    .fui-loading {
    transition: background-color 500ms ease-out 2s;
    background-color: var(--color-primary-tint) !important;
    }

    pre {
       background: var(--color-primary-tint) !important;
    }

    .popup {
        --popup-bgcolor: var(--color-primary-tint) !important;
    }

    .popup-content {
       border: 1px solid var(--color-border-tint) !important;
    }

    /* card modal */
    .commentspane, .contentwrapper,
    .cardeditor-topbar {
       background: var(--color-widget-tint) !important;
       border-bottom: 1px solid var(--color-secondary-tint) !important;
    }

    tokenlist .token-member .name {
       color: black !important;
    }

    /* card modal fields */
    .cardattributes .cardfield>.edit {
       border: none !important;
    }

    /* card modal comment background */
    .commentspane .cardcomment .details {
       background: var(--color-primary-tint) !important;
    }

    .prosemirror-quickinsert.layout-default {
       background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 15%,#2e4662);
    }

    .favro-checklistitem:hover,
    .favro-checklistitem.is-active {
       background-color: #061324 !important;
    }

    .input {
       color: black !important;
       border-radius: 3px !important;
    }

    body {
       color: var(--color-text-primary) !important;
    }

    .widget, .widget-minimized, .boardcolumn-summaries, .widget-title-summaries, .widget-title .widget-title-name-text {
       color: var(--color-text-primary) !important;
    }

    .card-title-text {
       color: var(--color-text-primary) !important;
    }

    .card-field-section .card-field-name {
       color: var(--color-text-primary) !important;
    }

    .popup-userfield {
       color: #ffffff !important;
    }

    .pagesearch .ui-searchmodal-results {
       background-color: #2f4562 !important;
    }

    .page-search-item {
       background-color: var(--color-primary-tint) !important;
       border: none !important;
       color: #ffffff !important;
    }

    /* card in board */
    .card.layout-board,
    .ui-textfield-input textarea {
       background-color: var(--color-primary-tint) !important;
       border: none !important;
       color: #ffffff !important;
    }

    .card.layout-board .cardfield.cardfield-relations .relationslist {
       display: none !important;
    }

    .singlewidgetfeed .item .details .info .name, .close {
       color: #ffffff !important;
    }

    .ui-modal-header {
       border: none !important;
    }

    .fui-menu2-item:not(.is-disabled):not(.color-textlink):hover {
       background-color: #061324 !important;
    }

    .tokenlist,
    .addtoken {
       background-color: #152642 !important;
    }

    .tokenlist .token-member,
    .tokenlistpicker {
       background-color: #2f4562 !important;
    }

    .tokenlistpicker {
       border: 1px solid #2f4562 !important;
    }

    .singlewidgetfeed .date {
       background-color: var(--color-primary-tint) !important;
    }

    span.textwithlink.style-link {
       color: #ffffff !important;
       font-weight: 600;
    }

    .fui-dropdown-listitem {
       color: #ffffff !important;
    }

    .popup-window-middle,
    .popup-window-topbar,
    .search-edit {
       background-color: var(--color-primary-tint) !important;
       color: #ffffff !important;
    }

    .search-widget-wrapper:hover {
       background-color: #2f4562 !important;
    }

    /* Add card button in board view */
    .widget-minimized .board-column-addcard>.text:before, .widget .board-column-addcard>.text:before {
    background-color: var(--color-hight-contrast-tint) !important;
    }

    .widget-minimized .board-column-addcard>.text, .widget .board-column-addcard>.text {
    background-color: var(--color-hight-contrast-tint) !important;
    }

    /* links */

    /** add board link */
    .widget-board-add {
    color: var(--color-text-link) !important;
    }

    /* link to collection relation in card modal */
    .cardrelations .relation .text {
    color: var(--color-text-link) !important;
    }

    .fui-icon {
    stroke: var(--color-text-primary) !important;
    }

    .fui-btn.mod-text {
    color: var(--color-text-primary) !important;
    }

    .fui-btn.mod-textlink.color-secondary {
    color: var(--color-text-link);
    }

    .workspace-widgets {
    background: var(--color-primary-tint) !important;
    }

    /* sidebar */
    .workspace .navpane {
    background-color: var(--color-primary-tint) !important;
    }

    .workspace .navpane.mod-collapsable:hover {
    background-color: #152642 !important;
    }

    .navpane-item.is-selected .item-content {
       background-color: #506680 !important;
    }

    /* board */
    .workspace-widgets .widget {
    background: #2F4562 !important;
    }

    .pageheader, .board-stickyheader {
    background-color: #2F4562 !important;
    border-bottom: none !important;
    }

    /* board top bar lane */
    .card.card-as-lane {
    display: none !important;
    }

    .widget-title.mod-sticky, .widget-title:hover {
    background: inherit !important;
    }

    /* notifications */
    .notificationbadge[title=Edited], .notificationbadge[title=Moved], .notificationbadge[title=Mentioned]:not(.is-major) {
    display: none !important
    }

    .unreadindicator {
    display: none !important
    }

    /* tree view */
    .ui-tableheaders.sheet-table-headers .columnheader {
    background-color: var(--color-hight-contrast-tint) !important;
    }

    .singlewidgetpageapp.is-sheet .group-row .cell {
    background-color: var(--color-hight-contrast-tint) !important;
    border-bottom: 1px solid rgba(23,37,51,.24) !important;
    border-left: 1px solid rgba(23,37,51,.24) !important;
    }

    .sheet-table-headers .columnheader+.columnheader, .singlewidgetpageapp.is-sheet .columnheader+.columnheader {
    border-left: 1px solid rgba(23,37,51,.24) !important;
    }

    .sheet-addcolumn {
    background-color: var(--color-hight-contrast-tint) !important;
    }

    /* between board lanes */
    .workspace-widgets .widget.widget.widgettype-board .boardcolumn:not(.mod-dragged):after {
    border-right: 1px solid rgba(23,37,51,.24) !important;
    }

    /* form text */
    .form-splitsection .form-subtext {
        color: var(--color-text-primary) !important;
    }

    .ui-fullscreenmodal-content {
       color: var(--color-text-primary) !important;
    }

    .desktop .ui-temporary-overrides h1, .desktop .ui-temporary-overrides h2, .desktop .ui-temporary-overrides h3, .desktop .ui-temporary-overrides h4, .desktop .ui-temporary-overrides h5, .desktop .ui-temporary-overrides h6 {
       color: var(--color-text-primary) !important;
    }

    .desktop .fui-expandable .fui-expandable-header:not(.mod-noexpand):hover {
      color: var(--color-text-primary) !important;
    }
    `);

    // Your code here...
})();