Skip to content

Instantly share code, notes, and snippets.

@eight04
Last active September 20, 2018 04:46
Show Gist options
  • Save eight04/bd62e042f69a3987f743ed80b79a1826 to your computer and use it in GitHub Desktop.
Save eight04/bd62e042f69a3987f743ed80b79a1826 to your computer and use it in GitHub Desktop.
/* ==UserStyle==
@name PTT Chrome Color
@version 0.1.0
@namespace mstar@ptt.cc
@author mstar
@description 自訂 PTTChrome 和 term.ptt.cc 的顏色
@homepageURL https://www.ptt.cc/bbs/Browsers/M.1537347760.A.CD8.html
@var color C00 "黑" #000000
@var color C01 "暗紅" #6e0000
@var color C02 "暗綠" #006e00
@var color C03 "暗黃" #6e6e00
@var color C04 "暗藍" #00006e
@var color C05 "暗紫" #6e006e
@var color C06 "暗青" #006363
@var color C07 "白" #9b9b9b
@var color C08 "灰" #646464
@var color C09 "亮紅" #d20000
@var color C10 "亮綠" #00d200
@var color C11 "亮黃" #d2d200
@var color C12 "亮藍" #0000d2
@var color C13 "亮紫" #d200d2
@var color C14 "亮青" #00d2d2
@var color C15 "亮白" #f5f5f5
@var color B00 "透明背景" transparent
==/UserStyle== */
@-moz-document url-prefix("https://iamchucky.github.io/PttChrome/"), url-prefix("https://term.ptt.cc/") {
/* 前景顏色 */
.q0 { color: var(--C00); }
.q1 { color: var(--C01); }
.q2 { color: var(--C02); }
.q3 { color: var(--C03); }
.q4 { color: var(--C04); }
.q5 { color: var(--C05); }
.q6 { color: var(--C06); }
.q7, #mainContainer>span, .main>span { color: var(--C07); }
.q8 { color: var(--C08); }
.q9 { color: var(--C09); }
.q10 { color: var(--C10); }
.q11 { color: var(--C11); }
.q12 { color: var(--C12); }
.q13 { color: var(--C13); }
.q14 { color: var(--C14); }
.q15 { color: var(--C15); }
/* 背景顏色 */
.b0 { background-color: var(--B00); }
.b1 { background-color: var(--C01); }
.b2 { background-color: var(--C02); }
.b3 { background-color: var(--C03); }
.b4 { background-color: var(--C04); }
.b5 { background-color: var(--C05); }
.b6 { background-color: var(--C06); }
.b7 { background-color: var(--C07); }
.b8 { background-color: var(--C08); }
.b9 { background-color: var(--C09); }
.b10 { background-color: var(--C10); }
.b11 { background-color: var(--C11); }
.b12 { background-color: var(--C12); }
.b13 { background-color: var(--C13); }
.b14 { background-color: var(--C14); }
.b15 { background-color: var(--C15); }
/* 雙色字 */
.b0b0 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--B00) 50%); }
.b0b1 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C01) 50%); }
.b0b2 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C02) 50%); }
.b0b3 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C03) 50%); }
.b0b4 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C04) 50%); }
.b0b5 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C05) 50%); }
.b0b6 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C06) 50%); }
.b0b7 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C07) 50%); }
.b0b8 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C08) 50%); }
.b0b9 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C09) 50%); }
.b0b10 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C10) 50%); }
.b0b11 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C11) 50%); }
.b0b12 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C12) 50%); }
.b0b13 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C13) 50%); }
.b0b14 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C14) 50%); }
.b0b15 { background: -webkit-linear-gradient(left, var(--B00) 50%, var(--C15) 50%); }
.b1b0 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--B00) 50%); }
.b1b1 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C01) 50%); }
.b1b2 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C02) 50%); }
.b1b3 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C03) 50%); }
.b1b4 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C04) 50%); }
.b1b5 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C05) 50%); }
.b1b6 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C06) 50%); }
.b1b7 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C07) 50%); }
.b1b8 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C08) 50%); }
.b1b9 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C09) 50%); }
.b1b10 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C10) 50%); }
.b1b11 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C11) 50%); }
.b1b12 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C12) 50%); }
.b1b13 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C13) 50%); }
.b1b14 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C14) 50%); }
.b1b15 { background: -webkit-linear-gradient(left, var(--C01) 50%, var(--C15) 50%); }
.b2b0 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--B00) 50%); }
.b2b1 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C01) 50%); }
.b2b2 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C02) 50%); }
.b2b3 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C03) 50%); }
.b2b4 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C04) 50%); }
.b2b5 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C05) 50%); }
.b2b6 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C06) 50%); }
.b2b7 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C07) 50%); }
.b2b8 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C08) 50%); }
.b2b9 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C09) 50%); }
.b2b10 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C10) 50%); }
.b2b11 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C11) 50%); }
.b2b12 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C12) 50%); }
.b2b13 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C13) 50%); }
.b2b14 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C14) 50%); }
.b2b15 { background: -webkit-linear-gradient(left, var(--C02) 50%, var(--C15) 50%); }
.b3b0 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--B00) 50%); }
.b3b1 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C01) 50%); }
.b3b2 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C02) 50%); }
.b3b3 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C03) 50%); }
.b3b4 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C04) 50%); }
.b3b5 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C05) 50%); }
.b3b6 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C06) 50%); }
.b3b7 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C07) 50%); }
.b3b8 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C08) 50%); }
.b3b9 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C09) 50%); }
.b3b10 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C10) 50%); }
.b3b11 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C11) 50%); }
.b3b12 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C12) 50%); }
.b3b13 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C13) 50%); }
.b3b14 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C14) 50%); }
.b3b15 { background: -webkit-linear-gradient(left, var(--C03) 50%, var(--C15) 50%); }
.b4b0 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--B00) 50%); }
.b4b1 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C01) 50%); }
.b4b2 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C02) 50%); }
.b4b3 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C03) 50%); }
.b4b4 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C04) 50%); }
.b4b5 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C05) 50%); }
.b4b6 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C06) 50%); }
.b4b7 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C07) 50%); }
.b4b8 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C08) 50%); }
.b4b9 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C09) 50%); }
.b4b10 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C10) 50%); }
.b4b11 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C11) 50%); }
.b4b12 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C12) 50%); }
.b4b13 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C13) 50%); }
.b4b14 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C14) 50%); }
.b4b15 { background: -webkit-linear-gradient(left, var(--C04) 50%, var(--C15) 50%); }
.b5b0 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--B00) 50%); }
.b5b1 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C01) 50%); }
.b5b2 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C02) 50%); }
.b5b3 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C03) 50%); }
.b5b4 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C04) 50%); }
.b5b5 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C05) 50%); }
.b5b6 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C06) 50%); }
.b5b7 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C07) 50%); }
.b5b8 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C08) 50%); }
.b5b9 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C09) 50%); }
.b5b10 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C10) 50%); }
.b5b11 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C11) 50%); }
.b5b12 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C12) 50%); }
.b5b13 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C13) 50%); }
.b5b14 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C14) 50%); }
.b5b15 { background: -webkit-linear-gradient(left, var(--C05) 50%, var(--C15) 50%); }
.b6b0 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--B00) 50%); }
.b6b1 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C01) 50%); }
.b6b2 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C02) 50%); }
.b6b3 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C03) 50%); }
.b6b4 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C04) 50%); }
.b6b5 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C05) 50%); }
.b6b6 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C06) 50%); }
.b6b7 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C07) 50%); }
.b6b8 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C08) 50%); }
.b6b9 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C09) 50%); }
.b6b10 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C10) 50%); }
.b6b11 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C11) 50%); }
.b6b12 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C12) 50%); }
.b6b13 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C13) 50%); }
.b6b14 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C14) 50%); }
.b6b15 { background: -webkit-linear-gradient(left, var(--C06) 50%, var(--C15) 50%); }
.b7b0 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--B00) 50%); }
.b7b1 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C01) 50%); }
.b7b2 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C02) 50%); }
.b7b3 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C03) 50%); }
.b7b4 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C04) 50%); }
.b7b5 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C05) 50%); }
.b7b6 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C06) 50%); }
.b7b7 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C07) 50%); }
.b7b8 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C08) 50%); }
.b7b9 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C09) 50%); }
.b7b10 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C10) 50%); }
.b7b11 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C11) 50%); }
.b7b12 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C12) 50%); }
.b7b13 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C13) 50%); }
.b7b14 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C14) 50%); }
.b7b15 { background: -webkit-linear-gradient(left, var(--C07) 50%, var(--C15) 50%); }
.b8b0 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--B00) 50%); }
.b8b1 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C01) 50%); }
.b8b2 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C02) 50%); }
.b8b3 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C03) 50%); }
.b8b4 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C04) 50%); }
.b8b5 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C05) 50%); }
.b8b6 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C06) 50%); }
.b8b7 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C07) 50%); }
.b8b8 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C08) 50%); }
.b8b9 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C09) 50%); }
.b8b10 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C10) 50%); }
.b8b11 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C11) 50%); }
.b8b12 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C12) 50%); }
.b8b13 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C13) 50%); }
.b8b14 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C14) 50%); }
.b8b15 { background: -webkit-linear-gradient(left, var(--C08) 50%, var(--C15) 50%); }
.b9b0 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--B00) 50%); }
.b9b1 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C01) 50%); }
.b9b2 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C02) 50%); }
.b9b3 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C03) 50%); }
.b9b4 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C04) 50%); }
.b9b5 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C05) 50%); }
.b9b6 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C06) 50%); }
.b9b7 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C07) 50%); }
.b9b8 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C08) 50%); }
.b9b9 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C09) 50%); }
.b9b10 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C10) 50%); }
.b9b11 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C11) 50%); }
.b9b12 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C12) 50%); }
.b9b13 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C13) 50%); }
.b9b14 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C14) 50%); }
.b9b15 { background: -webkit-linear-gradient(left, var(--C09) 50%, var(--C15) 50%); }
.b10b0 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--B00) 50%); }
.b10b1 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C01) 50%); }
.b10b2 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C02) 50%); }
.b10b3 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C03) 50%); }
.b10b4 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C04) 50%); }
.b10b5 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C05) 50%); }
.b10b6 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C06) 50%); }
.b10b7 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C07) 50%); }
.b10b8 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C08) 50%); }
.b10b9 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C09) 50%); }
.b10b10 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C10) 50%); }
.b10b11 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C11) 50%); }
.b10b12 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C12) 50%); }
.b10b13 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C13) 50%); }
.b10b14 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C14) 50%); }
.b10b15 { background: -webkit-linear-gradient(left, var(--C10) 50%, var(--C15) 50%); }
.b11b0 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--B00) 50%); }
.b11b1 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C01) 50%); }
.b11b2 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C02) 50%); }
.b11b3 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C03) 50%); }
.b11b4 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C04) 50%); }
.b11b5 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C05) 50%); }
.b11b6 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C06) 50%); }
.b11b7 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C07) 50%); }
.b11b8 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C08) 50%); }
.b11b9 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C09) 50%); }
.b11b10 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C10) 50%); }
.b11b11 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C11) 50%); }
.b11b12 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C12) 50%); }
.b11b13 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C13) 50%); }
.b11b14 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C14) 50%); }
.b11b15 { background: -webkit-linear-gradient(left, var(--C11) 50%, var(--C15) 50%); }
.b12b0 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--B00) 50%); }
.b12b1 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C01) 50%); }
.b12b2 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C02) 50%); }
.b12b3 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C03) 50%); }
.b12b4 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C04) 50%); }
.b12b5 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C05) 50%); }
.b12b6 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C06) 50%); }
.b12b7 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C07) 50%); }
.b12b8 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C08) 50%); }
.b12b9 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C09) 50%); }
.b12b10 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C10) 50%); }
.b12b11 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C11) 50%); }
.b12b12 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C12) 50%); }
.b12b13 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C13) 50%); }
.b12b14 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C14) 50%); }
.b12b15 { background: -webkit-linear-gradient(left, var(--C12) 50%, var(--C15) 50%); }
.b13b0 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--B00) 50%); }
.b13b1 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C01) 50%); }
.b13b2 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C02) 50%); }
.b13b3 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C03) 50%); }
.b13b4 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C04) 50%); }
.b13b5 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C05) 50%); }
.b13b6 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C06) 50%); }
.b13b7 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C07) 50%); }
.b13b8 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C08) 50%); }
.b13b9 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C09) 50%); }
.b13b10 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C10) 50%); }
.b13b11 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C11) 50%); }
.b13b12 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C12) 50%); }
.b13b13 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C13) 50%); }
.b13b14 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C14) 50%); }
.b13b15 { background: -webkit-linear-gradient(left, var(--C13) 50%, var(--C15) 50%); }
.b14b0 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--B00) 50%); }
.b14b1 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C01) 50%); }
.b14b2 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C02) 50%); }
.b14b3 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C03) 50%); }
.b14b4 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C04) 50%); }
.b14b5 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C05) 50%); }
.b14b6 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C06) 50%); }
.b14b7 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C07) 50%); }
.b14b8 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C08) 50%); }
.b14b9 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C09) 50%); }
.b14b10 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C10) 50%); }
.b14b11 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C11) 50%); }
.b14b12 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C12) 50%); }
.b14b13 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C13) 50%); }
.b14b14 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C14) 50%); }
.b14b15 { background: -webkit-linear-gradient(left, var(--C14) 50%, var(--C15) 50%); }
.b15b0 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--B00) 50%); }
.b15b1 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C01) 50%); }
.b15b2 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C02) 50%); }
.b15b3 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C03) 50%); }
.b15b4 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C04) 50%); }
.b15b5 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C05) 50%); }
.b15b6 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C06) 50%); }
.b15b7 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C07) 50%); }
.b15b8 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C08) 50%); }
.b15b9 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C09) 50%); }
.b15b10 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C10) 50%); }
.b15b11 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C11) 50%); }
.b15b12 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C12) 50%); }
.b15b13 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C13) 50%); }
.b15b14 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C14) 50%); }
.b15b15 { background: -webkit-linear-gradient(left, var(--C15) 50%, var(--C15) 50%); }
.w0::after { color: var(--C00); text-shadow: 0 0 0 var(--C00), 0 0 0 var(--C00), 0 0 0 var(--C00), 0 0 0 var(--C00), 0 0 0 var(--C00); }
.w1::after { color: var(--C01); text-shadow: 0 0 0 var(--C01), 0 0 0 var(--C01), 0 0 0 var(--C01), 0 0 0 var(--C01), 0 0 0 var(--C01); }
.w2::after { color: var(--C02); text-shadow: 0 0 0 var(--C02), 0 0 0 var(--C02), 0 0 0 var(--C02), 0 0 0 var(--C02), 0 0 0 var(--C02); }
.w3::after { color: var(--C03); text-shadow: 0 0 0 var(--C03), 0 0 0 var(--C03), 0 0 0 var(--C03), 0 0 0 var(--C03), 0 0 0 var(--C03); }
.w4::after { color: var(--C04); text-shadow: 0 0 0 var(--C04), 0 0 0 var(--C04), 0 0 0 var(--C04), 0 0 0 var(--C04), 0 0 0 var(--C04); }
.w5::after { color: var(--C05); text-shadow: 0 0 0 var(--C05), 0 0 0 var(--C05), 0 0 0 var(--C05), 0 0 0 var(--C05), 0 0 0 var(--C05); }
.w6::after { color: var(--C06); text-shadow: 0 0 0 var(--C06), 0 0 0 var(--C06), 0 0 0 var(--C06), 0 0 0 var(--C06), 0 0 0 var(--C06); }
.w7::after { color: var(--C07); text-shadow: 0 0 0 var(--C07), 0 0 0 var(--C07), 0 0 0 var(--C07), 0 0 0 var(--C07), 0 0 0 var(--C07); }
.w8::after { color: var(--C08); text-shadow: 0 0 0 var(--C08), 0 0 0 var(--C08), 0 0 0 var(--C08), 0 0 0 var(--C08), 0 0 0 var(--C08); }
.w9::after { color: var(--C09); text-shadow: 0 0 0 var(--C09), 0 0 0 var(--C09), 0 0 0 var(--C09), 0 0 0 var(--C09), 0 0 0 var(--C09); }
.w10::after { color: var(--C10); text-shadow: 0 0 0 var(--C10), 0 0 0 var(--C10), 0 0 0 var(--C10), 0 0 0 var(--C10), 0 0 0 var(--C10); }
.w11::after { color: var(--C11); text-shadow: 0 0 0 var(--C11), 0 0 0 var(--C11), 0 0 0 var(--C11), 0 0 0 var(--C11), 0 0 0 var(--C11); }
.w12::after { color: var(--C12); text-shadow: 0 0 0 var(--C12), 0 0 0 var(--C12), 0 0 0 var(--C12), 0 0 0 var(--C12), 0 0 0 var(--C12); }
.w13::after { color: var(--C13); text-shadow: 0 0 0 var(--C13), 0 0 0 var(--C13), 0 0 0 var(--C13), 0 0 0 var(--C13), 0 0 0 var(--C13); }
.w14::after { color: var(--C14); text-shadow: 0 0 0 var(--C14), 0 0 0 var(--C14), 0 0 0 var(--C14), 0 0 0 var(--C14), 0 0 0 var(--C14); }
.w15::after { color: var(--C15); text-shadow: 0 0 0 var(--C15), 0 0 0 var(--C15), 0 0 0 var(--C15), 0 0 0 var(--C15), 0 0 0 var(--C15); }
}
@eight04
Copy link
Author

eight04 commented Sep 20, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment