:root { /* Yotsuba theme */
--chan-bg: #f0e0d6;
--chan-text: #800000;
--chan-anon: #106c3d; /* #117743 is the actual color, this is adjusted to improve contrast */
--chan-greentext: #516b0a; /* Ditto, #789922 is the actual color. */
--chan-link-normal: #000080;
--chan-link-hover: #ff0000;
}

[data-theme="dark"] { /* Tomorrow theme */
--chan-bg: #282a2e;
--chan-text: #c5c8c6;
--chan-anon: #c5c8c6;
--chan-greentext: #b5bd68;
--chan-link-normal: #80a2be;
--chan-link-hover: #5f89ac;
}

.chan {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 13px;
  background-color: var(--chan-bg);
  color: var(--chan-text);
  padding: 0.333333333em;
  width: fit-content;
  text-height: normal !important;
}

.anon {
  font-weight: 700;
  color: var(--chan-anon);  
}

.chan-header {
  padding-bottom: 0.5em;
  margin: 0;
}

.chan-post {
  margin-left: 2em;
  padding: 0 1em 1em 1em;
  /* top right bottom left */
}

.chan::selection, .chan-header::selection, .anon::selection, .chan-post::selection, .greentext::selection, .chanlink::selection {
  background-color: #0078d7;
  color: white;
  text-shadow: none;
  /* This doesn't change at all between themes on 4chan, simplifying matters for me */
}

.greentext {
  color: var(--chan-greentext);
}

.chanlink:link, .chanlink:visited {
  color: var(--chan-link-normal);
  text-decoration: underline;
  outline: none !important;
  cursor: pointer; /* To better facilitate fake links */
  transition: color 0s !important;
}

.chanlink:hover, .chanlink:active {
  color: var(--chan-link-hover);
}

.chanlink:after {
  content: none !important; /* This removes the arrow emoji for external links, matching 4chan */
}