planfix-dark.userscript.js

// ==UserScript==
// @name         Planfix task list
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Send task list from planner to remote server
// @author       popstas
// @match        https://popstas.planfix.ru/?action=planner
// @match        https://popstas.planfix.ru/planner/6138
// @match        https://popstas.planfix.ru/planner
// @match        https://popstas.planfix.ru/*
// @grant        GM_xmlhttpRequest
// @grant        GM_getResourceText
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';
    var u = 'undefined';
    var win = typeof unsafeWindow != u ? unsafeWindow : window;
    var $ = win.$;

    const userStyles = GM_getResourceText("userStyles");
    GM_addStyle(userStyles);

    GM_addStyle(`
    /*
    стиль используется для личного ПФ
    раскрашен нормально только планировщик
    https://gist.github.com/popstas/6de4dee93916da01d92d188127c57911
    */
    
    :root {
      --bg: #121212;
      --bg-hover:#333;
      --card-bg: #1E1E1E;
      --color: #bfbfbf;
      --link: #acacac;
      --link-hover: #ccc;
      --link-disabled: #333;
      --link-secondary: #666;
    
      --unreaded-bg: #2d2d01;
      --client-bg: #002B36;
    }
    body {
      color: var(--color);
    }
    html {
      background: var(--bg);
    }
    .page-layout-container {
      background: var(--bg);
    }
    .planner-container {
      color: var(--link);
    }
    /* planner list header */
    .planner-block-h-top.colored .planner-block-name {
      color: var(--link-hover);
    }
    
    /* общий фон */
    .page-layout-block:not(.leftmenu-container).page-layout-block-gray {
      background: var(--card-bg);
    }
    /* фон планировщика */
    .page-layout-block:not(.leftmenu-container).page-layout-block-gray.b-planner-block {
      background: var(--bg);
    }
    /* фон задачи */
    .page-layout-block:not(.leftmenu-container),
    .b-task-description,
    .page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks {
      background: var(--card-bg);
      border-color: var(--bg-hover);
    }
    
    /* разделитель */
    .page-layout-block-resizer, .page-layout-resize-overlay::before {
      background: var(--bg-hover);
      border-color: var(--bg);
    }
    
    .planner-list-quick-add {
      background: var(--bg-hover);
      border-color: var(--bg-hover);
    }
    .planner-list-quick-add textarea{
      background: var(--bg-hover);
      color: var(--color);
    }
    
    /* page title */
    .b-green-block>div:first-child {
      color: var(--link);
    }
    
    /* task title */
    .tr-taskstatus-color-4573b1, .tr-taskstatus-color-4573b1 a, .tr-taskstatus-color-4573b1 a:hover {
      color: var(--color);
    }
    
    .dl-task-microcard-container {
      background: var(--card-bg);
      border-color: var(--card-bg);
      box-shadow: none;
    }
    .b-task-microcard .task-microcard-label {
      color: var(--link);
    }
    /* task status */
    .task-microcard-interact[style="color: #4573b1"] {
      color: var(--link-disabled) !important;
      border-color: var(--link-disabled) !important;
    }
    
    .tr-check-list-add .add-newCheck-container {
      border-bottom-color: var(--link-disabled);
    }
    .tr-check-list-add .add-newCheck-container:hover {
      border-bottom-color: var(--link-disabled);
    }
    .checkElement-add-placeholder {
      color: var(--link-disabled);
    }
    
    a {
      color: var(--link);
    }
    a:hover {
      color: var(--link-hover);
    }
    
    /* icons */
    .favorite-item svg .star-color {
      fill: var(--link-disabled);
    }
    .svg-icon.gray, .svg-icon-32px.gray, .svg-icon-21px.gray, .svg-icon-16px.gray, .svg-icon-8px.gray, .svg-icon-10px.gray {
      fill: var(--link-disabled);
    }
    /* planner header icons */
    .planner-block-list-h .planner-block-list-h-tail .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg,
    .planner-block-move .svg-icon-wr svg {
      fill: var(--link-hover);
    }
    
    /* checklisk check */
    .svgChecked-ico.checkmark-unchecked .cls-checkmark-circle {
      fill: var(--bg-hover);
      stroke: var(--bg-hover);
    }
    .tr-check-list-add .check-list-item-ico svg .cls-checkmark-circle, .tr-check-list-edit-body .check-list-item-ico svg .cls-checkmark-circle {
      fill: var(--bg-hover);
      stroke: var(--bg-hover);
    }
    .svgChecked-ico.checkmark-unchecked .cls-checkmark-circle {
      fill: var(--bg-hover);
      stroke: var(--bg-hover);
    }
    .svgChecked-ico.checkmark-unchecked .cls-checkmark-v {
      fill: var(--bg-hover);
    }
    .svgChecked-ico.checkmark-checked .cls-checkmark-circle {
      fill: var(--bg-hover);
      stroke: var(--bg-hover);
    }
    .tbl-check-list .tr-check-list-edit>span textarea {
      color: var(--color);
    }
    
    /* card list shadow, scroll */
    .planner-block-items-container.has-bottom-shadow:after {
      box-shadow: -1px 0 40px 13px rgba(0,0,0,0.8);
    }
    .planner-block-cards .planner-block-list-container>.baron_wrapper>.baron_scroller>.baron_scroller__bar {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
    }
    /* planner bottom scroll */
    ::-webkit-scrollbar-thumb {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
    }
    
    /* прикреплен чек-лист */
    .dl-task-microcard-container .svg-icon-stroke.green {
      stroke: var(--link-secondary);
    }
    .dl-task-microcard-container .fakelink-dashed {
      color: var(--link-secondary);
      border-color: var(--link-secondary);
    }
    
    .planner-item-list {
      border-color: var(--card-bg);
    }
    
    .planner-page-new-block {
      background-color: var(--card-bg);
      border-color: var(--card-bg);
    }
    .planner-page-new-block-item:hover {
      background-color: var(--bg-hover);
    }
    .planner-page-new-block-item {
      border-color: var(--bg-hover);
    }
    
    /* выпадалка на карточке задачи в планировщике */
    .planner-item-popup-dialog {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
      box-shadow: none;
    }
    .planner-item-popup-dialog .planner-item-popup-dialog-action:hover {
      background-color: var(--card-bg);
    }
    .planner-item-popup-dialog .planner-item-popup-dialog-action-text {
      color: var(--color);
    }
    
    /* header: logo, search */
    .main-menu-logo .mm-logi-pic-wr svg {
      fill: var(--link-secondary)
    }
    .b-search-query {
      background: var(--bg-hover);
    }
    .b-search-query input {
      background: var(--bg-hover);
      color: var(--color);
    }
    
    /* выпадалка на списке в планировщике (в заголовке) */
    .b-ddl-menu-ul ul {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
      box-shadow: none;
    }
    .b-ddl-menu-ul ul li {
      color: var(--color);
    }
    .b-ddl-menu-ul ul li.b-ddl-menu-li-item:hover {
      background-color: var(--card-bg);
    }
    
    /* выпадалка "сортировка" */
    .context-popup-dialog {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
      box-shadow: none;
    }
    .context-popup-dialog-right .context-popup-dialog-triangle {
      border-right-color: var(--bg-hover);
    }
    .common-filter-sort-dialog .context-popup-block-head {
      color: var(--color);
    }
    .common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option {
      color: var(--color);
    }
    .common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option:hover {
      background-color: var(--card-bg);
    }
    
    /* Расширенный список */
    .tr-common-add-new .tr-common-add-new-wrapper {
      background: var(--bg-hover);
      border-color: var(--bg-hover);
    }
    .tbl-glittered, .tr-item-qe-editable-active {
      background: var(--bg-hover);
    }
    /* заголовки колонок */
    .tbl-list .td-head a, .tbl-tool-list .td-head a, .tbl-list-floating-head .td-head a, .tbl-list .td-head-cbx a, .tbl-tool-list .td-head-cbx a, .tbl-list-floating-head .td-head-cbx a {
      color: var(--link);
    }
    .tbl-list .td-head-common-sort .action-link, .tbl-list-floating-head .td-head-common-sort .action-link {
      border-bottom-color: var(--link);
    }
    
    
    
    
    
    /* список задач */
    .tbl-list .tr-item>td, .tbl-tool-list .tr-item>td, .tbl-list-floating-head .tr-item>td, .tbl-list .tr-common-item>td, .tbl-tool-list .tr-common-item>td, .tbl-list-floating-head .tr-common-item>td {
      border-color: var(--bg-hover);
    }
    .tbl-list .td-head, .tbl-tool-list .td-head, .tbl-list-floating-head .td-head, .tbl-list .td-head-cbx, .tbl-tool-list .td-head-cbx, .tbl-list-floating-head .td-head-cbx {
      border-color: var(--bg-hover);
    }
    input.text-box, select.text-box {
      background-color: var(--bg-hover);
      color: var(--color);
    }
    .tbl-list-floating-head {
      background-color: var(--bg-hover);
    }
    
    
    
    
    /* одна задача */
    .taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users {
      color: var(--color);
    }
    .b-task-description .b-task-owner-name a, .b-task-description .b-task-owner-name a:link {
      color: var(--link);
    }
    .task-current-status .status-text, .task-current-status-control .status-text {
      color: var(--link);
      /* border-color: var(--link); */
    }
    
    .table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-text.date-today {
      color: var(--color);
    }
    .table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-line {
      background-color: var(--bg-hover);
    }
    .tr-actions-body .actions-item-v2-normal-bubble, .tr-actions-body .actions-item-v2-system-content {
      border-color: var(--bg);
    }
    .tr-actions-body:hover .actions-item-v2-normal-bubble, .tr-actions-body:hover .actions-item-v2-system-content {
      border-color: var(--bg-hover);
    }
    
    .task-summary .tr-item .task-detail-compressed-view, .task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view {
      border-color: var(--bg-hover);
    }
    .b-task-pull-top-up {
      border-color: var(--bg-hover);
    }
    .baron_scroller__bar {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
    }
    
    /* создание действия */
    .tr-actions-quick-add>td>div>.actions-quick-add-target {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
      color: var(--link);
    }
    #action-create-div form {
      border-color: var(--card-bg);
    }
    .b-notified-list-v2 .b-notified-list-v2-icos>div {
      background: var(--bg-hover);
      border-color: var(--bg-hover);
    }
    #action-create-div.action-create-v2 .action-create-change-status-string {
      border-color: var(--bg-hover);
    }
    
    /* коммент */
    .actions-item-v2-normal-bubble.actions-item-v2-normal-bubble, .actions-item-v2-system-content.actions-item-v2-normal-bubble {
      background-color: var(--bg-hover);
      color: var(--color);
    }
    .taskview-actions>.table-actions .svg-arrow-right svg {
      stroke: var(--color);
    }
    /* непрочитанный */
    .tr-actions-body-new .actions-item-v2-normal-bubble, .tr-actions-body-new .actions-item-v2-system-content {
      background-color: var(--unreaded-bg);
    }
    .tr-actions-body-new.tr-actions-body:hover .actions-item-v2-normal-bubble, .tr-actions-body-new.tr-actions-body:hover .actions-item-v2-system-content {
      border-color: var(--unreaded-bg);
    }
    /* контакту */
    .tr-actions-body:not(.tr-actions-body-new) .actions-item-v2-normal-contact .actions-item-v2-normal-bubble, .tr-actions-body:not(.tr-actions-body-new) .actions-item-v2-normal-contact .actions-item-v2-system-content {
      background-color: var(--client-bg);
    }
    .tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-normal-bubble, .tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-system-content {
      border-color: var(--client-bg);
    }
    
    /* детали задачи */
    .search-field-block {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
      color: var(--link);
    }
    .task-summary .tr-item .task-detail-compressed-view .td-value, .task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value {
      color: var(--color);
    }
    .task-summary .task-importance-text[style="color:#000000;"] {
      color: var(--color);
    }
    .task-summary .tr-item .task-detail-compressed-view.group, .task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view.group {
      background-color: var(--bg-hover);
      border-color: var(--bg-hover);
    }
    
    
    
    /* настройки */
    .work-space-main-dialog .work-space-main-container .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-item, .work-space-main-dialog .work-space-main-container .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-item {
      color: var(--link);
    }
    .work-space-main-dialog .work-space-main-container .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item, .work-space-main-dialog .work-space-main-container .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item {
      color: var(--color);
    }
    .work-space-main-dialog .work-space-main-container .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item:hover, .work-space-main-dialog .work-space-main-container .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item:hover {
      background: var(--bg-hover);
    }
    .work-space-main-dialog .work-space-main-container .work-space-body .work-space-colorscheme-container .work-space-infoBlock, .work-space-main-dialog .work-space-main-container .work-space-body .work-space-list-container .work-space-infoBlock {
      background: #303f0d;
    }
`);
})();