wikimedia/mediawiki-extensions-DiscussionTools
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/DiscussionTools synced 2024-11-23 16:06:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add dark mode version of SVG image for "You have been subscribed" popup

Browse source 
Bug: T369834
Change-Id: I2a73b02e2f5f737ff521c6f21d32aae72a83b322
This commit is contained in:
matr1x-101 2024-10-04 18:03:48 +01:00 committed by Bartosz Dziewoński
parent 0bfecf9118
commit 2f4d87df77
2 changed files with 69 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
modules/autotopicsubpopup-image-dark.svg Normal file
View file

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" id="svg11" width="200" height="200" fill="none" version="1.1" viewBox="0 0 200 200">
<path id="rect1" fill="#fff" d="M0 0h200v200H0z" style="fill:#101418;fill-opacity:1"/>
<g id="g5" filter="url(#filter0_d)" style="fill-rule:nonzero;filter:url(#filter12)">
<mask id="mask0" width="150" height="150" x="25" y="25" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<circle id="circle1" cx="100" cy="100" r="75" fill="#EAF3FF"/>
</mask>
<g id="g4" mask="url(#mask0)" style="fill-rule:nonzero">
<g id="g2" filter="url(#filter1_d)" style="fill-rule:nonzero">
<circle id="circle2" cx="100" cy="100" r="75" fill="#EAF3FF" style="fill:#233566;fill-opacity:1;fill-rule:nonzero"/>
</g>
<g id="g3" filter="url(#filter2_d)" style="fill-rule:nonzero">
<rect id="rect2" width="114" height="126" x="23" y="65" fill="#fff" rx="2" style="fill:#101418;fill-opacity:1;fill-rule:nonzero"/>
</g>
<path id="path3" fill="#36C" fill-rule="evenodd" d="M110.35 86.1h-49.7c-3.92 0-7.1 2.78-7.1 6.2v43.4c0 3.42 3.18 6.2 7.1 6.2h49.7c3.92 0 7.1-2.78 7.1-6.2V92.3c0-3.42-3.18-6.2-7.1-6.2m0 37.2h-14.2l-3.55 6.2H78.4l-3.55-6.2h-14.2v-31h49.7z" clip-rule="evenodd" style="fill:#88a3e8;fill-opacity:1;fill-rule:nonzero"/>
<path id="path4" fill="#FC3" d="M113.78 46c1.72 0 3.12 1.4 3.12 3.13v18.76a3.13 3.13 0 0 1-6.25 0V49.13c0-1.73 1.4-3.13 3.13-3.13m27.66 11.44a3.16 3.16 0 0 1 2.2 5.38l-11.05 11.04a3.16 3.16 0 0 1-4.45 0 3.16 3.16 0 0 1 0-4.45l11.05-11.05a3.2 3.2 0 0 1 2.25-.92m-55.32 0c.8 0 1.63.31 2.24.92l11.05 11.05a3.16 3.16 0 0 1 0 4.45 3.16 3.16 0 0 1-4.45 0L83.92 62.8a3.16 3.16 0 0 1 2.2-5.37m66.75 27.66a3.13 3.13 0 1 1 0 6.25h-18.76a3.13 3.13 0 0 1 0-6.25zm-22.53 16.56c.8 0 1.64.32 2.25.93l11.05 11.05a3.16 3.16 0 0 1 0 4.44 3.16 3.16 0 0 1-4.45 0l-11.05-11.04a3.16 3.16 0 0 1 2.2-5.38" style="fill:#fabb00;fill-opacity:1;fill-rule:nonzero"/>
</g>
</g>
<defs id="defs11">
<filter id="filter0_d" width="158" height="158" x="21" y="21" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood id="feFlood5" flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix id="feColorMatrix5" in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset id="feOffset5"/>
<feGaussianBlur id="feGaussianBlur5" stdDeviation="2"/>
<feComposite id="feComposite5" in2="hardAlpha" operator="out"/>
<feColorMatrix id="feColorMatrix6" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend id="feBlend6" in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/>
<feBlend id="feBlend7" in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/>
</filter>
<filter id="filter1_d" width="158" height="158" x="21" y="25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood id="feFlood7" flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix id="feColorMatrix7" in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset id="feOffset7" dy="4"/>
<feGaussianBlur id="feGaussianBlur7" stdDeviation="2"/>
<feComposite id="feComposite7" in2="hardAlpha" operator="out"/>
<feColorMatrix id="feColorMatrix8" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend id="feBlend8" in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/>
<feBlend id="feBlend9" in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/>
</filter>
<filter id="filter2_d" width="124" height="136" x="18" y="60" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood id="feFlood9" flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix id="feColorMatrix9" in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset id="feOffset9"/>
<feGaussianBlur id="feGaussianBlur9" stdDeviation="2.5"/>
<feComposite id="feComposite9" in2="hardAlpha" operator="out"/>
<feColorMatrix id="feColorMatrix10" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend id="feBlend10" in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/>
<feBlend id="feBlend11" in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/>
</filter>
<filter id="filter12" width="1.184" height="1.084" x="-.066" y="-.072" style="color-interpolation-filters:sRGB">
<feFlood id="feFlood11" flood-color="#000" flood-opacity=".498" result="flood"/>
<feGaussianBlur id="feGaussianBlur11" in="SourceGraphic" result="blur" stdDeviation="5"/>
<feOffset id="feOffset11" dx="6" dy="6" in="blur" result="offset"/>
<feComposite id="feComposite11" in="flood" in2="offset" operator="in" result="comp1"/>
<feComposite id="feComposite12" in="SourceGraphic" in2="comp1" operator="over" result="comp2"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.9 KiB

11
modules/dt.init.less
View file

@ -900,3 +900,14 @@ h1, h2, h3, h4, h5, h6 {
opacity: 0.8;
pointer-events: none;
}
// Add dark mode images (T369834)
html.skin-theme-clientpref-night .ext-discussiontools-autotopicsubpopup-image {
background: url( autotopicsubpopup-image-dark.svg ) center center no-repeat;
}
@media screen and ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .ext-discussiontools-autotopicsubpopup-image {
background: url( autotopicsubpopup-image-dark.svg ) center center no-repeat;
}
}