☰

Dark Redash

Darken Redash

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

/* ==UserStyle==
@name        Dark Redash
@description Darken Redash
@match       *://redash.farmnote.com/*
@license     MIT
@version     0.3
@namespace   djshigel
==/UserStyle== */

@media (prefers-color-scheme: dark) {
    html {
        filter: invert() hue-rotate(180deg) contrast(0.8);
    }

    .application-layout-side-menu, 
    :not(.application-layout-side-menu) iframe, 
    :not(.application-layout-side-menu) img, 
    :not(.application-layout-side-menu) svg:has(image) {
        filter: invert() hue-rotate(180deg) contrast(1.2);
    }

    .application-layout-side-menu .ant-menu {
        background-color: #0f1314;
    }
    
    .application-layout-side-menu .ant-menu img {
        filter: none;
    }
}