:root {
  --back-base: #111;
  --back-frame: #000;
  --back-menu: #000;
  --border-frame: #888;
  --back-hlt: #444;
  --fore-base: #ccc;
  --fore-plus: #ffffff;
  --darksalmon: #965;
  --lightsalmon: #532;
  --red: #f66;
  --odarkrangered: #fa4;
  --link: #6af;
  --visited: #c6f;
  --green: #0b0;
  --hlt-green: #070;
  --hlt-yellow: var(--darksalmon);
}

html.darkTheme .inputbutton:hover {
  background-color:  var(--back-hlt);
}

html.darkTheme ul.hzmenu > li > ul > li:not(:first-child) {
  border-top-color: var(--border-frame);
}

html.darkTheme ul.hzmenu a:hover {
  background-color: #444;
}

html.darkTheme #wikiedit #htext, html.darkTheme .pmhlt {
  --pmsyntax-bgcolor: #aaa;
}

html.darkTheme #synciframe,
html.darkTheme .flipdetails,
html.darkTheme #superheader {
  filter: brightness(80%);
  
}

html.darkTheme img, html.darkTheme video, canvas {
  filter: brightness(80%);
}
html.darkTheme canvas {
  background-color: white;
}

html.darkTheme img[src*="/qrcode--"][src$=".svg"] {
  padding: 24px;
  background-color: #fff; /* still at 80% brightness */
}

html.darkTheme .pmchecklist > li[data-done]::before {
  border-color: #777;
}

html.darkTheme .pmchecklist > li[data-done="2"]::before {
  border-color: #777;
}


html.darkTheme .pmchecklist li.done-separator::before {
  background-color: var(--back-base);
}


html.darkTheme tr.highlighted  {
  background-color: var(--back-hlt) !important;
}
html.darkTheme mark {
  background-color: var(--darksalmon);
}

html.darkTheme .synclistwrap .chk_expired + label, 
html.darkTheme ul.synclist li.expired a::after, 
html.darkTheme ul.synclist li.expired a::before {
  color: var(--red);
}

html.darkTheme .synclistwrap .chk_due + label,
html.darkTheme  ul.synclist li.due a::after,
html.darkTheme  ul.synclist li.due a::before {
  color: var(--odarkrangered);
}
html.darkTheme .synclistwrap .chk_valid + label, 
html.darkTheme ul.synclist li.valid a::after, 
html.darkTheme ul.synclist li.valid a::before {
  color: var(--green);
}

html.darkTheme .worse-main-links-draggable::before {
  color: var(--odarkrangered);
}
html.darkTheme .worse-main-links-draggable ul.sidebar-ul::before, 
html.darkTheme .worse-main-links-draggable ul#app-shortcuts::before {
  background-color: var(--back-frame);
  color: var(--odarkrangered);
}
html.darkTheme ul#app-shortcuts mark {
  background-color: var(--back-hlt);
}

html.darkTheme ul.testimonials li {
  background-color: var(--back-base);
  
}
html.darkTheme .difftime {
  background-color: var(--back-frame);
}
html.darkTheme .diffmarkup ins {
  background-color: var(--hlt-green);
}
html.darkTheme .diffmarkup del {
  background-color: var(--hlt-yellow);
}

html.darkTheme .stattables td.increase, html.darkTheme .stattables ~ details .increase {
  color: var(--green);
}
html.darkTheme .stattables td.decrease, html.darkTheme  .stattables ~ details .decrease {
  color: var(--odarkrangered);
}

html.darkTheme table.stattables tr:hover {
   background-color: var(--back-hlt);
}
html.darkTheme #regadmin_table [data-col="signed in"]:empty {
  background-color: var(--darksalmon);
}

html.darkTheme #wikicmds-toggle-label[data-notif]::after {
  background-color: var(--red);
}

html.darkTheme a {
  color: var(--link);
}
html.darkTheme a:visited {
  color: var(--visited);
}


html.darkTheme input.pmcontact-search:placeholder-shown, html.darkTheme select.pmcontactselect,
html.darkTheme .flipdetails,
html.darkTheme textarea,
html.darkTheme select,
html.darkTheme input {
  background-color: var(--back-frame);
  color: var(--fore-base);
}

html.darkTheme .childrenlist > p:first-child,
html.darkTheme .trix-content h2, html.darkTheme .trix-content h3,
html.darkTheme .worse-content summary {
  background-color: var(--back-frame);
  color: var(--fore-plus);
}


html.darkTheme .topmore a,html.darkTheme  .more a {
  color: var(--fore-plus);
}
html.darkTheme .pmcontact-control-tr,
html.darkTheme .pmcontactlist tr[data-divider],
html.darkTheme ul.synclist li[data-role="list-divider"],
html.darkTheme .pmcontactdih2, html.darkTheme .pmcontactdiv h3,
html.darkTheme .topmore a, html.darkTheme  .more a {
  border-color: var(--back-hlt);
  background-color: var(--back-frame);
}
html.darkTheme ul.synclist a.itemlink {
  color: var(--fore-base);
}

html.darkTheme ul.synclist a.itemlink:visited {
  color: var(--visited);
}
html.darkTheme ul.synclist li a.add.frame {
  color: var(--fore-plus);
}

html.darkTheme .hzmenu ul,
html.darkTheme #searchsuggest,
html.darkTheme #tbfulllist li a:hover,
html.darkTheme #wikicmds,
html.darkTheme #wikileft {
  background-color: var(--back-menu);
  border-color: var(--border-frame);
  color: var(--fore-base);
}
html.darkTheme #wikicmds li.noblock,
html.darkTheme #wikileft a[href$="HomePage"] {
  background-color: var(--back-hlt);
}

html.darkTheme #tbfulllist li a,
html.darkTheme #wikicmds li a, html.darkTheme #wikileft li a {
  color: var(--fore-base);  
}

html.darkTheme #searchsuggest a:hover {
  background-color: var(--back-frame);
}
html.darkTheme #wikicmds li a:hover,
html.darkTheme #wikileft a:hover {
  background-color: var(--back-hlt);
  color: var(--fore-plus);
}


html.darkTheme #ucnt,
html.darkTheme #wikicmds li.salmon {
  background-color: var(--darksalmon);
}

html.darkTheme ul.drt-podcast li.playing,
html.darkTheme .bgsalmon,
html.darkTheme .lightsalmon,
html.darkTheme li.pending,
html.darkTheme #regadmin_table tr[data-waiting],
html.darkTheme #regadmin_table + details [data-waiting],
html.darkTheme #wikicmds li.lightsalmon {
  background-color: var(--lightsalmon);
}


html.darkTheme .trix-content figure.attachment--file {
  color: var(--fore-plus);
  border-color: var(--border-frame);
}

html.darkTheme .drt-button {
  background-color: var(--back-frame);
}
html.darkTheme .frame,
html.darkTheme .childrenlist ul li a {
  color: var(--fore-base);
  background-color: var(--back-frame);
  border-color: var(--border-frame);
}


html.darkTheme .pmcontact-addnew {
  color: var(--fore-base);
  background-color: var(--back-frame);
}
html.darkTheme p.breadcrumbs a::after {
  color: var(--fore-base);
}

html.darkTheme #wikifoot {
  background-image:none;
}

html.darkTheme .stattables th,
html.darkTheme table.simpletable th,
html.darkTheme .stattables tr:nth-of-type(2n),
html.darkTheme table.simpletable thead + tbody tr:nth-child(2n), 
html.darkTheme table.simpletable tbody:first-child tr:nth-child(2n+1) {
  background-color: var(--back-frame);
}

html.darkTheme table.simpletable thead + tbody tr:nth-child(2n+1), 
html.darkTheme table.simpletable tbody:first-child tr:nth-child(2n) {
  background-color: transparent;
}

html.darkTheme table.simpletable tr:hover {
  background-color: var(--back-hlt) !important;
}

html.darkTheme table.highlightrow tr:hover {
  background-color: var(--back-hlt) !important;
}


html.darkTheme ul.synclist li {
  border-color: var(--back-hlt);
}
html.darkTheme ul.synclist li .xnote {
  color: var(--fore-base);
}


html.darkTheme .eventtitle {
  color:  var(--fore-plus);
}

html.darkTheme .worsecustomform-demo > li > strong,
html.darkTheme .pmchecklist li.hlt,
html.darkTheme .catname,
html.darkTheme .ecalmonth thead th {
  background-color: var(--back-hlt);
}



html.darkTheme .trix-dialog,
html.darkTheme trix-toolbar .trix-button-group {
  background-color: var(--back-frame);
  color: var(--fore-base);  
  border-color: var(--back-hlt);
}
html.darkTheme trix-toolbar .trix-button.trix-active {
  background-color: var(--back-hlt);;
  
}
html.darkTheme trix-toolbar .trix-button {
  color: var(--fore-base);  
}
html.darkTheme input.filetable-search:placeholder-shown,
html.darkTheme li[data-role="list-divider"],
html.darkTheme .filetable_ul .filetable-control,
html.darkTheme div.pmsave input, html.darkTheme #worseparentselect, html.darkTheme #worsesave, html.darkTheme #worsecancel {
  background-color: var(--back-frame);
  color: var(--fore-plus);
}

html.darkTheme #linktopage a:hover,
html.darkTheme .trix-dialog--embed button:hover {
  background-color: var(--back-frame);
}

html.darkTheme ul.filetable_ul li {
  border-color: var(--back-hlt);
}

html.darkTheme .filetable_ul .dllink h5,
html.darkTheme .filetable-addnew, html.darkTheme .fileeditlink {
  background-color: transparent;
  color: var(--fore-plus);
}

html.darkTheme .fgred, 
html.darkTheme li.fgred a,
html.darkTheme #wikicmds li.fgred a,
html.darkTheme #logoutlink {
  color: var(--red);
}
html.darkTheme .lastmodrev.needsreview, html.darkTheme .lastmodrev.needsreview a {
  color: var(--odarkrangered);
}
html.darkTheme, html.darkTheme body, html.darkTheme body .bodywrap, html.darkTheme #wikimid {
  background-color: var(--back-base);
  color: var(--fore-base);
}





html.darkTheme trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E); }

html.darkTheme trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E); }
html.darkTheme trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E); }

html.darkTheme trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E); }
html.darkTheme trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E); }
html.darkTheme trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E); }
html.darkTheme trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E); }
html.darkTheme trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
html.darkTheme trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
  

html.darkTheme 
.trix-button--icon-bleep::before {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20stroke%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20height%3D%227%22%20width%3D%229%22%20y%3D%220.5%22%20x%3D%220.5%22%20fill%3D%22none%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%221.0%22%20y%3D%225.0%22%20width%3D%228%22%20height%3D%222.0%22%2F%3E%3C%2Fsvg%3E');
}
