☰

Dark Redash

Darken Redash

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 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;
    }
}