Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Filters

Browse Source
This commit is contained in:
Zixaphir 2013-09-04 17:11:21 -07:00
parent e4506c43c5
commit 4db1fcd38e
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
builds/appchan-x.user.js
View File

File diff suppressed because one or more lines are too long

2
builds/crx/script.js
View File

File diff suppressed because one or more lines are too long

15
src/General/html/Features/Filters.svg Normal file
View File

@ -0,0 +1,15 @@
<!-- feColorMatrix Primer: http://www.graficaobscura.com/matrix/ -->
<svg xmlns='http://www.w3.org/2000/svg' height=0 color-interpolation-filters='sRGB'>
<filter id='captcha-filter'>
<feColorMatrix values='#{Style.filter Style.matrix theme["Text"], theme["Input Background"]} 0 0 0 1 0' />
</filter>
<filter id='mascot-filter'>
<feColorMatrix values='#{Style.silhouette Style.matrix replyRGB} 0 0 0 1 0' />
</filter>
<filter id="grayscale">
<feColorMatrix id="color" type="saturate" values="0" />
</filter>
<filter id="icons-filter">
<feColorMatrix values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' />
</filter>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 652 B

9
src/Theming/Style.coffee
View File

@ -151,14 +151,7 @@ Style =
Style.lightTheme = bgColor.isLight()
Style.svg.innerHTML = """
<svg xmlns='http://www.w3.org/2000/svg' height=0 color-interpolation-filters='sRGB'>
<filter id='captcha-filter'><feColorMatrix values='#{Style.filter Style.matrix theme["Text"], theme["Input Background"]} 0 0 0 1 0' /></filter>
<filter id='mascot-filter'><feColorMatrix values='#{Style.silhouette Style.matrix replyRGB} 0 0 0 1 0' /></filter>
<filter id="grayscale"><feColorMatrix id="color" type="saturate" values="0" /></filter>
<filter id="icons-filter"><feColorMatrix values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' /></filter>
</svg>
"""
Style.svg.innerHTML = """<%= grunt.file.read('src/General/html/Features/Filters.svg').replace(/>\s+</g, '><') %>"""
"""<%= grunt.file.read('src/General/css/theme.css').replace(/\s+/g, ' ').trim() %>""" + <%= grunt.file.read('src/General/css/themeoptions.css').replace(/\s+/g, ' ').trim() %>