• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 22:57
CEST 04:57
KST 11:57
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
RSL Season 1 - Final Week6[ASL19] Finals Recap: Standing Tall10HomeStory Cup 27 - Info & Preview18Classic wins Code S Season 2 (2025)16Code S RO4 & Finals Preview: herO, Rogue, Classic, GuMiho0
Community News
Firefly given lifetime ban by ESIC following match-fixing investigation17$25,000 Streamerzone StarCraft Pro Series announced7Weekly Cups (June 30 - July 6): Classic Doubles7[BSL20] Non-Korean Championship 4x BSL + 4x China10Flash Announces Hiatus From ASL76
StarCraft 2
General
RSL Revival patreon money discussion thread The GOAT ranking of GOAT rankings Weekly Cups (June 30 - July 6): Classic Doubles Server Blocker RSL Season 1 - Final Week
Tourneys
RSL: Revival, a new crowdfunded tournament series FEL Cracov 2025 (July 27) - $8000 live event $5,100+ SEL Season 2 Championship (SC: Evo) $25,000 Streamerzone StarCraft Pro Series announced Sparkling Tuna Cup - Weekly Open Tournament
Strategy
How did i lose this ZvP, whats the proper response Simple Questions Simple Answers
Custom Maps
External Content
Mutation # 481 Fear and Lava Mutation # 480 Moths to the Flame Mutation # 479 Worn Out Welcome Mutation # 478 Instant Karma
Brood War
General
BGH Auto Balance -> http://bghmmr.eu/ Flash Announces Hiatus From ASL BW General Discussion A cwal.gg Extension - Easily keep track of anyone Script to open stream directly using middle click
Tourneys
2025 ACS Season 2 Qualifier [Megathread] Daily Proleagues Small VOD Thread 2.0 Last Minute Live-Report Thread Resource!
Strategy
Simple Questions, Simple Answers I am doing this better than progamers do.
Other Games
General Games
Path of Exile Stormgate/Frost Giant Megathread CCLP - Command & Conquer League Project The PlayStation 5 Nintendo Switch Thread
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Heroes of StarCraft mini-set
TL Mafia
TL Mafia Community Thread Vanilla Mini Mafia
Community
General
US Politics Mega-thread Russo-Ukrainian War Thread Things Aren’t Peaceful in Palestine The Accidental Video Game Porn Archive Stop Killing Games - European Citizens Initiative
Fan Clubs
SKT1 Classic Fan Club! Maru Fan Club
Media & Entertainment
Movie Discussion! [Manga] One Piece Anime Discussion Thread [\m/] Heavy Metal Thread
Sports
2024 - 2025 Football Thread Formula 1 Discussion NBA General Discussion TeamLiquid Health and Fitness Initiative For 2023 NHL Playoffs 2024
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
Men Take Risks, Women Win Ga…
TrAiDoS
momentary artworks from des…
tankgirl
from making sc maps to makin…
Husyelt
StarCraft improvement
iopq
Trip to the Zoo
micronesia
Customize Sidebar...

Website Feedback

Closed Threads



Active: 535 users

Liquipedia Color blind mode

Blogs > ChapatiyaqPTSM
Post a Reply
ChapatiyaqPTSM
Profile Blog Joined March 2011
France1887 Posts
February 12 2014 22:55 GMT
#1
[image loading]
Liquipedia loves its readers, equally

Preamble

Some time ago now, Jessen asked in a thread asked if the colors for Random and Protoss are the same in the racial distribution on Liquipedia, as being colorblind they are unable to tell. Iyerbeth, one of the Liquipedia editors, then relayed this question to the contributors of Liquipedia, asking if a solution could be found.

So I searched for existing solutions on the Internet, and found a Chrome extension: Chrome Daltonize!. This extension is designed to change colors on a page so that colorblind people can distinguish every color. The problem is that this extension only works for images, so it's not really useful to distinguish the colors in our brackets or racial/classes distribution tables, or participant lists.
However, thanks to that extension, I did learn that there are several types of color vision deficiencies:
  • Monochromacy
  • Dichromacy
    • Protanopia (red-green blindness)
    • Deuteranopia (red-green blindness)
    • Tritanopia (blue-yellow blindness)
  • Anomalous Trichromacy (mild forms of dichromacies)
    • Protanomaly
    • Deuteranomaly
    • Tritanomaly
The Wikipedia article on Color blindness is also a good resource.

Liquipedia Color blind mode

Using the code source of the extension, I created several userscripts to add the support for background and text colors.
To show the effects of these scripts, I'll use the Liquipedia logo adorned with a rainbow flag (designed by fusefuse).

[image loading]

Another example with a bracket:
No deficiency
[image loading]

+ Show Spoiler [Results] +
Protanopia before/after
[image loading]
[image loading]

Deuteranopia before/after
[image loading]
[image loading]

Tritanopia before/after
[image loading]
[image loading]


For each deficiency, the result is actually simulated, so I don't know if it's close to the reality. However, the simulated results look good, since colors seem to be a more distinct (even though for deuteranopia, the change is not very noticeable).

The scripts are all in this archive:
LP_Color_blind_mode_v0_3.zip

+ Show Spoiler [Contents] +
Two folders:
  • Greasemonkey (for Mozilla Firefox)
  • Tampermonkey (for Google Chrome, or Opera 15+)
The scripts for the Colorblind mode are userscripts. They are to be used with Greasemonkey on Firefox, and Tampermonkey on Chrome. Userscripts also work on Opera 15+ with Tampermonkey: http://my.opera.com/marunkmr/blog/using-user-scripts-with-opera-15 (they also work natively in Opera 12 and previous, just drag and drop the user.js file to the browser).

The contents of each folder are basically the same (except that for Tampermonkey, "user" becomes "tamper"):
  • Daltonize Deuteranope (with images) v0_3.user.js
  • Daltonize Deuteranope v0_3.user.js
  • Daltonize Protanope (with images) v0_3.user.js
  • Daltonize Protanope v0_3.user.js
  • Daltonize Tritanope (with images) v0_3.user.js
  • Daltonize Tritanope v0_3.user.js
Each script has two versions:
  • Normal, only affects the background color of HTML elements;
  • with images, also processes the images.
Then, there are three types of dichromacies: Protanopia, Deuteranopia, and Tritanopia.

+ Show Spoiler [For Tampermonkey] +
How to install new scripts to Tampermonkey?
Goto Chrome's extensions page, enable the "Allow access to file URLs" checkbox at the Tampermonkey item. After this select a file with the file ending ".tamper.js" and drag-and-drop it to Chrome.


Notes

If you are colorblind, please give it a try, and tell me what you think about it. If you have some problem using the scripts, ask me in this thread or by PM, and I'll help you.

It's a project I've finished some time ago, but I never took the time to release it. I don't know if it will garner interest, but at least now it's out there. I still have many other projects for Liquipedia.

Cheers!

****
LiquipediaBoy, these pretzels are makin' me thirsty.
hellokitty[hk]
Profile Joined June 2009
United States1309 Posts
February 12 2014 23:15 GMT
#2
R1ch for president!
People are imbeciles, lucky thing god made cats.
Antylamon
Profile Joined March 2011
United States1981 Posts
February 12 2014 23:15 GMT
#3
All I got out of this is that Tritanopia makes everything look like it has Sylveon's color palette
fusefuse
Profile Blog Joined February 2011
Estonia4644 Posts
February 13 2014 01:38 GMT
#4
Such a great project chapa, im glad to see this finished and out there for those who might find it useful (:
Liquipedia@jkursk
Djzapz
Profile Blog Joined August 2009
Canada10681 Posts
February 13 2014 03:32 GMT
#5
I didn't even know Monochomacy was a thing! Anyway, cheers for that.
"My incompetence with power tools had been increasing exponentially over the course of 20 years spent inhaling experimental oven cleaners"
NovemberstOrm
Profile Blog Joined September 2011
Canada16217 Posts
February 13 2014 06:29 GMT
#6
Awesome job, Chapa.
Moderatorlickypiddy
ChapatiyaqPTSM
Profile Blog Joined March 2011
France1887 Posts
February 13 2014 10:49 GMT
#7
On February 13 2014 08:15 hellokitty[hk] wrote:
R1ch for president!

Exactly
LiquipediaBoy, these pretzels are makin' me thirsty.
GeckoXp
Profile Blog Joined June 2013
Germany2016 Posts
February 13 2014 12:08 GMT
#8
great stuff.
ChapatiyaqPTSM
Profile Blog Joined March 2011
France1887 Posts
February 13 2014 20:54 GMT
#9
Thanks for the positive replies!
LiquipediaBoy, these pretzels are makin' me thirsty.
Please log in or register to reply.
Live Events Refresh
Next event in 7h 3m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
Nina 197
RuFF_SC2 166
NeuroSwarm 165
StarCraft: Brood War
NaDa 120
Noble 37
Icarus 9
LuMiX 1
Dota 2
monkeys_forever551
League of Legends
JimRising 1051
Counter-Strike
Stewie2K286
Heroes of the Storm
Khaldor187
Other Games
summit1g11595
WinterStarcraft223
ViBE215
Trikslyr63
ROOTCatZ60
Livibee57
Organizations
Other Games
gamesdonequick49911
BasetradeTV32
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 15 non-featured ]
StarCraft 2
• Berry_CruncH174
• Adnapsc2 9
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• Azhi_Dahaki10
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
League of Legends
• Doublelift4695
• Jankos2538
Upcoming Events
Sparkling Tuna Cup
7h 3m
RSL Revival
7h 3m
Classic vs Clem
FEL
12h 3m
Elazer vs Spirit
Gerald vs MaNa
BSL20 Non-Korean Champi…
15h 3m
Bonyth vs Dewalt
QiaoGege vs Dewalt
Hawk vs Bonyth
Sziky vs Fengzi
Mihu vs Zhanhun
QiaoGege vs Zhanhun
Fengzi vs Mihu
Wardi Open
1d 8h
Replay Cast
2 days
WardiTV European League
2 days
PiGosaur Monday
2 days
uThermal 2v2 Circuit
3 days
Replay Cast
3 days
[ Show More ]
The PondCast
4 days
Replay Cast
4 days
Epic.LAN
5 days
CranKy Ducklings
6 days
Epic.LAN
6 days
BSL20 Non-Korean Champi…
6 days
Bonyth vs Sziky
Dewalt vs Hawk
Hawk vs QiaoGege
Sziky vs Dewalt
Mihu vs Bonyth
Zhanhun vs QiaoGege
QiaoGege vs Fengzi
Liquipedia Results

Completed

KCM Race Survival 2025 Season 2
HSC XXVII
NC Random Cup

Ongoing

JPL Season 2
BSL 2v2 Season 3
Acropolis #3
CSL 17: 2025 SUMMER
Copa Latinoamericana 4
Jiahua Invitational
2025 ACS Season 2: Qualifier
BSL20 Non-Korean Championship
CSLPRO Last Chance 2025
Championship of Russia 2025
RSL Revival: Season 1
Murky Cup #2
BLAST.tv Austin Major 2025
ESL Impact League Season 7
IEM Dallas 2025
PGL Astana 2025
Asian Champions League '25
BLAST Rivals Spring 2025
MESA Nomadic Masters

Upcoming

CSL Xiamen Invitational
CSL Xiamen Invitational: ShowMatche
2025 ACS Season 2
CSLPRO Chat StarLAN 3
BSL Season 21
K-Championship
uThermal 2v2 Main Event
SEL Season 2 Championship
FEL Cracov 2025
Esports World Cup 2025
Underdog Cup #2
StarSeries Fall 2025
FISSURE Playground #2
BLAST Open Fall 2025
BLAST Open Fall Qual
Esports World Cup 2025
BLAST Bounty Fall 2025
BLAST Bounty Fall Qual
IEM Cologne 2025
FISSURE Playground #1
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2025 TLnet. All Rights Reserved.