Community Central
Community Central
(Another fix for diff colors)
(Using color variables)
Line 54: Line 54:
 
border-width: 1px 1px 1px 4px;
 
border-width: 1px 1px 1px 4px;
 
border-radius: 0.33em;
 
border-radius: 0.33em;
  +
}
}.diff-deletedline {
+
.diff-deletedline {
border-color: red;
+
border-color: var(--theme-alert-color);
}.diff-addedline {
 
  +
}
border-color: green;
 
 
.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);
 
}
 
}

Revision as of 19:30, 1 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);
}