/*
 * This file is part of mlmym.
 *
 * mlmym is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License, version 3,
 * as published by the Free Software Foundation.
 *
 * mlmym is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with mlmym.  If not, see <https://www.gnu.org/licenses/>.
 */

:root {
  color-scheme: dark;
}
body, .popup {
  background-color: #262626;
  color: #ddd;
}
.popup {
  border-color: #555555;
}
.popupform fieldset {
  border-color: #555555;
}
a, .side a {
  color: #8cb3d9;
}
.side .login {
  border-color: #555555;
}
input[type=text], input[type=password], textarea {
  background-color: #333;
  color: #fff;
  border-color: #4d4d4d;
}
#tagline {
  background-color: #5b5643;
  color: #dddddd;
}
.post .rank {
  color: #646464;
}
.post .score {
  color: #646464;
}
.post .thumb {
  background-color: #424242;
}
.score form.link-btn button {
  color: #646464;
  -webkit-text-stroke: 1px #484848;
  -webkit-text-fill-color: #222;
}
.score form.link-btn button:not([disabled]):hover {
  -webkit-text-stroke: 1px #777;
}
.post.distinguished .title a:visited {
  color: #228822;
  font-weight: bold;
}
.title a {
  color: #dedede;
}
.post .title a:visited, .post .title.visited a {
  color: #a6a6a6;
}
.post .unread {
  color: #ff8b60;
}
.expando-button {
  background-color: #333;
}
.expando-button::before, .open.expando-button::before {
  color: inherit;
}
.message b {
  color: #ddd;
}
.meta {
  color: #b4b4b4;
}
.comment {
  border-color: #333;
}
.comment .comment,
.comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
 background-color:#161616;
}
.comment,
.comment .comment .comment,
.comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment {
 background-color: #121212;
}
.tag {
  color: #828282;
}
.tag .submitter {
  color: #00aaff;
}
.tag .bot {
  color: #a79e23;
}
@supports not (border-inline-start: 0) {
  .expando blockquote, .comment blockquote {
    border-left-color: #555;
  }
}
.expando blockquote, .comment blockquote {
  border-inline-start-color: #555;
}
.preview h3 {
  background-color: #333;
  border-color: #333;
  color: #ccc;
}
.meta a, .activity .meta a {
  color: #6a98af;
}
#mycommunities a {
  color: #8cb3d9;
}
#mycommunities a:hover {
  background-color: #3e3e3e;
}
#mycommunities {
  background-color: #262626;
}
.expando .md {
  background-color: #373737;
  color: #ddd;
  border-color: #666;
}
.expando > div > details {
  color: white;
}
.side .monthly.activeusers {
  color: #aaaaaa;
}
.side .stats {
  background-color: #393939;
  border-color: #666;
}
.upvotes {
  color: #d65d30
}
.side input[type=text], .side .login input[type="text"], .side .login input[type="password"] {
  border-color: #555555;
}
.create > a {
  background-color: #555555;
  color: white;
}
.create > a div {
  background: linear-gradient(#4d4d4d, #444444 72%);
}
.create > a:hover {
  background-color: #666666;
  color: #0cbe30;
}
.create > a:hover div {
  background: linear-gradient(#3a3a3a, #333333 72%);
}
.create.disabled > a, .create.disabled > a:hover {
  background-color: #444444;
  color: #888888;
}
.create.disabled > a div, .create.disabled > a:hover div {
  background: #393939;
}
.create.disabled {
  background-color: #393939;
}
.create.disabled .subtitle {
  color: #aaaaaa;
}
.create input[type=submit],
.search .query input, 
.create input[type=file],
.create select {
  color: #fff;
  border: 1px outset gray;
  background-color: #4d4d4d;
}
.moderators a {
  color: #6a98af;
}
.community .description {
  background-color: #333;
  color: #ddd;
  border-color: #777;
}
nav {
  background-color: #696969;
}
nav .communities {
  background-color: #cccccc;
}
nav .communities a {
  color: #000;
}
nav .communities a.more {
  background-color: #cccccc;
}
nav .navtitle, nav .navtitle a {
  color: #ececec;
}
nav menu a, nav menu .selected a {
  background-color: #262626;
  color: #ddd;
}
@supports not (border-block-end: 0) {
  nav menu .selected a {
    border-bottom: 1px solid #262626;
  }
}
nav menu .selected a {
  color: #d25a32;
  border-block-end: 1px solid #262626;
}
nav .right {
  background-color: #333333;
}
nav .right a, nav .right input[type=submit]{
  color: rgb(140, 179, 217);
}
.panestack-title .title {
  color: #ccc;
}
.commentmenu a, .dark .menu {
  color: #6a98af;
}
.commentmenu .selected, .menu .selected {
  color: #ddd !important;
}
.warning {
  background-color: #544400;
}
.highlight{
  background-color: #4c4c4c;
}
form.submit section {
  background-color: #181818
}
.pager a {
  background-color: #333333;
  border-color: #555555;
  color: #6a98af;
}
.root input, .loginpage input {
  border-color: #555555;
}
@media (min-width: 1064px) {
  @supports not (border-inline-end: 0) {
    .loginpage > .signup {
      border-right-color: #555555;
    }
  }
  .loginpage > .signup {
    border-inline-end-color: #555555;
  }
}

/* PieFed: post flair and polls */
.title .flair {
  color: #ccc;
  background-color: #333;
}
.poll .choice, .poll label {
  border-color: #444;
  color: #ddd;
}
.poll .choice .bar {
  background-color: #2a3d52;
}
.moderate label {
  color: #aaa;
}
.report .report-content {
  background-color: #303030;
}
table.modlog th {
  border-bottom-color: #555;
}
table.modlog tr + tr td {
  border-top-color: #3a3a3a;
}
#kb-help, .parent-preview {
  background-color: #2f2f2f;
  border-color: #555;
  color: #ddd;
}
kbd {
  background-color: #333;
  border-color: #555;
}
a.usertag {
  background-color: #444;
  color: #ddd;
}
a.usertag.empty {
  color: #666;
}
.kb-selected {
  outline-color: #4a6a8a;
}
.comment.new-comment > .content {
  background-color: #2a3440;
  border-inline-start-color: #4a7aa8;
}
.new-comments-note {
  color: #8cb3d9;
}
a.modcount {
  color: #ff7043;
}
#feedbar {
  background-color: #1f1f1f;
}
#feedbartoggle button {
  background: #262626;
  border-color: #444;
}
#feedbartoggle button:hover {
  background: #303030;
}
#feedbar li {
  background: #2f2f2f;
  border-color: #444;
}
#feedbar li.selected {
  background: #33475b;
  border-color: #5a7a99;
}
#feedbar li.selected::before {
  border-inline-start-color: #8cb3d9;
}
nav .viewtoggle {
  border-color: #8cb3d9;
}
nav .viewtoggle a {
  color: #8cb3d9;
  background-color: #262626;
}
nav .viewtoggle a.selected {
  color: #262626;
  background-color: #8cb3d9;
}
@media (max-width: 599px) {
  #feedbaropen:checked ~ #feedbar {
    background-color: #1f1f1f;
  }
}
.reactions button, .reactions span.reaction {
  background-color: #333 !important;
  border-color: #555 !important;
  color: #ccc;
}
.reactions span.reaction.mine {
  background-color: #2b3d4f !important;
  border-color: #8cb3d9 !important;
}
.reactpicker[open] form {
  background-color: #262626;
  border-color: #555;
}
nav .right .themetoggle button {
  color: rgb(140, 179, 217);
}
nav .right .themetoggle .to-dark {
  display: none;
}
nav .right .themetoggle .to-light {
  display: inline;
}
ul.suggest {
  background-color: #333333;
  border-color: #666666;
}
ul.suggest li {
  color: #ddd;
}
ul.suggest li.active, ul.suggest li:hover {
  background-color: #555555;
}
details.emojipicker summary {
  background-color: #444444;
  border-color: #555555;
  color: white;
}
.emojipanel {
  background-color: #333333;
  border-color: #666666;
  color: #ddd;
}
.emojitabs {
  border-color: #555555;
}
.emojitabs button.selected, .emojitabs button:hover, .emojigrid button:hover, .emojigrid button:focus {
  background-color: #555555;
}