Added grayscale filter

diff --git a/wcfsetup/install/files/images/grayscale-filter.svg b/wcfsetup/install/files/images/grayscale-filter.svg
new file mode 100644 (file)
index 0000000..bf06a8f
--- /dev/null
+++ b/wcfsetup/install/files/images/grayscale-filter.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+       <filter id="grayscale">
+               <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
+       </filter>
+</svg>

diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less
index 54b1ce01bddd6b3fb299a69093fb98caa57e3058..07c02cae8af1464c736b6d41f94f9b6d16af202b 100644 (file)
--- a/wcfsetup/install/files/style/global.less
+++ b/wcfsetup/install/files/style/global.less
@@ -147,6 +147,12 @@ body > iframe[src="about:blank"] {
        background-color: @wcfHighlightBackgroundColor;
 }
 
+.grayscale {
+       filter: url(../images/grayscale-filter.svg#grayscale);
+       filter: gray;
+       -webkit-filter: grayscale(1);
+}
+
 /* balloon tooltips */
 .balloonTooltip {
        background-color: @wcfTooltipBackgroundColor;