/*
 * Solarized palette from https://ethanschoonover.com/solarized/
 *
 * Theme by @odd:oddware.net
 */

@import url("https://fonts.googleapis.com/css?family=Jetbrains+Mono&display=swap");
:root {
  --base03: #002b36;
  --base02: #073642;
  --base01: #586e75;
  --base00: #657b83;
  --base0: #839496;
  --base1: #93a1a1;
  --base2: #eee8d5;
  --base3: #fdf6e3;
  --yellow: #b58900;
  --orange: #cb4b16;
  --red: #dc322f;
  --magenta: #d33682;
  --violet: #6c71c4;
  --blue: #268bd2;
  --cyan: #2aa198;
  --green: #859900;

  --room-list-background-overlay: transparent;
  --room-list-padding: 0.2rem;
  --monospace-font-stack: "Jetbrains Mono", monospace;

  --sender-color-0: var(--yellow);
  --sender-color-1: var(--orange);
  --sender-color-2: var(--green);
  --sender-color-3: var(--magenta);
  --sender-color-4: var(--violet);
  --sender-color-5: var(--blue);
  --sender-color-6: var(--cyan);
  --sender-color-7: var(--red);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: var(--base03);
    --space-list-background-overlay: var(--base03);
    --room-list-background: var(--base03);
    --timeline-hover-bg-color: var(--base02);
    --composer-background-color: var(--base02);
    --text-color: var(--base0);
    --link-text-color: var(--blue);
    --error-color: var(--red);
  }
}

/* TODO */
@media (prefers-color-scheme: light) {
  :root {
  }
}

div.html-body pre {
  background-color: var(--base02);
  color: var(--text-color);
}

div.context-menu {
  & > button {
    &:last-of-type {
      color: var(--red);
    }
  }
}

/* This is inconsistent on different platforms, 
 * but at least it's good enough for my taste */
pre code {
  font-size: 0.65em;
}