Reviewable one dark theme

reviewable.css

/* ============================================================
   ONE DARK THEME FOR REVIEWABLE
   Based on Atom One Dark palette
   ============================================================ */

/* ── Syntax highlighting (highlight.js) ── */
.hljs {
  background: #282c34;
  color: #abb2bf;
}

.hljs-comment,
.hljs-quote         { color: #5c6370; font-style: italic; }

.hljs-doctag,
.hljs-keyword,
.hljs-formula       { color: #c678dd; }

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst         { color: #e06c75; }

.hljs-literal       { color: #56b6c2; }

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string   { color: #98c379; }

.hljs-built_in,
.hljs-class .hljs-title { color: #e6c07b; }

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number        { color: #d19a66; }

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title         { color: #61aeee; }

.hljs-emphasis      { font-style: italic; }
.hljs-strong        { font-weight: bold; }
.hljs-link          { text-decoration: underline; }

/* ── Diff backgrounds ── */
/* Unchanged code lines */
.line.content,
.line.wrapper {
  background-color: #282c34;
  color: #abb2bf;
}

/* Removed lines (left side) */
.two.column.diff .diff.line:not(.keep) .line.wrapper.diffwidth:not(.empty) .left.line.content {
  background-color: #3b2b2b;
}
.two.column.diff .diff.line.base:not(.keep) .line.wrapper:not(.empty) .left.line.content,
.two.column.diff .diff.line.whitespace:not(.keep) .line.wrapper:not(.empty) .left.line.content {
  background-color: #32282b;
}

/* Added lines (right side) */
.two.column.diff .diff.line:not(.keep) .line.wrapper.diffwidth:not(.empty) .right.line.content {
  background-color: #2b3b2b;
}
.two.column.diff .diff.line.base:not(.keep) .line.wrapper:not(.empty) .right.line.content,
.two.column.diff .diff.line.whitespace:not(.keep) .line.wrapper:not(.empty) .right.line.content {
  background-color: #28322b;
}

/* Inline delta highlights */
.two.column.diff .diff.line .left.line.content .delta {
  background-color: rgba(224, 108, 117, 0.35);  /* One Dark red */
}
.two.column.diff .diff.line.base .left.line.content .delta,
.two.column.diff .diff.line.whitespace .left.line.content .delta {
  background-color: rgba(224, 108, 117, 0.18);
}
.two.column.diff .diff.line .right.line.content .delta {
  background-color: rgba(152, 195, 121, 0.35);  /* One Dark green */
}
.two.column.diff .diff.line.base .right.line.content .delta,
.two.column.diff .diff.line.whitespace .right.line.content .delta {
  background-color: rgba(152, 195, 121, 0.18);
}

/* ── Line numbers ── */
div[data-line-number]:not([data-line-number="0"]):before {
  content: attr(data-line-number);
  position: absolute;
  color: #4b5263;
  padding: 1px 3px 3px;
  font-size: x-small;
  display: block;
  width: 20px;
  text-align: right;
}
div[data-line-number]:not([data-line-number="0"]) div.hljs {
  margin-left: 26px;
}

/* ── Tabs, trailing whitespace, no-newline markers ── */
.tab, .no-newline, .trailing {
  color: #4b5263;
}
.tab:before {
  content: "\00bb\00a0\00a0\00a0";
}
.no-newline:before {
  content: "\00a0\20e0\23ce";
}

/* ── Code coverage bars (One Dark palette) ── */
:root {
  --coverage-bar-color-full:    #61aeee;   /* blue */
  --coverage-bar-color-partial: #56b6c2;   /* cyan */
  --coverage-bar-color-none:    #e06c75;   /* red  */
}

/* ── Replace wavy collapsed-region edges with a straight line ── */
.review-page .file.root .file .wavy.edge {
  background-image: none;
}

.review-page .file.root .file .top.wavy.edge {
  margin-top: 1em;
  margin-bottom: -0.5em;
}

.review-page .file.root .file .bottom.wavy.edge {
  margin-bottom: 0.5em;
}

.review-page .file.root .file .declaration.include {
  padding-top: 1em;
}

/* ── Reduce panel title tab border radius ── */
.panel.title {
   border-radius: 0px !important;
   margin-left: 0 !important;
   padding-top: 8px !important;
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   border-left-width: 0 !important;
   border-right-width: 0 !important;
}
.panel.title .left.filler,
.panel.title .right.filler {
   display: none;
}