☰

klimat.app - Dark Mode

Klimat.app Dark Mode

如何安裝

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

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

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

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

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

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

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！） 

/* ==UserStyle==
@name         klimat.app - Dark Mode
@version      20241018.02.50
@namespace    klimat.app
@description  Klimat.app Dark Mode
@author       [email protected]
@license      UnLicense
==/UserStyle== */

@ - moz - document domain("klimat.app") {
    /* Dark Mode Theme for Klimat Weather Page */
    body {
        background - color: #121212;

	color: # e0e0e0;
    }

    header,
    footer,
    .sidebar,
    .content {
        background - color: #1e1e1e;

	color: # e0e0e0;
    }

    a {
        color: #bb86fc;
    }

    a: hover {
        color: #3700b3;

}



table {

	background-color: # 1e1 e1e;
        color: #e0e0e0;
    }

    table th,
    table td {
        border: 1 px solid #333;

}



button,

input,

select,

textarea {

	background-color: # 333;
        color: #e0e0e0;
        border: 1 px solid #444;

}



button:hover,

input:hover,

select:hover,

textarea:hover {

	background-color: # 444;
    }

    ::selection {
        background - color: #bb86fc;
        color: #121212;

}



span {

	color: # BB86FC;
    }

    #content_wrapper {
        filter: invert(1)
    }
}