本期“大巴车司机的贤者时间” 视频版介绍了chess.com上自定义棋子的方法，以及我为什么觉得大家都应该这么做的原因。我的主旨是chess.com 上目前的棋子设计颇有审美霸权的意味，因此我们更应该有自己的表达。B站链接：

https://www.bilibili.com/video/BV1EBuQzDEGQ/

封面credit：https://www.pixiv.net/en/artworks/125993115

图二为视频中提到的坐标转换盘。

本话题关联内容为视频中展示棋子设计的文章。

以下代码为视频中提及Chess.com 棋子风格化的 java script 代码。

本代码使用需要浏览器配套的视觉风格编辑插件。

====================================================

/* White Pieces */

.piece.wp, .promotion-piece.wp {

background-image: url("") !important;

}

.piece.wn, .promotion-piece.wn {

background-image: url("") !important;

}

.piece.wb.square-11,.piece.wb.square-13,.piece.wb.square-15,.piece.wb.square-17,.piece.wb.square-22,.piece.wb.square-24,.piece.wb.square-26,.piece.wb.square-28,.piece.wb.square-31,.piece.wb.square-33,.piece.wb.square-35,.piece.wb.square-37,.piece.wb.square-42,.piece.wb.square-44,.piece.wb.square-46,.piece.wb.square-48,.piece.wb.square-51,.piece.wb.square-53,.piece.wb.square-55,.piece.wb.square-57,.piece.wb.square-62,.piece.wb.square-64,.piece.wb.square-66,.piece.wb.square-68,.piece.wb.square-71,.piece.wb.square-73,.piece.wb.square-75,.piece.wb.square-77,.piece.wb.square-82,.piece.wb.square-84,.piece.wb.square-86,.piece.wb.square-88, .promotion-piece.wb {

background-image: url("") !important;

}

.piece.wb.square-12,.piece.wb.square-14,.piece.wb.square-16,.piece.wb.square-18,.piece.wb.square-21,.piece.wb.square-23,.piece.wb.square-25,.piece.wb.square-27,.piece.wb.square-32,.piece.wb.square-34,.piece.wb.square-36,.piece.wb.square-38,.piece.wb.square-41,.piece.wb.square-43,.piece.wb.square-45,.piece.wb.square-47,.piece.wb.square-52,.piece.wb.square-54,.piece.wb.square-56,.piece.wb.square-58,.piece.wb.square-61,.piece.wb.square-63,.piece.wb.square-65,.piece.wb.square-67,.piece.wb.square-72,.piece.wb.square-74,.piece.wb.square-76,.piece.wb.square-78,.piece.wb.square-81,.piece.wb.square-83,.piece.wb.square-85,.piece.wb.square-87, .promotion-piece.wb {

background-image: url("") !important;

}

.piece.wr, .promotion-piece.wr {

background-image: url("") !important;

}

.piece.wq, .promotion-piece.wq {

background-image: url("") !important;

}

.piece.wk, .promotion-piece.wk {

background-image: url("") !important;

}

/* Black Pieces */

.piece.bp, .promotion-piece.bp {

background-image: url("") !important;

}

.piece.bn, .promotion-piece.bn {

background-image: url("") !important;

}

.piece.bb.square-12,.piece.bb.square-14,.piece.bb.square-16,.piece.bb.square-18,.piece.bb.square-21,.piece.bb.square-23,.piece.bb.square-25,.piece.bb.square-27,.piece.bb.square-32,.piece.bb.square-34,.piece.bb.square-36,.piece.bb.square-38,.piece.bb.square-41,.piece.bb.square-43,.piece.bb.square-45,.piece.bb.square-47,.piece.bb.square-52,.piece.bb.square-54,.piece.bb.square-56,.piece.bb.square-58,.piece.bb.square-61,.piece.bb.square-63,.piece.bb.square-65,.piece.bb.square-67,.piece.bb.square-72,.piece.bb.square-74,.piece.bb.square-76,.piece.bb.square-78,.piece.bb.square-81,.piece.bb.square-83,.piece.bb.square-85,.piece.bb.square-87,.promotion-piece.bb {

background-image: url("") !important;

}

.piece.bb.square-11,.piece.bb.square-13,.piece.bb.square-15,.piece.bb.square-17,.piece.bb.square-22,.piece.bb.square-24,.piece.bb.square-26,.piece.bb.square-28,.piece.bb.square-31,.piece.bb.square-33,.piece.bb.square-35,.piece.bb.square-37,.piece.bb.square-42,.piece.bb.square-44,.piece.bb.square-46,.piece.bb.square-48,.piece.bb.square-51,.piece.bb.square-53,.piece.bb.square-55,.piece.bb.square-57,.piece.bb.square-62,.piece.bb.square-64,.piece.bb.square-66,.piece.bb.square-68,.piece.bb.square-71,.piece.bb.square-73,.piece.bb.square-75,.piece.bb.square-77,.piece.bb.square-82,.piece.bb.square-84,.piece.bb.square-86,.piece.bb.square-88,.promotion-piece.bb {

background-image: url("") !important;

}

.piece.br, .promotion-piece.br {

background-image: url("") !important;

}

.piece.bq, .promotion-piece.bq {

background-image: url("") !important;

}

.piece.bk, .promotion-piece.bk {

background-image: url("") !important;

}

/* Background */

.board, .game-preview-component {

background-image: url("") !important;

background-position: center !important;

}