(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 { |
|
− | border-color: |
+ | border-color: var(--theme-alert-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);
}