mastodon-theme.css

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("maly.io") {
  
  .button {
    background-color: #CC9E61;
  }
  .button:hover,
  .button:focus,
  .button:active,
  .button:disabled {
    background-color: #d6b07e;
  }
  
  .ui {
    background-color: #020304;
  }
  
  .drawer .drawer__header, .column-header, .column-icon {
    background-color: #541F14;
  }
  
  .column-icon {
    color: #eee;
    transition: all 200ms;
  }
  .column-icon:hover {
    color: #fff;
  }
  .column-icon.collapsable {
    background-color: #CC9E61;
    color: #fff;
    font-size: 20px !important;
    padding-bottom: 13px !important;
  }
  .column-settings--outer, .column-settings--section, .setting-toggle {
    background-color: #CC9E61;
    color: #fff;
  }
  .setting-text,
  .setting-text:hover,
  .setting-text:focus {
    color: #fff;
    border-bottom: 2px solid #fff;
  }
  .react-toggle--checked .react-toggle-track, .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: #541F14;
  }
  .react-toggle--checked .react-toggle-thumb {
    border-color: #541F14;
  }
  
  .drawer .drawer__header .drawer__tab {
    color: #938172;
  }
  .drawer .drawer__header a:hover {
    background-color: #541F14;
    color: #CC9E61;
  }
  
  .search__input {
    background-color: #541F14;
    transition: all 200ms;
    color: #efdec6;
  }
  .search__input:hover,
  .search__input:focus {
    background-color: #541F14;
    color: #efdec6;
  }
  
  .drawer__inner {
    background-color: #541F14;
  }
  .navigation-bar {
    color: #eee;
  }
  .navigation-bar strong {
    font-size: 14px;
    margin-top: 2px;
  }
  
  .search-results__header {
    background-color: #541F14;
    color: #eee;
    text-transform: capitalize;
  }
  .drawer__inner.darker {
    background-color: #44180f;
  }
  .account__display-name {
    outline: none;
  }
  .display-name span {
    color: #ddd;
  }
  .icon-button {
    color: #ddd;
  }
  .icon-button:hover,
  .icon-button:focus,
  .icon-button:active,
  .icon-button.active {
    color: #fff
  }
  
  .scrollable div {
    background-color: #541F14;
  }
  
  .status__prepend,
  .status {
    background-color: #541F14;
    color: #fff;
    border-bottom: 0;
  }
  
  .notification__message {
    color: #ccc;
  }
  
  .status .status__relative-time {
    color: #ccc;
  }
  
  .status__content a .fa,
  .status__content a .fa:hover {
    color: #ddbb8d;
  }
  
  .status__content a, 
  .reply-indicator__content a,
  .getting-started a,
  .muted .status__content a,
  .account__header .account__header__username {
    color: #ddbb8d;
  }
  
  .muted .status__display-name strong {
    color: #ccc;
  }
  
  .status__prepend .status__display-name strong {
    color: #fff;
    outline: none;
  }
  
  .muted .status__content p {
    color: #ccc;
  }
  
  .column-link, .column {
    background-color: #541F14; 
  }
  
  .account__action-bar,
  .account__action-bar__tab,
  .detailed-status__action-bar {
    border: 0;
  }
  
  .account {
    border-bottom: 0;
  }
  
  .column-back-button {
    background-color: #541F14;
    color: #fff;
  }
}