MediaWiki:Theme-dark.css

From Palia Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/*********************
* Set Browser Scheme *
* (Scrollbars, etc)  *
*********************/

.theme-dark {
	color-scheme: dark;
}

/*********************
* Set Dark-Mode Vars *
*********************/

:root {
	/* Every page content */
	--page-background-color: #000;
	--page-background-image: url(https://palia.wiki.gg/images/5/5d/Palia_Wiki_Background_dark.jpg);
	--page-background-image-compress: url(https://palia.wiki.gg/images/5/58/Palia_Wiki_Background_dark.webp);

	/* Basic styles */
	--text-color: #fff;
	--border-color: #052658;
	--background-color: #020202;

	--text-success: #30BD30;
	--text-error: #F01C1C;
	--text-null: #A2A9B1;

	--link: #85afff;
	--link-broken: #FF1C1C;

	/* Paper materials */
	--paper-background: #4F4D4B;
	--paper-hover: #5E5A55;
	--paper-border: #797580;

	/* Code inputs */
	--text-code: #EDEDED;
	--background-code: #242424;
	--border-code: #383838;

	/* Tables */
	--table-header-background: #052658;
	--table-header-color: #FFF;
	--table-hover-color: #CEE4FF;
	--table-hover-background: rgba(57, 86, 132, 0.6);
	--table-checked-background: linear-gradient(270deg, rgba(0, 45, 217, 0.6), rgba(0, 6, 82, 0.6));

	/* Portable Infoboxes */
	--pi-secondary-background: #404040;

	/* Game Controls */
	--controls-color: #D9D9D9;
	--controls-indicator: #FFB0B0;

	/* Game Colors */
	--palia-rarity-unspecified: #4f6372;
	--palia-rarity-abundant: #4f6372;
	--palia-rarity-common: #0b1b38;
	--palia-rarity-uncommon: #1d4313;
	--palia-rarity-rare: #216571;
	--palia-rarity-epic: #573ed2;
	--palia-rarity-legendary: #661100;
	
	--hr-color: #A3B7FF;
}

/****************************************************
* Here we override our editor themes for dark edits *
* https://github.com/jwarby/jekyll-pygments-themes  *
****************************************************/

.group-warning {
	background: #645A0C;
	color: #fff5AA;
}

.ace_editor {
	background-color: #242424 !important;
	color: #EDEDED !important;
	border-color: #383838 !important;
}

.mw-content-ltr.mw-highlight-lines pre {
	box-shadow: inset 2.75em 0 0 var(--background-color);
	border-color: var(--border-color);
}

.mw-highlight .hll {
	background-color: #404040 !important;
}

.mw-highlight .c, /* Comment */
.mw-highlight .cm, /* Comment.Multiline */
.mw-highlight .c1, /* Comment.Single */
.ace-tm .ace_comment {
	color: #999999 !important;
}

.mw-highlight .err /* Error */ {
	color: #A61717 !important;
}

.mw-highlight .k, /* Keyword */
.ace_support.ace_type,
.cm-mw-template-name {
	color: #6AB825 !important;
}

.mw-highlight .g, /* Generic */
.mw-highlight .l, /* Literal */
.mw-highlight .n, /* Name */
.mw-highlight .o, /* Operator */
.mw-highlight .x, /* Other */
.ace-tm .ace_keyword.ace_operator {
	color: #D0D0D0 !important;
}

.mw-highlight .cp /* Comment.Preproc */ {
	color: #CD2828 !important;
}

.mw-highlight .cs /* Comment.Special */ {
	color: #E50808 !important;
}

.mw-highlight .gd /* Generic.Deleted */ {
	color: #D22323 !important;
}

.mw-highlight .ge /* Generic.Emph */ {
	color: #D0D0D0 !important;
}

.mw-highlight .gr /* Generic.Error */ {
	color: #D22323 !important;
}

.mw-highlight .gh, /* Generic.Heading */
.ace-tm .ace_heading {
	color: #FFFFFF !important;
}

.mw-highlight .gi /* Generic.Inserted */ {
	color: #589819 !important;
}

.mw-highlight .go /* Generic.Output */ {
	color: #CCCCCC !important;
}

.mw-highlight .gp /* Generic.Prompt */ {
	color: #AAAAAA !important;
}

.mw-highlight .gs /* Generic.Strong */ {
	color: #D0D0D0 !important;
}

.mw-highlight .gu /* Generic.Subheading */ {
	color: #FFFFFF !important;
}

.mw-highlight .gt, /* Generic.Traceback */
.ace-tm .ace_marker-layer .ace_stack {
	color: #D22323 !important;
}

.mw-highlight .kc, /* Keyword.Constant */
.ace-tm .ace_constant {
	color: #6AB825 !important;
}

.mw-highlight .kd /* Keyword.Declaration */ {
	color: #6AB825 !important;
}

.mw-highlight .kn /* Keyword.Namespace */ {
	color: #6AB825 !important;
}

.mw-highlight .kp /* Keyword.Pseudo */ {
	color: #6AB825 !important;
}

.mw-highlight .kr /* Keyword.Reserved */ {
	color: #6AB825 !important;
}

.mw-highlight .kt /* Keyword.Type */ {
	color: #6AB825 !important;
}

.mw-highlight .ld /* Literal.Date */ {
	color: #D0D0D0;
}

.mw-highlight .m, /* Literal.Number */
.ace-tm .ace_constant.ace_numeric,
.mw-highlight .mf, /* Literal.Number.Float */
.mw-highlight .mh, /* Literal.Number.Hex */
.mw-highlight .mi, /* Literal.Number.Integer */
.mw-highlight .mo, /* Literal.Number.Oct */
.mw-highlight .il /* Literal.Number.Integer.Long */ {
	color: #3677A9 !important;
}

.mw-highlight .s, /* Literal.String */
.ace-tm .ace_string {
	color: #ED9D13 !important;
}

.mw-highlight .na /* Name.Attribute */ {
	color: #BBBBBB !important;
}

.mw-highlight .nb /* Name.Builtin */ {
	color: #24909D !important;
}

.mw-highlight .nc, /* Name.Class */
.mw-highlight .p, /* Punctuation */
.ace-tm .ace_variable,
.ace-tm .ace_support.ace_class,
.cm-mw-template-delimiter,
.cm-mw-template-bracket {
	color: #447FCF !important;
}

.mw-highlight .no, /* Name.Constant */
.ace-tm .ace_support.ace_constant {
	color: #40FFFF !important;
}

.mw-highlight .nd /* Name.Decorator */ {
	color: #FFA500 !important;
}

.mw-highlight .ni /* Name.Entity */ {
	color: #D0D0D0 !important;
}

.mw-highlight .ne /* Name.Exception */ {
	color: #BBBBBB !important;
}

.mw-highlight .nf, /* Name.Function */
.ace-tm .ace_support.ace_function {
	color: #447FCF !important;
}

.mw-highlight .nl, /* Name.Label */
.cm-mw-template-argument-name {
	color: #f1fa8c !important;
}

.mw-highlight .nn /* Name.Namespace */ {
	color: #447FCF !important;
}

.mw-highlight .nx /* Name.Other */ {
	color: #D0D0D0 !important;
}

.mw-highlight .py /* Name.Property */ {
	color: #D0D0D0 !important;
}

.mw-highlight .nt /* Name.Tag */ {
	color: #6AB825 !important;
}

.mw-highlight .nv /* Name.Variable */ {
	color: #40FFFF !important;
}

.mw-highlight .ow /* Operator.Word */ {
	color: #6AB825 !important;
}

.mw-highlight .w /* Text.Whitespace */ {
	color: #666666 !important;
}

.mw-highlight .sb /* Literal.String.Backtick */ {
	color: #ED9D13 !important;
}

.mw-highlight .sc, /* Literal.String.Char */
.mw-highlight .sd, /* Literal.String.Doc */
.mw-highlight .s2, /* Literal.String.Double */
.mw-highlight .se, /* Literal.String.Escape */
.mw-highlight .sh, /* Literal.String.Heredoc */
.mw-highlight .si /* Literal.String.Interpol */ {
	color: #ED9D13 !important;
}

.mw-highlight .sx /* Literal.String.Other */ {
	color: #FFA500 !important;
}

.mw-highlight .sr, /* Literal.String.Regex */
.mw-highlight .s1, /* Literal.String.Single */
.mw-highlight .ss, /* Literal.String.Symbol */
.ace-tm .ace_string.ace_regex {
	color: #ED9D13 !important;
}

.mw-highlight .bp, /* Name.Builtin.Pseudo */
.mw-highlight .vc, /* Name.Variable.Class */
.mw-highlight .vg, /* Name.Variable.Global */
.mw-highlight .vi /* Name.Variable.Instance */ {
	color: #40FFFF !important;
}

/*****************
* Regular editor *
*****************/

.wikiEditor-ui-toolbar .group .tool-select .options {
	background-color: #1E1E1E !important;
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
	background-color: var( --table-hover-background ) !important;
}

.wikiEditor-ui-toolbar .booklet > .index > .current {
	background-color: var( --table-hover-background );
	color: var( --table-hover-color );
}

.wikiEditor-ui-toolbar .booklet > .index > :hover {
	background-color: var( --table-hover-background );
}

/*******************
* Languages editor *
*******************/

.tux-messagetable-loader {
	background: var(--background-code) 16px 50% !important;
	color: var(--text-color) !important;
}

.ext-translate-container .tux-messagelist .tux-message-pagemode,
.ext-translate-container .tux-messagelist .tux-message-proofread {
	background: #040404 !important;
}

.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact,
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact {
	border-color: #052658 !important;
	background: var(--background-color);
}

.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover,
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact:hover {
	background: #0E1016;
}

.tux-messagelist .tux-message-pagemode .tux-pagemode-source,
.tux-messagelist .tux-message-proofread .tux-proofread-source {
	color: var(--text-code);
}

.tux-messagelist .tux-message-pagemode .tux-pagemode-translation,
.tux-messagelist .tux-message-proofread .tux-proofread-translation {
	color: var(--text-color);
}

.tux-notice {
	background-color: #C35100;
}

.tux-message-item:hover {
	background-color: #0E1016;
}

.tux-message-item.translated,
.tux-message-item.translated:hover,
.tux-message-item.proofread,
.tux-message-item.proofread:hover {
	background-color: transparent;
}

.tm-suggestion,
.in-other-language {
	background: #040404;
	border-color: #262626 #262626 #262626 #052658;
}

.tux-action-bar {
	background-color: #0c0c0c;
}

.tux-groupselector {
	border-color: var( --border-color );
	background-color: var( --table-header-background );
}

.tux-grouplist {
	background-color: var( --page-background-color );
}

.tux-grouplist__item {
	border-color: var( --border-color );
}

.tux-grouplist__item:hover {
	background-color: var( --table-hover-background );
}

.tux-grouptab {
	color: var( --text-color );
}

.tux-groupselector__filter__search__icon {
	filter: invert( 1 );
}

.tux-editor-insert-buttons button {
	border-color: var( --border-color );
	color: var( --text-color );
	background: var( --background-color );
}

.tux-editor-insert-buttons .tux-editor-paste-original-button {
	background: var(--background-color) left center no-repeat;
	background-image: linear-gradient( transparent, transparent ), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22%3E %3Cpath fill=%22%2354595d%22 d=%22M29.077 29.012c0 1.06-.86 1.92-1.92 1.92H4.844a1.92 1.92 0 0 1-1.92-1.92V4.042c0-1.06.86-1.92 1.92-1.92h22.313c1.06 0 1.92.86 1.92 1.92v24.97z%22/%3E %3Cpath fill=%22%23f8f9fa%22 stroke=%22%2354595d%22 stroke-miterlimit=%2210%22 stroke-width=%22.5%22 d=%22M5.368 4.054h21v24.35h-21z%22/%3E %3Cpath fill=%22%23a2a9b1%22 d=%22M7.743 8.896h15.625v2.872H7.743zm0 6.194h15.625v2.875H7.743zm0 6.197h6.125v2.873H7.743z%22/%3E %3Cpath fill=%22%23414042%22 d=%22M18.646 2.814V1.068h-5.292v1.746H10.46v2.338h11.08V2.814%22/%3E %3C/svg%3E");
	background-size: 16px 16px;
}

.mw-ui-button.mw-ui-progressive:disabled {
	
}

.mw-ui-button:disabled {
	
}

.mw-sp-translate-edit-fields fieldset {
	border-color: #262020 !important;
}

.mw-sp-translate-message-documentation {
	background-color: #181818 !important;
}

.mw-sp-translate-edit-definition {
	background-color: #0D2468 !important;
}

.shortcut-popup {
	border-color: var( --border-color );
	background-color: var( --background-code );
	color: var( --text-code );
}

@media screen and (min-height: 500px) {
	.tux-action-bar.floating {
		border-color: #052658;
	}
}

@media screen and (min-height: 600px) {
	.tux-messagetable-header.floating {
		background: #0c0c0c;
	}
}

/***************
* Code Styling *
***************/

pre,
code,
.mw-code,
.ace_editor {
    background-color: var(--background-code);
    color: var(--text-code);
    border: 1px solid var(--border-code);
}

.CodeMirror,
.mw-highlight {
    background-color: var(--background-code);
    color: var(--text-code);
    border-color: var(--border-code);
}

.cm-mw-template {
	color: initial !important;
}

.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-link,
.cm-mw-link-tosection,
.cm-mw-section-header {
	color: #85AFFF !important;
}

.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
	color: #447FCF !important;
}

.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-table-definition {
	color: #FF91D8 !important;
}

.cm-mw-htmltag-attribute {
	color: #62EDCF !important;
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
	background: #0A0909;
}

.cm-mw-matchingbracket {
	background-color: #0A0909 !important;
	box-shadow: inset 0 0 1px 1px #85afff;
}

/*****************
* Search Windows *
*****************/

.suggestions-results {
	background-color: #202020;
	border: 1px solid #7c7c7c;
}

.suggestions-result {
	color: #FFF;
}

.suggestions-special {
	background-color: #2c2c2c;
}

.suggestions-special .special-label {
	color: #dfdfdf;
}

.suggestions-special .special-query {
	color: #FFF;
}

.suggestions-result-current {
	background-color: #052658;
	color: #FFF;
}

.mw-advancedSearch-fieldContainer {
	background: linear-gradient(var(--background-code), var(--background-color) 0.5em) !important;
	border-color: var(--border-color) !important;
}

.mw-advancedSearch-namespace-selection {
	background: linear-gradient(var(--background-code), var(--background-color) 0.5em) !important;
	border-color: var(--border-color) !important;
}

.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
	background: var(--background-color) !important;
	color: var(--text-color) !important;
}

.mw-advancedSearch-fieldContainer fieldset {
	border-color: var(--hr-color) !important;
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
	color: var(--text-code) !important;
	background-color: var(--background-code) !important;
	border-color: var(--border-code) !important;
}

.oo-ui-tagMultiselectWidget-handle {
	border-color: var(--border-code) !important;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
	background-color: var(--background-code) !important;
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
	background-color: var(--background-color) !important;
}

/*************
* JSON Blobs *
*************/

.mw-json th {
	background-color: #222 !important;
}

.mw-json tr {
	background-color: #1C1C1C !important;
}

.mw-json-value,
.mw-json-single-value {
	background-color: #00300B !important;
}

/*************
* Color SVGs *
*************/

.tp-toggle-group-icon,
.tux-message-editor .editor-expand,
.tux-message-editor .editor-contract,
.grid .tux-message-editor .close,
.oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before,
.oo-ui-icon-trash,    .mw-ui-icon-trash:before,
.oo-ui-icon-play,     .mw-ui-icon-play:before,
.oo-ui-icon-settings, .mw-ui-icon-settings:before,
.oo-ui-icon-article,  .mw-ui-icon-article:before,
.oo-ui-icon-tag,      .mw-ui-icon-tag:before,
.oo-ui-icon-menu,     .mw-ui-icon-menu:before,
.oo-ui-icon-close,    .mw-ui-icon-close:before,
.oo-ui-icon-funnel,   .mw-ui-icon-funnel:before,
.oo-ui-icon-reload,   .mw-ui-icon-reload:before,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(133deg) brightness(110%) contrast(105%);
}

.tux-message-editor .messagekey .caret {
	border-top-color: var(--text-color);
}

i.group-badge.role-sixer {
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(133deg) brightness(110%) contrast(105%);
}

/*******************************
* AFTER HERE IS TO-BE-REPLACED *
*   Should be converted into   *
*   CSS Variables              *
*******************************/

#content, #p-navigation, #p-tb {
	font-weight:500;
	color: #FFF;
	border-color: #052658 !important;
}

/* Recent Changes */

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #000;
    border-color: var(--border-color, #c8ccd1);
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
  color: #1E9DE8;
  font-weight: bold;
  background-color: #020202;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top: 1px #052658 solid;
  border-left: 1px #052658 solid;
  border-right: 1px #052658 solid;
}

.vector-menu-dropdown .vector-menu-content-list {
  background-color: #1E9DE8;
  border: solid 2px #576e9d;
}

/* HEADER STYLING */
.mw-body h1, .mw-body-content h2, h3, h4, h5, h6 {
	color: #5A91E3;
}

/* Top Navigation */
.toc,
#filetoc,
.toccolours {
	border-color: #052658 !important;
	background-color: transparent;
}

.toctogglelabel {
	color: #ffffff;
}

.tocnumber {
	color: #ffffff;
}

/* SIDEBAR */

#mw-panel .portal {
    background: #000;
}

#mw-panel .vector-menu {
    box-shadow: 0px 0px 0px 2px #052658;
    background-color: #020202;
}

#mw-panel .portal .vector-menu-heading {
    background: #020202;
}

#mw-panel .portal li {
    background-color: #052658;
    background: radial-gradient(ellipse, #052658, #20366A);
}

#mw-panel .portal li:hover {
    background: #594F42;
}

#mw-panel .portal li:hover a {
    color: #FFDB7A;
}

/* MAIN PAGE COMPONENTS */

.rootpage-Palia_Wiki .mw-parser-output .mp-section {
	border-color: #315081;
}
.rootpage-Palia_Wiki .mw-parser-output .mp-header {
	background: linear-gradient(180deg, #034f7C, #052658);
}
.mw-footer {
	background-color: #020202;
    background-color: rgba(2, 2, 2, 0.95);
}

/* LINK STYLING */
.mw-footer a:link { color:#FFF; }

#content a:not(.new), a:visited {
    color: #85AFFF;
}

/* TABLES */

.wikitable {
  background: transparent;
  background-color: transparent;
  color: white;
}

.navbox {
	border-color: #052658 !important;
}

.navbox-title,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    background-color: #052658;
}

.navbox .navbox-group {
	background: #052658;
	color: #fff;
}

.navbox .navbox-gutter {
	background: #fff;
}
	
.navbox .navbox-list div {
	background: black;
}

.navbox .alt > .navbox-list {
	background: #000000;
}

.navbox .navbox-list {
	background: #fff0;
	color: #fff;
}

.itembox div {
  border: 3px solid #797580;
  background: #4F4D4B;
}
.itembox div:hover {
  background: #5E5A55;
}

/* References */

ol.references li:target,
sup.reference:target {
	background-color: #091018;
}

/* Messages & User Page */

.mw-message-box {
	color: var(--text-code);
	background: var(--background-code);
	border: 1px solid var(--border-code);
}

.mw-pt-languages {
	background-color: var(--background-code);
	border-color: var(--border-code) !important;
}

.mw-pt-languages-label {
	background-color: #090909;
}

/* USER PREFERENCES PAGE */

.oo-ui-checkboxInputWidget [type='checkbox'] + span,
.oo-ui-radioInputWidget [type='radio'] + span {
	background: var(--background-code);
	border-color: var(--border-code);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-menuSelectWidget {
	background-color: var(--background-code);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background-color: #0F0F0F;
	color: var(--text-code);
	border-color: var(--border-code);
}

.oo-ui-tabSelectWidget-framed,
#preferences .mw-htmlform-submit-buttons {
	background: var(--background-code);
}

.oo-ui-tabOptionWidget,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: var(--text-code);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	background-color: #1A1A1A;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	background-color: #0F0F0F;
	color: var(--text-color);
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
	border-color: var(--border-code);
}

/* INFOBOX STYLING */

.portable-infobox {
  background-color: #242424;
}

/* TEXT BUTTONS TEMPLATE SETTINGS */

.buttonText {
	border: 2px solid #85AFFF;
	background-color: #242320;
	box-shadow: 0px 4px 0px 0px #325CAD;
}
.buttonText a {
	color: #FFFCF7;
}
.buttonText .externalLinks{
	color: #1E9DE8;
}

/* GALLERY STYLING */

li.gallerybox div.thumb {
  border: 3px solid #797580;
  background: #4F4D4B;
}

li.gallerybox div.thumb:hover {
  background: #5E5A55;
}

div.thumbinner {
  border: 3px solid #797580;
  background: #4f4d4b;
}

/* Changes page */

.diff-context {
	border-color: var(--border-color);
}

#pagehistory li.selected,
.diff-context {
	background-color: #000004;
	color: #BDBDBD;
	outline: 1px dashed #242424;
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins {
	background: #0f400C;
}

.diff-addedline {
	border-color: #0f400C;
}

.diff-addedline .diffchange {
	background: #0f400C;
}

.mw-diff-inline-added ins,
.mw-diff-inline-changed ins,
.mw-diff-inline-moved ins {
	background: #0f400C;
}

.mw-diff-inline-added.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
	background: #0f400C;
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del {
	background: #5E1616;
}

.diff-deletedline {
	border-color: #5E1616;
}

.diff-deletedline .diffchange {
	background: #5E1616;
}

.mw-diff-inline-deleted del,
.mw-diff-inline-changed del,
.mw-diff-inline-moved del {
	background: #5E1616;
}

.mw-diff-inline-deleted.mw-diff-empty-line::after {
	background: #5E1616;
}

/* Dialog */

.oo-ui-windowManager-modal > .oo-ui-dialog {
	background-color: rgba(0, 0, 0, 0.5);
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
	background-color: var(--background-color);
}

.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
	border-color: var(--border-color);
}

.oo-ui-messageDialog-message {
	color: var(--text-color);
}

.ui-menu .ui-menu-item a {
	color: var(--link);
	background: var(--background-code);
}

/********************
* [[Template:Mbox]] *
*********************/

.mbox {
	background-color: var(--background-code);
	border: 1px solid var(--border-code);
}
.mbox-type-success {
	border-color: #1E9DE8;
}
/*.mbox-type-info {
	border-color: #052658;
}*/

/*********************
* [[Template:Quote]] *
*********************/

.cquote .cquote-mark {
	color: #5a91e3 !important;
}

/********************************
* [[Template:FriendshipLevels]] *
* [[Template:RomanceLevels]]    *
********************************/

.template-relationships-friendship b {
	color: #9EE6f3 !important;
}

.template-relationships-romance b {
	color: #BC84f3 !important;
}
Retrieved from "https://palia.wiki.gg/index.php?title=MediaWiki:Theme-dark.css&oldid=256829"