MediaWiki:Darkcosmos.css

/* CSS placed here will affect users of the DarkCosmos skin */
[data-flw-theme='light'] {
  --body-bg-color: #1d1d1d;
  --body-bg-image: url(/w/images/9/9e/Prison-header.png);
  --main-text-color: #0d0903;
  --main-link-color: #266666;
  --alternate-link-color: #84d2d2;
  --dark-link-color: #266666;
  --bright-alternate-color: #a8f6f6;
  --text-bg-color: #bdb29e;
  --text-bg-image: url(/w/images/a/ad/Bg-paper-dark.png);
  --text-label-color: #756f65;
  --box-bg-color: #ded4c4;
  --box-bg-hover-color: #f5e9d6;
  --table-bg-color: #ded4c4; /* #baae98; */
  --table-bg-alt-color: #e7e4bc;
  --table-border-color: #756f65;
  --table-header-bg-color: #9c9078; /* #a59c89 */
  --table-highlighted-bg-color: #d3d3d3;
  --heading-underline-color: #3a3a3a;
  --max-table-width: 100%;
  --ca-edit-bgimage: linear-gradient(transparent, transparent),
    url(/w/skins/DarkCosmos/resources/images/pencil-source-grey.svg);
  --ca-history-bgimage: linear-gradient(transparent, transparent),
    url(/w/skins/DarkCosmos/resources/images/clock-grey.svg);
  --external-link-color: #0c008f;
  --external-link-active-color: #8f0c00;
  --external-link-visited-color: #660099;
  --comment-details-text-color: #555;
  --flw-logo: url('/w/images/logos/transparent-notext.svg');
  --success-color: #14866d;
  --success-bg-color: #d5fdf4;
  --warning-color: #fc3;
  --warning-bg-color: #fef6e7;
  --error-color: #d33;
  --error-bg-color: #fee7e6;
  --message-color: #a2a9b1;
  --message-bg-color: #eaecf0;
  --invert-in-light: invert(1) hue-rotate(180deg);
  --invert-in-dark: none;
}

[data-flw-theme='dark'] {
  --body-bg-color: #090b08;
  /* --body-bg-image: url(/w/images/d/d3/Skyline_background_gradient.png); */
  --body-bg-image: url(/w/index.php?title=Special:Redirect/file/Skyline_background_gradient.png);
  --main-text-color: #bdb29e;
  --main-link-color: #84d2d2; /* #b9e1e4 */
  --alternate-link-color: #84d2d2; /* #9feded #a8f6f6 */
  --dark-alternate-color: #266666;
  --bright-alternate-color: #a8f6f6;
  --text-bg-color: #10140f; /* #1b2319 */
  --text-bg-image: none;
  --text-label-color: #756f65;
  --box-bg-color: #1b2319;
  --box-bg-hover-color: #273a22;
  --table-bg-color: #1b2319;
  --table-bg-alt-color: #354521;
  --table-border-color: #756f65;
  --table-header-bg-color: #08210b;
  --table-highlighted-bg-color: #4e4500;
  --heading-underline-color: #42686b;
  --max-table-width: 100%;
  --ca-edit-bgimage: url(/w/skins/DarkCosmos/resources/images/pencil-source-grey.png);
  --ca-history-bgimage: url(/w/skins/DarkCosmos/resources/images/clock-grey.png);
  --external-link-color: #9e9eff;
  --external-link-active-color: #ff9e9e;
  --external-link-visited-color: #d0adf0; /* #c58af9 */
  --comment-details-text-color: #978d7d;
  --flw-logo: url('/w/index.php?title=Special:Redirect/file/Flwiki-logo-dark-mode.svg');
  --success-color: #14866d;
  --success-bg-color: #07382d;
  --warning-color: #fc3;
  --warning-bg-color: #382a00;
  --error-color: #d33;
  --error-bg-color: #461b1a;
  --message-color: #a2a9b1;
  --message-bg-color: #414242;
  --invert-in-light: none;
  --invert-in-dark: invert(1) hue-rotate(180deg);
}

/* This is so that it has higher specificity than forum styles */
:root body {
  --cd-comment-focused-color: var(--box-bg-color, #eaf3ff);
  --cd-comment-target-color: var(--warning-bg-color, #ffedb8);
  --cd-comment-new-color: var(--success-bg-color, #e8ffd1);
  --cd-comment-own-color: var(--message-bg-color, #f7ebff);
  --cd-comment-deleted-color: var(--error-bg-color, #fee7e6);
}

.invert-in-light {
  filter: var(--invert-in-light, invert(1) hue-rotate(180deg));
}

.invert-in-dark {
  filter: var(--invert-in-dark, none);
}

.mw-wiki-logo {
  background-image: var(
    --flw-logo,
    url('/w/images/logos/transparent-notext.svg')
  );
}

.ts-inner,
.mw-body .mw-parser-output > p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
caption {
  max-width: unset;
}

img {
  max-width: 100%;
  height: auto;
}

img.option-img {
  max-width: none;
}

.mw-option > div {
  min-width: 0;
}

@media screen and (min-width: 851px) {
  #mw-content-block,
  #mw-header {
    justify-content: center;
  }

  #personal h2 {
    padding: 7px 0 0 25px;
  }

  #personal .dropdown {
    border-width: 1px;
  }
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
  #catlinks {
    margin: 1em 0;
    padding: 0.5em 1.5em;
  }
}

@media screen and (min-width: 1367px) {
  #mw-content-wrapper,
  #p-search,
  #mw-footer {
    flex: 1 1 800px;
    max-width: calc(100vw - 30em);
    min-width: unset;
  }

  #mw-content {
    padding: 3em;
  }

  #mw-footer-container {
    display: flex;
    justify-content: center;
  }

  #mw-footer {
    margin-top: 1em;
    padding: 2em 4em;
  }
}

@media only screen and (min-width: 1584px) {
  #mw-content-wrapper,
  #p-search,
  #mw-footer {
    max-width: 1280px;
    min-width: 800px;
  }
}

@media only screen and (min-width: 2561px) {
  #mw-footer {
    background-color: #1d1d1d;
    background-color: var(--body-bg-color, #1d1d1d);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  }
}

.mw-body {
  overflow: visible;
}

.table-container {
  max-width: 100%;
  overflow: auto;
}

.article-table {
  display: block;
  margin: 1em 0;
  max-width: 100%;
}

.article-table caption {
  width: max-content;
}

.article-table.article-table-centered {
  margin: 1em auto;
  width: max-content;
  max-width: 100%;
}

.article-table.article-table-centered.mw-collapsed {
  display: table;
  width: 100%;
}

.article-table.article-table-centered caption {
  width: auto;
}

.article-table.floatright {
  margin: 1em 0;
}

.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions,
.article-table td,
.wikitable td,
.article-table tbody,
.wikitable tbody,
.mw-body .mw-datatable,
.mw-body .mw-json,
.mw-body .wikitable {
  background-color: #ded4c4;
  background-color: var(--table-bg-color, #ded4c4);
  border-color: #756f65;
  border-color: var(--table-border-color, #756f65);
}

.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
  filter: var(--invert-in-dark, none);
}

.article-table th,
.wikitable th {
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
}

.mw-datatable > tr > th,
.mw-datatable > * > tr > th,
.mw-json > tr > th,
.mw-json > * > tr > th,
.wikitable > tr > th,
.wikitable > * > tr > th {
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
  padding-bottom: 9px;
  padding-top: 9px;
}

.mw-datatable > tr > th,
.mw-datatable > * > tr > th,
.mw-json > tr > th,
.mw-json > * > tr > th,
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
  border-color: #756f65;
  border-color: var(--table-border-color, #756f65);
}

.mw-body .wikitable,
.mw-body .mw-datatable {
  border-width: 1px;
}

th.fl-cell-highlighted,
td.fl-cell-highlighted,
.fl-cell-highlighted th,
.fl-cell-highlighted td,
.wikitable .fl-cell-highlighted,
.article-table .fl-cell-highlighted,
.fl-cell-highlighted {
  background-color: lightgrey;
  background-color: var(--table-highlighted-bg-color, lightgrey);
  font-weight: bold;
}

ul#filetoc,
.toc,
.mw-warning,
.mw-dismissable-notice,
#localNotice {
  background-color: #bdb29e;
  background-color: var(--text-bg-color, #bdb29e);
  border-color: #3a3a3a;
  border-color: var(--heading-underline-color, #3a3a3a);
}

body {
  background-color: #1d1d1d;
  background-color: var(--body-bg-color, #1d1d1d);

  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
}

@media only screen and (min-width: 1101px) {
  body {
    background-image: url(/w/images/9/9e/Prison-header.png);
    background-image: var(
      --body-bg-image,
      url(/w/images/9/9e/Prison-header.png)
    );
    background-position: top 244px center;
    background-repeat: no-repeat;
    background-size: 200% auto;
  }
}

#mw-content,
#mw-site-navigation,
#mw-related-navigation,
.cs-comment > .cs-comment-body,
.cs-comment > .cs-comment-header,
a.mw-selflink,
.search-types .current a {
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

a,
.toctogglelabel,
.cs-comment-author a {
  color: #266666;
  color: var(--main-link-color, #266666);
}

a.low-contrast-link {
  color: #84d2d2;
  color: var(--alternate-link-color, #84d2d2);
  text-decoration: underline;
}

.mw-body .mw-parser-output a.external {
  color: #0c008f;
  color: var(--external-link-color, #0c008f);
}
.mw-body .mw-parser-output a.external:active {
  color: #8f0c00;
  color: var(--external-link-active-color, #8f0c00);
}
.mw-body .mw-parser-output a.external:visited {
  color: #660099;
  color: var(--external-link-visited-color, #660099);
}
.mw-body .mw-parser-output a.external[href^="https://fallenlondon.wiki"],
.mw-body .mw-parser-output a.external[href^="http://fallenlondon.wiki"]
{
  color: #266666;
  color: var(--main-link-color, #266666);
}

.tools-inline li.selected {
  border-bottom-color: #266666;
  border-bottom-color: var(--main-link-color, #266666);
}

.tools-inline li.selected a {
  color: #3a3a3a;
  color: var(--heading-underline-color, #3a3a3a);
}

.tools-inline li a:hover {
  text-decoration: none;
}

.tools-inline li:hover {
  border-bottom-color: #3a3a3a;
  border-bottom-color: var(--heading-underline-color, #3a3a3a);
}

.tools-inline li {
  font-family: 'Roboto Slab', Georgia, Times, serif;
  font-weight: 700;
  text-transform: uppercase;
}

#ca-edit a,
#ca-history a,
#ca-watch a,
#ca-unwatch a {
  background-position: left center;
  padding: 0 2px 0 22px;
}

#ca-watch a,
#ca-unwatch a {
  width: auto;
  overflow: visible;
}

.client-js #ca-edit a,
.mw-editsection a:first-of-type {
  background-image: var(
    --ca-edit-bgimage,
    url(/w/skins/DarkCosmos/resources/images/pencil-source-grey.svg)
  );
}

#ca-history a {
  background-image: var(
    --ca-history-bgimage,
    url(/w/skins/DarkCosmos/resources/images/clock-grey.svg)
  );
}

@media screen and (min-width: 851px) {
  #ca-watch a,
  #ca-unwatch a {
    text-indent: 0;
  }
}

#mw-content {
  background-image: url(/w/images/a/ad/Bg-paper-dark.png);
  background-image: var(--text-bg-image, url(/w/images/a/ad/Bg-paper-dark.png));
  background-color: #bdb29e;
  background-color: var(--text-bg-color, #bdb29e);
  background-repeat: repeat;
  border-width: 1px;
}

[data-darkreader-mode] #mw-content {
  background-image: none;
}

.cs-comment {
  padding: 0.5em;
}

@media screen and (min-width: 1367px) {
  #mw-site-navigation .sidebar-chunk,
  #mw-related-navigation .sidebar-chunk {
    background-image: url(/w/images/a/ad/Bg-paper-dark.png);
    background-image: var(
      --text-bg-image,
      url(/w/images/a/ad/Bg-paper-dark.png)
    );
    background-color: #bdb29e;
    background-color: var(--text-bg-color, #bdb29e);
    background-repeat: repeat;
    border-width: 1px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  }

  [data-darkreader-mode] #mw-site-navigation .sidebar-chunk,
  [data-darkreader-mode] #mw-related-navigation .sidebar-chunk {
    background-image: none;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1366px) {
  #mw-site-navigation .sidebar-chunk,
  #mw-related-navigation .sidebar-chunk {
    background-image: url(/w/images/a/ad/Bg-paper-dark.png);
    background-image: var(
      --text-bg-image,
      url(/w/images/a/ad/Bg-paper-dark.png)
    );
    background-color: #bdb29e;
    background-color: var(--text-bg-color, #bdb29e);
  }
}

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6,
.mw-body dt,
h1,
h2,
h3,
h4,
h5,
h6,
.cs-comment-title {
  font-weight: 400;
  font-family: 'Roboto Slab', Georgia, Times, serif;
  line-height: 1.125;
  margin: 0.5em 0 0.2em;
}

.mw-body h1,
.mw-body h1.firstHeading {
  font-size: 2.5em;
  border-bottom: solid 1px;
  border-bottom-color: #3a3a3a;
  border-bottom-color: var(--heading-underline-color, #3a3a3a);
}

.mw-body h2 {
  font-size: 1.8em;
  border-bottom: solid 1px;
  border-bottom-color: #3a3a3a;
  border-bottom-color: var(--heading-underline-color, #3a3a3a);
  font-weight: 700;
  overflow: hidden;
}

.mw-body .mw-parser-output h1:after,
.mw-body .mw-parser-output h2:after {
  display: none;
}

.mw-body .mw-parser-output h1,
.mw-body .mw-parser-output h2 {
  border-bottom: solid 1px;
  border-bottom-color: #3a3a3a;
  border-bottom-color: var(--heading-underline-color, #3a3a3a);
  overflow: hidden;
}

.tocnumber {
  color: #3a3a3a;
  color: var(--heading-underline-color, #3a3a3a);
}

.mw-body .toctitle {
  border-bottom-color: #3a3a3a;
  border-bottom-color: var(--heading-underline-color, #3a3a3a);
}

.mw-body .toctitle h2 {
  border-bottom: none;
}

.toc {
  border-width: 1px;
}

.mw-body .mw-parser-output .toc ul {
  margin: 0.375em 0;
}

.mw-body .mw-parser-output .toc ul ul {
  margin-inline-start: 1.5em;
}

.mw-body h3 {
  font-weight: 400;
  font-size: 1.6em;
}

.mw-body h4 {
  font-weight: 400;
  font-size: 1.4em;
}

.mw-body h5 {
  font-weight: 400;
  font-size: 1.2em;
}

.mw-body h6 {
  font-weight: 700;
  font-size: 1.0em;
}

#mw-related-navigation .sidebar-chunk h3 {
  font-weight: 700;
  font-size: 1em;
  border-bottom-width: 1px;
  border-bottom-color: #3a3a3a;
  border-bottom-color: var(--heading-underline-color, #3a3a3a);
}

#mw-site-navigation .sidebar-chunk h3 {
  font-weight: 700;
  font-size: 1em;
  border-bottom-width: 1px;
  border-bottom-color: #3a3a3a;
  border-bottom-color: var(--heading-underline-color, #3a3a3a);
}

.mw-body .mw-parser-output p + p {
  margin: unset;
  margin-top: 1em;
  margin-bottom: 1em;
}

.cs-comment > .cs-comment-body p + p {
  margin: 0.4em;
}

.cs-comment-title {
  font-weight: 700;
}

@media screen and (min-width: 851px) {
  .mw-wiki-logo.fallback {
    background-position: center bottom;
  }

  #p-logo {
    margin-bottom: -1em;
  }
}

.mw-editsection a:first-of-type {
  background-image: url(/w/skins/DarkCosmos/resources/images/pencil-grey.png?23255);
  background-image: linear-gradient(transparent, transparent),
    url(/w/skins/DarkCosmos/resources/images/pencil-grey.svg?b2ced);
  background-repeat: no-repeat;
  background-position: left center;
}

#mw-header-container,
#searchInput,
#p-logo-text a,
.suggestions .suggestions-result,
.suggestions-special .special-query {
  color: ghostwhite;
}

#searchInput::placeholder,
.suggestions-special .special-label {
  color: silver;
}

.suggestions .suggestions-special,
.suggestions .suggestions-results {
  border-bottom-width: 1px;
}

#cs-comments {
  display: flow-root;
}

#cs-edit-box {
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
}

/* #cs-edit-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 0.5em;
  border-radius: 0px;
  padding: 1rem;
} */

#cs-title-edit-field {
  border-width: 0;
  min-width: unset;
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
}

#cs-body-edit-field {
  border-radius: 2px;
  border-width: 0;
  color: #ede3d2;
  background-color: #282520;
}

.cs-button {
  filter: sepia(0.5) brightness(0.8);
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

.cs-submit-button {
  filter: brightness(0.5) saturate(3);
}

.cs-cancel-button {
  filter: brightness(0.3) saturate(3);
}

.cs-comment {
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 0.5em;
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
}

.cs-comment > .cs-comment-header {
  border: solid 0;
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
}

.cs-comment-details,
.cs-comment-author-anonymous {
  color: #555;
  color: var(--comment-details-text-color, #555);
}

.cs-comment-author,
.cs-comment-details {
  padding-left: 2px;
  padding-right: 2px;
}

.cs-link-button {
  margin-top: -1em;
  margin-bottom: -1em;
}

.cs-comment > .cs-comment-body p {
  margin-left: 0.4em;
}

.fl-spoiler-tag {
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

div.editOptions {
  border-color: #756f65;
  border-color: var(--table-border-color, #756f65);
  border-width: 0 1px 1px;
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
}

#mw-indicator-mw-helplink a {
  background-image: none;
  padding-left: 0;
  line-height: 20px;
  position: relative;
}

#mw-indicator-mw-helplink a::before {
  content: url(/w/resources/src/mediawiki.helplink/images/helpNotice.svg);
  position: absolute;
  left: -23px;
  top: -1px;
}

#mw-indicator-mw-helplink a::before {
  filter: var(--invert-in-dark, none);
}

.flw-cover-page {
  filter: var(--invert-in-dark, none);
}

.smw-property-page-results .value-row:hover {
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
}

.smw-property-page-results .header-title {
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
  border-color: #3a3a3a;
  border-color: var(--heading-underline-color, #3a3a3a);
}

.smw-property-page-results .header-row > .header-title {
  border-color: #3a3a3a;
  border-color: var(--heading-underline-color, #3a3a3a);
}

.smw-tabs label.nav-label {
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

.smw-tabs input.nav-tab:checked + label.nav-label {
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
  border-color: transparent;
  border-top-color: #266666;
  border-top-color: var(--main-link-color, #266666);
  border-bottom-color: #266666;
  border-bottom-color: var(--main-link-color, #266666);
}

.smw-property
  input.nav-tab:checked
  + label#tab-label-smw-property-constraint.nav-label {
  border-top-color: #266666;
  border-top-color: var(--main-link-color, #266666);
}

.smw-callout-info {
  color: #0d0903;
}

.mw-rcfilters-head {
  background-color: #ded4c4;
  padding: 1em;
  border: 1px solid;
  border-color: #3a3a3a;
  border-color: var(--heading-underline-color, #3a3a3a);
}

.smw-tabs section,
.smw-tabs .subtab-content {
  border-color: #3a3a3a;
  border-color: var(--heading-underline-color, #3a3a3a);
}

.usage-count,
.item-count {
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

#tab-smw-property-value:checked + label.nav-label .usage-count.moderate,
#tab-smw-concept-list:checked + label.nav-label .usage-count.moderate,
#tab-smw-property-value:checked + label.nav-label .usage-count,
#tab-smw-concept-list:checked + label.nav-label .usage-count,
#tab-smw-property-subp:checked + label.nav-label .item-count,
#tab-smw-property-errp:checked + label.nav-label .item-count,
#tab-smw-property-redi:checked + label.nav-label .item-count,
#tab-smw-type-list:checked + label.nav-label .item-count,
#tab-smw-property-spec:checked + label.nav-label .item-count {
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
  color: #266666;
  color: var(--main-link-color, #266666);
}

#pagehistory li.selected {
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

#mw-history-search .oo-ui-iconElement-icon {
  filter: var(--invert-in-dark, none);
}

.messagebox,
.errorbox,
.warningbox,
.successbox {
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

.successbox {
  background-color: #d5fdf4;
  background-color: var(--success-bg-color, #d5fdf4);
  border-color: #14866d;
  border-color: var(--success-color, #14866d);
}

.warningbox {
  background-color: #fef6e7;
  background-color: var(--warning-bg-color, #fef6e7);
  border-color: #fc3;
  border-color: var(--warning-color, #fc3);
}

.errorbox {
  background-color: #fee7e6;
  background-color: var(--error-bg-color, #fee7e6);
  border-color: #d33;
  border-color: var(--error-color, #d33);
}

.messagebox {
  background-color: #eaecf0;
  background-color: var(--message-bg-color, #eaecf0);
  border-color: #a2a9b1;
  border-color: var(--message-color, #a2a9b1);
}

.oo-ui-panelLayout-framed {
  border-color: #756f65;
  border-color: var(--table-border-color, #756f65);
}

.cd-commentLevel
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled
  > .oo-ui-buttonElement-button {
  color: #266666;
  color: var(--main-link-color, #266666);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled
  > .oo-ui-buttonElement-button:hover {
  background-color: #f5e9d6;
  background-color: var(--box-bg-hover-color, #f5e9d6);
  color: #266666;
  color: var(--main-link-color, #266666);
}

.cd-commentOverlay-focused .oo-ui-iconElement-icon {
  filter: var(--invert-in-dark, none);
}

.mw-editsection a:first-of-type {
  margin-left: 0px;
  background-image: var(
    --ca-edit-bgimage,
    url(/w/skins/DarkCosmos/resources/images/pencil-source-grey.svg)
  );
}

.mw-editsection .cd-sectionLinkWrapper::before {
  color: #3a3a3a;
  color: var(--heading-underline-color, #3a3a3a);
}

/* Forum styles */
.forumheader {
  border: 1px solid #756f65;
  border-color: var(--table-border-color, #756f65);
  margin-top: 1em;
  padding: 12px;
}

.forumlist {
  background-color: #756f65;
  background-color: var(--table-border-color, #756f65);
}

.forumlist th.forum_title {
  padding-left: 10px;
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
}

.forumlist th.forum_edited {
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
}

.forumlist th.forum_editor {
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
}

.forumlist td {
  background-color: #ded4c4;
  background-color: var(--table-bg-color, #ded4c4);
}

.forumlist .forum_title a {
  padding-left: 20px;
}

.cd-commentForm .cd-previewArea {
  background-color: #f8f9fa;
  background-color: var(--box-bg-color, #ded4c4);
}

.cd-previewArea .cd-previewArea-label {
  color: #756f65;
  color: var(--text-label-color, #756f65);
}

.diff-context {
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
  background: none;
}

.diffchange {
  color: #0d0903;
}

.client-js
  .sortable:not(.jquery-tablesorter)
  > *
  > tr:first-child
  > th:not(.unsortable),
.jquery-tablesorter th.headerSort {
  background-image: none;
  position: relative;
}

.client-js
  .sortable:not(.jquery-tablesorter)
  > *
  > tr:first-child
  > th:not(.unsortable)::after,
.jquery-tablesorter th.headerSort::after {
  content: url(/w/resources/src/jquery.tablesorter.styles/images/sort_both.svg?6b5ca);
  position: absolute;
  right: 0;
}

.jquery-tablesorter th.headerSortUp::after {
  content: url(/w/resources/src/jquery.tablesorter.styles/images/sort_up.svg?dd026);
}

.jquery-tablesorter th.headerSortDown::after {
  content: url(/w/resources/src/jquery.tablesorter.styles/images/sort_down.svg?fb375);
}

.client-js
  .sortable:not(.jquery-tablesorter)
  > *
  > tr:first-child
  > th:not(.unsortable)::after,
.jquery-tablesorter th.headerSort::after {
  filter: var(--invert-in-dark, none);
}

code,
pre,
.mw-code {
  border: 1px solid #3a3a3a;
  border-color: var(--heading-underline-color, #3a3a3a);
}

code a,
pre a,
.mw-code a {
  color: #266666;
}

code a.mw-selflink,
pre a.mw-selflink,
.mw-code a.mw-selflink {
  color: #0d0903;
}

.smwb-theme-light .smwb-factbox {
  border-left-color: #9c9078;
  border-left-color: var(--table-header-bg-color, #9c9078);
}

.smwb-theme-light .smwb-title,
.smwb-theme-light .smwb-center,
.smwb-theme-light .smwb-actions,
.smwb-theme-light .smwb-prophead {
  background-color: #9c9078;
  background-color: var(--table-header-bg-color, #9c9078);
}

.smwb-action-separator {
  border-left-color: #3a3a3a;
  border-left-color: var(--heading-underline-color, #3a3a3a);
}

.smwb-theme-light .smwb-propval {
  background-color: #ded4c4;
  background-color: var(--table-bg-color, #ded4c4);
}

.smwb-propvalue {
  background-color: #f5e9d6;
  background-color: var(--box-bg-hover-color, #f5e9d6);
}

.smwb-factbox .smwb-cell {
  border-color: #756f65;
  border-color: var(--table-border-color, #756f65);
}

.smwb-theme-light .smwb-ifactbox {
  border-right-color: #9c9078;
  border-right-color: var(--table-header-bg-color, #9c9078);
}

.smwb-ipropvalue {
  background-color: #ded4c4;
  background-color: var(--table-bg-color, #ded4c4);
}

.smwb-ifactbox .smwb-cell {
  border-color: #756f65;
  border-color: var(--table-border-color, #756f65);
}

.smwb-bottom {
  border-bottom-color: #756f65;
  border-bottom-color: var(--table-border-color, #756f65);
}

span.smwbrowse a,
span.smwsearch a {
  filter: var(--invert-in-light, invert(1) hue-rotate(180deg));
}

.smw-icon-info {
  filter: var(--invert-in-dark, none);
}

.smw-ask-toplinks {
  background-color: #ded4c4;
  background-color: var(--box-bg-color, #ded4c4);
}

.smw-ask-search fieldset,
.smw-ask-format fieldset,
.smw-ask-options fieldset,
.smw-ask-condition fieldset,
.smw-ask-printhead fieldset {
  border-color: #3a3a3a;
  border-color: var(--heading-underline-color, #3a3a3a);
}

.strike > span:before,
.strike > span:after {
  background-color: #3a3a3a;
  background-color: var(--heading-underline-color, #3a3a3a);
}

.smw-ask-options-row-odd {
  background: #e7e4bc;
  background: var(--table-bg-alt-color, #e7e4bc);
}

.smw-ask-options-row-even {
  background: #ded4c4;
  background: var(--table-bg-color, #ded4c4);
}

.smw-column-header {
  color: #0d0903;
  color: var(--main-text-color, #0d0903);
}

#tab-label-smw-askt-compact, #tab-label-smw-askt-edit {
	filter: var(--invert-in-dark, none);
}

#wpTextbox1 {
	display: block;
}

#mw-header-container,#mw-header-hack,#mw-header-nav-hack,.color-middle-container,.color-middle {
    background-color: #1b2319
}

.flw-cross-conversion .mw-selflink::before {
	border-bottom-color: var(--main-link-color,#266666);
}