MediaWiki:Vector-darkmode.less/elements.less
< MediaWiki:Vector-darkmode.less
Jump to navigation
Jump to search
Revision as of 22:52, 4 October 2022 by Jacmob (talk | contribs) (Created page with "// <pre> →===================== html elements =====================: →--------------------- <body> ---------------------: // background image & { background-image: url('wiki/images/Background_darkmode.jpg'); background-color: @dark-body; @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { background-image: url('wiki/images/Background_darkmode.jpg'); } } .mw-body { color: @dark-text; background-color: @dark-pag...")
//
/* =====================
html elements
===================== */
/* ---------------------
<body>
--------------------- */
// background image
& {
background-image: url('wiki/images/Background_darkmode.jpg');
background-color: @dark-body;
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
background-image: url('wiki/images/Background_darkmode.jpg');
}
}
.mw-body {
color: @dark-text;
background-color: @dark-page;
}
/* ---------------------
headings
--------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
color: @dark-text;
border-color: @waikawa-grey;
}
/* ---------------------
and
--------------------- */
pre,
code,
pre.mw-code.mw-script /* pre.mw-code.mw-script - code pages too large for syntax highlight */ {
background-color: @dark-wikitable-background;
border-color: @dark-wikitable-border;
}
/* ---------------------
--------------------- */
// only change is the fill to #cbd9f4
ul {
list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%23cbd9f4'/%3E %3C/svg%3E");
}
/* ---------------------
--------------------- */
hr {
border-color: @waikawa-grey;
}
// Hide bullets
div.search-types > ul,
#p-cactions > div:nth-child(3) > ul:nth-child(1),
ul.ui-autocomplete {
list-style-image: none;
}
//Blue border
fieldset {
border-color: @waikawa-grey;
}
/* ---------------------
--------------------- */
.mw-body-content blockquote {
border-color: @pickled-bluewood;
}
/* =========================
Text input fields
========================= */
input,
select,
textarea {
background: @dark-wikitable-background;
border: 1px solid @dark-interface-border;
color: @dark-text;
}