Community Central
Community Central
(Using color variables)
(Readability issues)
Line 66: Line 66:
 
.diff-addedline .diffchange {
 
.diff-addedline .diffchange {
 
background-color: var(--theme-success-color);
 
background-color: var(--theme-success-color);
  +
}
  +
  +
/* Special pages on FandomDesktop need to honor the light/dark theme choice */
  +
.mw-datatable td {
  +
background-color: var(--theme-page-background-color);
  +
}
  +
.mw-datatable tr:hover td {
  +
background-color: var(--theme-page-background-color--secondary);
  +
}
  +
.mw-datatable th {
  +
background-color: var(--theme-page-accent-mix-color);
  +
}
  +
/* Making css and js pages readable on dark mode */
  +
.theme-fandomdesktop-dark .page-content pre {
  +
background-color: black;
 
}
 
}

Revision as of 15:42, 3 June 2021

.qdmodal {
    color: #eee;
}
.qdmodal-button {
    color: initial;
}
.qdmodal-close:hover, .qdmodal-button:hover {
    background-color: #fff;
    border-color: #777;
    color: initial;
}
/* Background color of preview pages like .css and .js
.WikiaMainContent pre {
	background-color: #000;
} */
/* Making QuickDiff readable */
.qdmodal-container .qdmodal {
	background-color:	#555;
}
.diff {
	color: #000;
}
.ooui-theme-fandom .diff-context {
    border-color: #8c8d91;
    color: #fff;
    background-color: #222;
}
.ooui-theme-fandom .diff-deletedline,
.ooui-theme-fandom .diff-addedline {
    background-color: #eee;
}
/* Styles for diff of changes in source editor */
.ooui-theme-fandomooui .diff-context,
.ooui-theme-fandomooui .diff-deletedline,
.ooui-theme-fandomooui .diff-addedline,
.ooui-theme-fandomooui .ve-ui-mwSaveDialog .diff-addedline,
.ooui-theme-fandomooui .ve-ui-mwSaveDialog .diff-deletedline {
	background-color: #111111;
	color: #dddddd;
}

.diff-context {
    background-color: var(--theme-page-background-color); /* or var(--theme-page-background-color--secondary) */
    border-color: var(--theme-border-color);
    color: var(--theme-body-text-color);
}
.diff-addedline, .diff-deletedline, .diff-context {
    font-size: 88%;
    line-height: 1.6;
    vertical-align: top;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-radius: 0.33em;
}
.diff-deletedline {
    border-color: var(--theme-alert-color);
}
.diff-addedline {
    border-color: var(--theme-success-color);
}
.diff-deletedline .diffchange {
    background-color: var(--theme-alert-color);
}
.diff-addedline .diffchange {
    background-color: var(--theme-success-color);
}

/* Special pages on FandomDesktop need to honor the light/dark theme choice */
.mw-datatable td {
	background-color: var(--theme-page-background-color);
}
.mw-datatable tr:hover td {
	background-color: var(--theme-page-background-color--secondary);
}
.mw-datatable th {
	background-color: var(--theme-page-accent-mix-color);
}
/* Making css and js pages readable on dark mode */
.theme-fandomdesktop-dark .page-content pre {
	background-color: black;
}