firefox - 如何制作大约 :newtab (new tab page) in dark mode while dark mode activated in firefox 69+

标签 firefox tabs new-operator

我有 Firefox 69,
激活暗模式时,newtab 页面保持亮起。

我通过 about:config?filter=browser.in-content.dark-mode 激活了暗模式(改为 true )
但是 about:home/about:newtab保持轻盈

最佳答案

这是解决方案:
1. 打开 Firefox,并确保 about:config?filter=toolkit.legacyUserProfileCustomizations.stylesheets 设置为 true
2. 打开您的 Firefox 配置文件夹(您可以通过 about:profiles 找到它)。
3. 进入 chrome 文件夹并编辑 userContent.css(如果文件夹/文件不存在,则创建它们)
4. 将以下代码展开/粘贴到 userContent.css 中:

    @-moz-document url(chrome://browser/content/browser.xul), url(about:newtab), url(about:home)
        {
        body {
            --newtab-background-color: #2A2A2E !important;
            --newtab-border-primary-color: #4E4E4C !important;
            --newtab-border-secondary-color: #282824 !important;
            --newtab-card-background-color: #000 !important;
            --newtab-contextmenu-background-color: #060605 !important;
            --newtab-element-active-color: rgba(215, 215, 219, 0.6) !important;
            --newtab-element-hover-color: #12120F !important;
            --newtab-icon-primary-color: rgba(243, 243, 242, 0.8) !important;
            --newtab-inner-box-shadow-color: rgba(255, 255, 255, 0.1) !important;
            --newtab-modal-color: #000 !important;
            --newtab-overlay-color: rgba(18, 18, 15, 0.8) !important;
            --newtab-search-border-color: rgba(249, 249, 250, 0.02) !important;
            --newtab-search-dropdown-color: #000 !important;
            --newtab-search-dropdown-header-color: #060605 !important;
            --newtab-search-icon-color: rgba(243, 243, 242, 0.4) !important;
            --newtab-section-active-contextmenu-color: #F3F3F2 !important;
            --newtab-section-header-text-color: #8C8C8C !important;
            --newtab-section-navigation-text-color: #8C8C8C !important;
            --newtab-snippets-background-color: #000 !important;
            --newtab-text-conditional-color: #B5B5B0 !important;
            --newtab-text-primary-color: #F3F3F2 !important;
            --newtab-text-secondary-color: #8C8C8C !important;
            --newtab-textbox-background-color: #202023 !important;
            --newtab-textbox-border: rgba(243, 243, 242, 0.2) !important;
            --newtab-textbox-focus-boxshadow: 0 0 0 1px #0060DF, 0 0 0 4px rgba(10, 132, 255, 0.3) !important;
            --newtab-topsites-background-color: rgba(255, 255, 255, 0.6) !important;
            --newtab-topsites-label-color: #F3F3F2 !important;
            --trailhead-cards-background-color: #12120F !important;
            --trailhead-header-text-color: #D4DEA9 !important;
       }
    }

5. 重启/打开 Firefox
~ 之前:/image/TxRuK.png
~之后:/image/K0HOs.png

就是这样!享受。

关于firefox - 如何制作大约 :newtab (new tab page) in dark mode while dark mode activated in firefox 69+,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57521737/

相关文章:

visual-studio-2005 - 您可以将 Visual Studio 的 "smart indent"设置为不删除空行中的制表符吗?

c++ - 创建派生类实例时提供基类构造函数参数

javascript - 使用 jQuery 制作新函数 javascript(不起作用)

selenium - 无法找到与 selenium 3.4.3、firefox 54.0 和 gecko 驱动程序 0.17 匹配的功能集

javascript - 新的 Websocket() 在 Firefox Quantum 中返回错误的对象

javascript - jQuery 选项卡动画由 Controller 暂停和播放

c++ - 错误 35 错误 C2661 : 'operator new' : no overloaded function takes 2 arguments

firefox - 括号用于Mozilla firefox开发人员版的实时预览

css - Div 不会在 Firefox 上显示在同一行中

选项卡栏或实例化顶部的 iOS 登录屏幕模态