MediaWiki:WatercolorDark.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
/*Originul staile bai ZE CHOK, stool improov'd bai Undefashin _|(&<&'%)^$ */
 
ul {
list-style-image: none;
}
 
/*most of OO-UI (and some of MW-UI), preferences page is used as an example, other places are ok too*/
#p-personal .oo-ui-buttonElement-button {
background-color: unset !important;
}
.oo-ui-buttonElement-button, .mw-ui-button {
background-color: #353535 !important;
}
color: #fff !important;
}
.oo-ui-buttonElement-button, .mw-ui-button {
color: #d7d7d7 !important;
}
}
.mw-plusminus-pos {
color: #88ff8880ff80;
}
.mw-plusminus-neg {
color: #ff8888ff8080;
}
.unpatrolled {
color: #ff5555ff5050;
}
 
/* Watercolor Dark - Revision History */
.mw-contributions-list > li.selected {
background-color: #151515!important;
color: #a7a7a8!important;
outline: none!important;
}
.mw-contributions-list > li > input[type="radio"] {
appearance: none;
background-color: #323232;
border:2px solid #a2a9b1;
border-radius: 10px;
padding: 4px;
}
 
/* Watercolor Dark - Difference Between Revisions */
.ve-init-mw-diffPage-diffMode .oo-ui-buttonElement-active .oo-ui-iconElement-icon {
filter: invert(0%)!important;
}
/* Watercolor Dark - Difference Between Revisions - Wikitext */
.diff-context {
background-color: #151515;
border-color: #a2a9b1;
border-radius: 0px;
color: #a7a7a8;
}
.diff-marker {
font-family: monospace;
}
 
.diff-addedline.diff-side-added {
background-color: #323232;
border-color: #80ff80!important;
border-radius: 0px;
}
.diff-deletedline.diff-side-deleted {
background-color: #323232;
border-color: #ff8080!important;
border-radius: 0px;
}
ins.diffchange {
background-color: #008000!important;
color: #fff;
border-radius: 0px!important;
}
del.diffchange {
background-color: #800000!important;
color: #fff;
border-radius: 0px!important;
}
 
/* Watercolor Dark - Difference Between Revisions - Visual */
.diff-side-deleted > div[data-diff-action="remove"] {
background-color: #80000015!important;
color: #ff8080;
}
.diff-side-added > div[data-diff-action="insert"] {
background-color: #00800015!important;
color: #80ff80;
}
.ve-ui-diffElement-spacer {
display: none;
}
 
.ve-ui-diffElement-document [data-diff-action] * {
mix-blend-mode: normal!important;
}
 
.ve-ui-diffElement-document [data-diff-action="none"] {
opacity: 1.0;
}
 
.ve-ui-diffElement-document [data-diff-action="insert"] {
background-color: #00800080!important;
box-shadow: 0 0 0 1px #008000!important;
color: #80ff80;
}
.ve-ui-diffElement-document ins[data-diff-action="insert"] {
background-color: #00800080!important;
box-shadow: none!important;
border: 1px solid #008000;
color: #80ff80;
}
.ve-ui-diffElement-document [data-diff-action="remove"] {
background-color: #80000060!important;
box-shadow: none!important;
border: 1px solid #800000;
color: #ff8080;
}
.ve-ui-diffElement-document del[data-diff-action="remove"] {
background-color: #80000080!important;
color: #ff8080!important;
}
 
.ve-ui-diffElement-document [data-diff-action="remove"]:hover {
text-decoration: line-through;
}
.ve-ui-diffElement-document del[data-diff-action="remove"] > a {
color: #fff!important;
}
.ve-ui-diffElement-document [data-diff-action="insert"] code {
border-color: #80ff80!important;
background-color: #003000!important;
color: #d0f0d0;
}
.ve-ui-diffElement-document [data-diff-action="remove"] code {
border-color: #ff8080!important;
background-color: #300000!important;
color: #ffd0d0;
}
 
/* Watercolor Dark - Syntax Highlighting - CSS */
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 #323232!important;
}
div.mw-highlight span.c{
color: #88ff8880ff80;
font-style: unset;
}
div.mw-highlight span.nt /*elements*/{
color: #8888ff8080ff!important;
}
div.mw-highlight span.nc /*class*/,
div.mw-highlight span.nn /*id*/{
color: #ffff88ffff80;
}
div.mw-highlight span.o {
}
div.mw-highlight span.kc /*property value-valid values*/{
color: #88ff8880ff80;
}
div.mw-highlight span.mi,span.mf,span.mh /*property value-everything else*/{
color: #88ffff80ffff!important;
font-weight: bold;
}
div.mw-highlight span.nb {
color: #8888ff8080ff;
font-weight: bold;
}
div.mw-highlight span.s2 /*quotes*/{
color: #88ff8880ff80;
}
div.mw-highlight span.kt {
color: #ff88ffff80ff;
}
div.mw-highlight span.cp /*!important*/,
div.mw-highlight span.nd{
color: #ff8888ff8080;/*you don't need important here, lol*/
font-weight: bold;
}