Monokai newincrementalgame by hotarunx

/* ==UserStyle==
@name         Monokai newincrementalgame
@version      20210828.02.58
@namespace    userstyles.world/user/hotarunx
@description  新しい放置ゲーム(1).fileのMonokai風テーマです。
@author       hotarunx
@license      MIT License
==/UserStyle== */
@-moz-document url("https://dem08656775.github.io/newincrementalgame/") {
    /**
Monokai newincrementalgame

Copyright (c) 2021 hotarunx

This software is released under the MIT License.
http://opensource.org/licenses/mit-license.php
*/
    @media (prefers-color-scheme: dark) {
        /* 色定義 */
        :root {
            --black: #272822;
            --white: #f8f8f2;
            --red: #f92672;
            --green: #a6e22e;
            --orange: #fd971f;
            --blue: #66d9ef;
            --purple: #ae81ff;
            --yellow: #e6db74;
            --gray: #75715e;
            --twitter: #1da1f2;
        }
        /* 基本 */
        body {
            background-color: var(--black);
        }
        #app > div {
            color: var(--white);
        }
        #tickspeed,
        .levelrcontents,
        .rankrcontents {
            color: var(--yellow);
        }
        .accelerator {
            color: var(--red);
        }
        button,
        .gbutton {
            color: var(--white);
            background: var(--black);
        }
        /* 通常タブ */
        .gbutton {
            background: var(--blue);
            border-color: var(--blue);
        }
        .gbutton.unavailable {
            background: var(--black);
        }
        .abutton {
            background: var(--red);
            border-color: var(--red);
        }
        .abutton.unavailable {
            background: var(--black);
        }
        .softreset > * > button {
            background-color: var(--yellow);
            border-color: var(--yellow);
        }
        /* 設定タブ */
        .tweetconfigbutton {
            border-color: var(--twitter);
        }
        .tweetconfigbutton.selected {
            background: var(--twitter);
        }
        /* 世界タブ */
        .wdbutton {
            border-color: var(--blue);
        }
        .wdbutton.selected {
            background: var(--blue);
        }
        .wdbutton.unavailable {
            border-color: var(--white);
            background: var(--black);
        }
        /* 階位タブ */
        .challengeconfigbutton {
            border-color: var(--blue);
        }
        .challengeconfigbutton.selected {
            background-color: var(--blue);
        }
        .rewardbutton {
            border-color: var(--red);
        }
        .rewardbutton.selected {
            background: var(--red);
        }
        .autobuyerbutton {
            border-color: var(--blue);
        }
        .autobuyerbutton.selected {
            background: var(--blue);
        }
        /* 階位タブ */
        .lbutton {
            background: var(--yellow);
            border-color: var(--yellow);
        }
        .lbutton.unavailable {
            background: var(--black);
        }
        /* 輝きタブ */
        .buytypebutton {
            background: var(--black);
            border-color: var(--yellow);
        }
        .buytypebutton.selected {
            background: var(--yellow);
        }
        /* 実績タブ */
        .trbutton {
            background: var(--yellow);
            border-color: var(--yellow);
        }
        .trbutton.unavailable {
            background: var(--black);
        }
    }
}