MediaWiki:Vector-darkmode.less/elements.less: Difference between revisions
(Created page with "→===================== html elements =====================: →--------------------- <body> ---------------------: // background image & { background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg'); background-color: @dark-body; @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg'); } } .mw-body { color:...") |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 9: | Line 9: | ||
// background image |
// background image |
||
& { |
& { |
||
background-image: url(' |
background-image: url('/images/rss/background_dark.jpg'); |
||
background-color: @dark-body; |
background-color: @dark-body; |
||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
||
background-image: url(' |
background-image: url('/images/rss/background_dark.jpg'); |
||
} |
} |
||
| Line 43: | Line 43: | ||
pre, |
pre, |
||
code, |
code, |
||
pre.mw-code.mw-script /* pre.mw-code.mw-script - code |
pre.mw-code.mw-script /* pre.mw-code.mw-script - code pages too large for syntax highlight */ { |
||
background-color: @dark-wikitable-background; |
background-color: @dark-wikitable-background; |
||
border-color: @dark-wikitable-border; |
border-color: @dark-wikitable-border; |
||
Latest revision as of 11:12, 18 October 2024
/* =====================
html elements ===================== */
/* ---------------------
<body> --------------------- */
// background image & { background-image: url('/images/rss/background_dark.jpg'); background-color: @dark-body;
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { background-image: url('/images/rss/background_dark.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;
}