1. // ==UserScript==
    2. // @name         语雀夜间模式
    3. // @namespace    https://greasyfork.org/users/670174
    4. // @version      0.2.5
    5. // @description  让语雀的编辑模式显示成夜间模式的配色，保护眼睛。阅读模式因为是编译出来的样式表，有失效的可能。
    6. // @author       CWBeta
    7. // @icon         https://www.google.com/s2/favicons?domain=yuque.com
    8. // @include      *yuque.com*
    9. // @grant        none
    10. // @license      MIT
    11. // ==/UserScript==
    12. (function() {
    13.     'use strict';
    15.     console.log("【语雀夜间模式】运行中！")
    17.     // 可以用户自定义的颜色
    18.     var MAIN_BG_COLOR = "#333333"; //背景色
    19.     var TOOLBAR_BG_COLOR = "#242424"; //顶部工具栏背景色
    20.     var TOOLBAR_BORDER_COLOR = "#000000"; //顶部工具栏描边色
    21.     var FONT_DEFAULT_COLOR = "#ffffff"; //默认正文颜色
    22.     var LINK_COLOR = "#39C5BB"; // 正文链接颜色
    23.     var LIST_COLOR = "#66CCFF"; // 列表记号颜色
    24.     var FONT_SIDEBAR_COLOR = "#727272"; //侧面大纲正文颜色
    25.     var FONT_SIDEBAR_HOVER_COLOR = "#999999"; //侧面大纲鼠标悬停颜色
    26.     var SCROLLBAR_BG_COLOR = "#262626"; //大纲滚动条背景色
    28.  /**
    29.  * 16进制色值获取反色设置方法
    30.  * @param  {String} oldColor 为16进制色值的字符串（例：'#000000'）
    31.  * @return {String} 返回反色的色值（例：'#ffffff'）
    32.  */
    33.     function ReverseColor(oldColor)
    34.     {
    35.         oldColor = '0x' + oldColor.replace(/#/g, '');
    36.         let str = '000000' + (0xFFFFFF - oldColor).toString(16);
    37.         return '#'+ str.substring(str.length - 6, str.length);
    38.     }
    39.     function Awake()
    40.     {
    41.         var style = document.createElement("style");
    42.         style.type = "text/css";
    43.         var cssString = ".main-wrapper #main, .ne-editor-body,.ne-editor-extra-box,.ne-editor-wrap-box,.ant-input {background-color: "+MAIN_BG_COLOR+" !important;}"+
    44.             ".main-wrapper #article-title, ne-text{color:"+FONT_DEFAULT_COLOR+";}"+
    45.             ".ant-input{color:"+FONT_DEFAULT_COLOR+" !important;}"+
    46.             ".ne-ui{filter: invert(100%); background-color: "+ReverseColor(TOOLBAR_BG_COLOR)+" !important;}"+
    47.             ".ne-ui .ne-ui-random-tip{color:"+ReverseColor(FONT_DEFAULT_COLOR)+" !important;}"+
    48.             ".ne-ui .ne-ui-toolbar-insert-card,.ne-ui .ant-dropdown,.ne-embed-icon-t-font-color #矩形,.ne-embed-icon-t-bg-color path[fill], .lark-editor-collab-users, #lake-doc-publish-button{filter: invert(100%);}"+
    49.             ".lark-editor-header{filter: invert(100%);background-color: "+ReverseColor(TOOLBAR_BG_COLOR)+";border-color:"+ReverseColor(TOOLBAR_BORDER_COLOR)+" !important;}"+
    50.             ".lark-editor-header .lark-editor-header-back{border-color: "+ReverseColor(TOOLBAR_BORDER_COLOR)+" !important;}"+
    51.             ".ne-viewer-toc-sidebar,.ne-toc-sidebar{background-color: "+MAIN_BG_COLOR+" !important;}"+
    52.             ".ne-toc-normal-view .ne-toc-content:after{background: "+SCROLLBAR_BG_COLOR+" !important;}"+
    53.             ".ne-toc-normal-view .ne-toc-item a{color: "+FONT_SIDEBAR_COLOR+" !important;}"+
    54.             ".ne-toc-sidebar-hover .ne-toc-view .ne-toc-item a{color: "+FONT_SIDEBAR_HOVER_COLOR+" !important;}"+
    55.             ".ne-toc-view-inner::-webkit-scrollbar{display:none !important;}"+
    56.             ".ne-viewer .ne-viewer-body,.ne-engine{--link-color:"+LINK_COLOR+" !important;}"+
    57.             "ne-oli-i, ne-uli-i{color:"+LIST_COLOR+" !important;}"+
    58.             ".header{filter: invert(100%); background-color: "+ReverseColor(TOOLBAR_BG_COLOR)+";}"+
    59.             ".header .ant-btn-primary,.header img,.header .HeadNewButton-module_header-add-btn_nJ9ub, .header .ant-popover{filter: invert(100%);}"+
    60.             ".ReaderLayout-module_asidePinned_owRmW .ReaderLayout-module_crumb_wF-5C{filter: invert(100%); background-color: "+ReverseColor(TOOLBAR_BG_COLOR)+";}"+
    61.             ".ReaderLayout-module_asidePinned_owRmW .ReaderLayout-module_crumb_wF-5C img{filter: invert(100%);}"+
    62.             ".lake-board-canvas{background-color: "+MAIN_BG_COLOR+";}"+
    63.             ".LakeBoardEditor-module_wrap_zK70p{border-color: "+TOOLBAR_BORDER_COLOR+" !important;}"+
    64.             "foreignObject div{color:"+FONT_DEFAULT_COLOR+" !important;}"+
    65.             ".ne-engine [data-placeholder]::before {color:"+FONT_SIDEBAR_COLOR+" !important;}"+
    66.             "}";
    67.         try
    68.         {
    69.             style.appendChild(document.createTextNode(cssString));
    70.         }
    71.         catch(ex)
    72.         {
    73.             style.styleSheet.cssText = cssString;//针对IE
    74.         }
    75.         var head = document.getElementsByTagName("head")[0];
    76.         head.appendChild(style);
    77.     }
    79.     Awake();
    80. })();