mastodon_ancient.css

/* ==UserStyle==
@name           Mastodon Ancient
@namespace      gist.github.com/lindwurm/133482d8f4ddb257509defba398f3095
@version        1.0.2
@description    Ancient style theme of mastodon
@author         lindwurm
==/UserStyle== */

@-moz-document domain("mstdn.maud.io") {
  :root {
    --dropdown-background-color: #444b5d;
    --dropdown-border-color: #606984;
  }

  .column > .scrollable,
  .column-subheading,
  .notification__filter-bar {
    background: #282c37;
    border-radius: 0 0 4px 4px;
  }
  
  .notification__filter-bar {
    background: #1f232b;
    border-radius: 0 0 4px 4px;
  }
  
  .column-header {
    background: #313543;
  }
  
  .getting-started, .column-subheading, .link-footer p, .link-footer span,
  .compose-form__poll__select__label {
    color: var(--dropdown-border-color);
    overflow: auto;
  }
  
  .link-footer p a{
      text-decoration: none;
  }
  
  .drawer__inner, .drawer__inner__mastodon, .drawer__header, .column-link {
    background: var(--dropdown-background-color);
  }

  .compose-form {
    .autosuggest-textarea__textarea,
    .spoiler-input__input,
    .poll__option input[type=text] {
    background: #fff;
    color: #000;
    }
  }
  
  .search__input, .search__input::placeholder {
    color: #fff;
  }

  .compose-form__highlightable {
    background: #ebebeb;
  }
  
  .compose-form__poll .poll__input {
    border-color: var(--dropdown-border-color);
    height: 17px;
    width: 17px;
  }
  
  .language-dropdown__dropdown .emoji-mart-search input {
      background: var(--dropdown-border-color);    
  }
  
  .emoji-mart-search {
    input, input::placeholder {
      background: var(--dropdown-border-color);
      color: #fff;
    }
  }
  
  body.admin {
    background: #1f232b;
      
  }
  
  .admin-wrapper .sidebar-wrapper__inner {
    background: #282c37;
  }
  
  .admin-wrapper .sidebar ul .simple-navigation-active-leaf {
    background: #56a7e1;
    a {
      color: #fff;    
    }
  }
  
  .simple_form select {
    background: #131419;
    border: 1px solid #0a0b0e;
    border-radius: 4px;
  }
  
  .flash-message {
    background: #393f4f;
    border: none;
    color: #dde3ec;
  }
}

既知の問題

• 絵文字ピッカーの配色が存在したことないダークテーマになっています（本当はライトテーマ）
  • 単に古いUIを見ずにそれっぽくなるようにしたせいです
• 設定画面の親カテゴリの背景色を暗くできていません
  • 親も子も .selected やねん