From 4a76de68a5b3868df6410d61c1c449e8852cc86f Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 1 Apr 2013 17:11:19 +0200
Subject: [PATCH] Added grayscale filter

---
 wcfsetup/install/files/images/grayscale-filter.svg | 5 +++++
 wcfsetup/install/files/style/global.less           | 6 ++++++
 2 files changed, 11 insertions(+)
 create mode 100644 wcfsetup/install/files/images/grayscale-filter.svg

diff --git a/wcfsetup/install/files/images/grayscale-filter.svg b/wcfsetup/install/files/images/grayscale-filter.svg
new file mode 100644
index 0000000000..bf06a8f4af
--- /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 54b1ce01bd..07c02cae8a 100644
--- 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;
-- 
2.20.1