A collection of my best wooden chessboards. Many based on real boards.
Wood Collection: chessboard by chessskins
Mirrored from a private source
Details
Authorchessskins
LicenseNO-REDISTRIBUTION
Categorychess.com
Created
Updated
Size59 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Important: do not use 'Natural' or 'Arcade' animation with this boards.
It was develop using chess.com Dark UI, can be used with Light theme but will not be that great.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Wood Collection: chessboard
@author ChessSkins
@namespace ChessSkins
@homepageURL https://www.chess.com/blog/ChessSkins
@description `highly customizable chess set for chess.com.`
@version 1.0.37
@license NO-REDISTRIBUTION
@preprocessor stylus
@var select myBoard "🟢🏁Chessboard" {
"Amboyna": "amboyna-birdsEyes",
"Amboyna II": "amboyna-birdsEyes2",
"Mahogany": "mahogany",
"Walnut": "walnut",
"Walnut Special": "walnutSpecial",
"Walnut (rounded)": "walnutRound",
"Light Wood": "light-wood",
"Dark Wood": "dark-wood",
"CXC": "cxc",
"CXC (light)": "cxc-light",
"CXC (red)": "cxc-red",
"Desativado": "disabled",
}
@var range frameRadius "🔵Frame radius" [6, 0, 34, 1, "px"]
@var checkbox frameRadiusInOut "↪🔹all together <--> external" 1
@var range ajustBoardSize "Board size" [0.86, 0.82, 0.92, 0.01, ""]
@var select setHighlight "🟡Highlight" {
"Board theme": "op1",
"Custom": "op2",
"Default": "disabled",
}
@var color hlColor "↪Highlight color" #fc0
@var range highlightOpacity "↪highlight opacity" [0.6, 0.3, 1, 0.1, ""]
@var color hlSqRed "🔴Right click" #eb6150
@var color hlSqOrange "🟠CTRL+Click" #fa0
@var color hlSqGreen "🟢SHIFT+Click" #acce59
@var color hlSqBlue "🔵ALT+Click" #52b0dc
@var checkbox enableArrowSettings "🟩↘️Custom Arrows" 0
@var range arrowOpacity "Arrows opacity" [0.9, 0.7, 1, 0.1, ""]
@var color arrowOrange "🟠Right click" #ff8000
@var color arrowRed "🔴CTRL+Click" #fa4d35
@var color arrowGreen "🟢SHIFT+Click" #abe439
@var color arrowBlue "🔵ALT+Click" #28b8fa
@var checkbox enableBoardFrame "👉🟩🔳Outer edge" 1
@var checkbox enableWallpaper "🟩Background" 1
@var checkbox enableOutsideCoords "🟡external Coord." 1
@var range outCoordFontSize "↪Font size" [0.24, 0.1, 0.3, 0.01, "rem"]
@var select outCoordFontWeight "↪Weight" ["400*", "600", "700", "800"]
@var select outCoordFontCase "↪Letter case"{
"uppercase": "uppercase",
"lowercase*": "lowercase",
}
@var checkbox enableThinEvalBar "🟩Thin Evaluation Bar" 1
@var select evalOpt "Evaluation bar" {
"auto*": "auto",
"custom": "custom",
"Default": "disabled",
}
@var range evalBarOpacity "Evaluation bar opacity" [0.9, 0.5, 1, 0.1, ""]
==/UserStyle== */
@-moz-document domain("chess.com") {
/*Default Settings*/
boardBGOpt=colorOnly;
boardBGColor=#d0c6b6;
svgLightSqColor=#ecd5b2fc;
svgDarkSqColor=#775844;
innerBorderColor=#c1a890;
innerBorderOpt=#c1a890;
outCoordColorOpt=#e7dfd1;
frameOpt=colorOnly;
hlImgOpt=disabled;
svgBoardBlend=normal;
centerLogoCol=#8d766640;
enableBoardShadowInset=0;
enableBoardShadow=0;
enableFrameShadowInset=0;
frameShadowInsetBlur=2;
frameShadowInsetSpread=1;
frameShadowInsetColor= rgba(0, 0, 0, .4);
enableFrameShadow=1
frameShadowBlur=8;
frameShadowSpread=4;
frameShadowColor= rgba(0, 0, 0, .5);
setWallpaper=cover;
percentSize=100%;
backgroundColp=#4a382e;
ajustBoardSize=ajustBoardSize * 1.002;
/*Textures*/
chessfiles="https://images.chesscomfiles.com/uploads/v1/images_users/tiny_mce/Agiota_do_Artenio/";
txframe-cherry-wood-dark=chessfiles+"phpveLjPm.jpg";
txframe-dark-wood1=chessfiles+"phpJOInBR.jpg";
txframe-mahogany-round-wood=chessfiles+"phpHyIbbd.jpg";
txframe-walnut-round-wood=chessfiles+"phpsxxsXT.jpg";
txframe-wood-light1=chessfiles+"phpW92nW8.jpg";
txframe-wood=chessfiles+"php3OLoHL.jpg";
txwalnut=chessfiles+"phpqVeBg4.jpg";
txmahogany=chessfiles+"phprdj8Pk.jpg";
cbwalnut=chessfiles+"phpRpqIWx.jpg";
txbrown-fabric=chessfiles+"phpZUbWJL.jpg";
txchocolate-omega=chessfiles+"phpUh2YmS.jpg";
txbase-cxc=chessfiles+"phpuEH7bV.jpg";
txDark-Wood-OA-145=chessfiles+"phpYWwnGT.jpg";
txbase-light-cxc=chessfiles+"phpxG47mF.jpg";
cblight-cxc=chessfiles+"phpiHU0UO.jpg";
txbase-red-cxc=chessfiles+"phpKElTA9.jpg";
cbred-cxc=chessfiles+"phpBLljFg.jpg";
cbfaded-wood=chessfiles+"phpWZ6anP.jpg";
cbdark-wood=chessfiles+"phpPJQr8J.jpg";
cbAmboyna=chessfiles+"phpS2DnRH.jpg";
txzebra-wood-frame=chessfiles+"phpYh32xL.jpg";
txlight-wood-frame=chessfiles+"phpy5fX2Q.jpg";
cbAmboyna2=chessfiles+"phpH8Dgqn.jpg";
/*selector with exceptions to avoid override analysis highlights*/
notThisColors='[style*="179\, 52\, 48"]):not([style*="244\, 42\, 50"]):not([style*="#f42a32"]):not([style*="#b33430"]):not([style*="#9eba5a"]):not([style*="158\, 186\, 90"]):not([style*="#e6912c"]):not([style*="230\, 145\, 44"]):not([style*="#c93430"]):not([style*="201\, 52\, 48"]):not([style*="#1baca6"]):not([style*="#5c8bb0"]):not([style*="#96bc4b"]):not([style*="#96af8b"]):not([style*="#a88865"]):not([style*="#f0c15c"]):not([style*="#e58f2a"]):not([style*="#ca3431"]):not([style*="#dbac16"]):not([style*="27\, 172\, 166"]):not([style*="92\, 139\, 176"]):not([style*="150\, 188\, 75"]):not([style*="150\, 188\, 75"]):not([style*="150\, 175\, 139"]):not([style*="168\, 136\, 101"]):not([style*="240\, 193\, 92"]):not([style*="229\, 143\, 42"]):not([style*="202\, 52\, 49"]):not([style*="219\, 172\, 22"]):not([style*="172\, 206\, 89"]):not([style*="235\, 97\, 80"]):not([style*="82\, 176\, 220"]):not([style*="255\, 170\, 0"]):not([style*="#52b0dc"]):not([style*="#ffaa00"]):not([style*="#acce59"]):not([style*="#eb6150"]';
if enableBoardShadow{
boardShadow= 0px 0px 8px 4px rgba(0, 0, 0, .4);
}
if enableBoardShadowInset{
boardShadowInset= inset 0px 1px 2px 1px rgba(0, 0, 0, .4);
}
if enableFrameShadow{
frameShadow= 0px 0px frameShadowBlur frameShadowSpread frameShadowColor;
}
if enableFrameShadowInset{
frameShadowInset= inset 0px -1px frameShadowInsetBlur frameShadowInsetSpread frameShadowInsetColor;
}
}/*Themes below*/
@-moz-document domain("chess.com") {
/*Themes*/
/*default wallpaper*/
useWallpaper=txchocolate-omega;
backgroundColp=#4A3932;
percentSize=50%;
setWallpaper=percentSize;
if myBoard=="walnut"{
enableGlobalColor=0;
enableInnerBorder=1;
enableBoardShadow=0;
enableBoardShadowInset=0;
enableFrameShadow=1;
enableFrameShadowInset=0;
enableCustomCoord=1;
svgLightSqColor=#fff0d1;
svgLightSqOpacity=0.68;
svgDarkSqColor=#e8ac78;
svgDarkSqOpacity=0.25;
boardBGOpt=txwalnut;
boardBGColor=rgba(213,198,180,0.69);
bgSize=cover;
bgPosX=0%;
bgPosY=0%;
frameRadius=0px;
frameOpt=txframe-wood;
frameColor=#6f4326;
frameSize=cover;
framePosX=0%;
framePosY=0%;
innerBorderOpt=#c1a890;
hlImgOpt='disabled';
if setHighlight=='op1'{
hlColor=#ffcb2d;
highlightOpacity=0.4;
}
lCoordCol=#794f34;
dCoordCol=#d0bca4;
dEvalCol= lCoordCol;
lEvalCol= dCoordCol;
evalOpt=custom;
coordsBlend=normal;
outCoordFontSize=0.24rem;
outCoordFontName='Segoe UI';
outCoordFontWeight=400;
outCoordColorOpt=dCoordCol;
backgroundColp=#4b4844;
frameShadow= 0 0 8px 4px rgba(0, 0, 0, .5);
frameShadowInset= inset 0 -1px 8px 4px rgba(0, 0, 0, .4);
}
else if myBoard=="walnutRound"{
enableGlobalColor=0;
enableInnerBorder=1;
enableBoardShadow=0;
enableBoardShadowInset=0;
enableFrameShadow=1;
enableFrameShadowInset=1;
enableCustomCoord=1;
svgLightSqColor=#fff0d1;
svgLightSqOpacity=0.68;
svgDarkSqColor=#e8ac78;
svgDarkSqOpacity=0.25;
boardBGOpt=txwalnut;
boardBGColor=rgba(213,198,180,0.69);
bgSize=cover;
bgPosX=0%;
bgPosY=0%;
/*🔐important: frame radius need to be locked for this board*/
frameRadius=35px;
/*🔐important: board size need to be locked for this board*/
ajustBoardSize=0.86;
frameOpt=txframe-walnut-round-wood;
frameColor=#542A14;
frameSize=cover;
framePosX=0%;
framePosY=0%;
innerBorderOpt=#c1ad90;
hlImgOpt='disabled';
if setHighlight=='op1'{
hlColor=#ffcb2d;
highlightOpacity=0.4;
}
lCoordCol= #7f4b30;
dCoordCol= #d5b79d;
dEvalCol= lCoordCol;
lEvalCol= dCoordCol;
evalOpt=custom;
coordsBlend=normal;
outCoordFontSize=0.24rem;
outCoordFontName='Segoe UI';
outCoordFontWeight=400;
outCoordColorOpt=dCoordCol;
backgroundColp=#4b4844;
/*🚩Special shadow for this board*/
frameShadow= 0px 0px 8px 4px #00000080;
frameShadowInset= inset 0px -1px 6px 8px #00000075;
}
else if myBoard=="walnutSpecial" {
svgBoardBlend=normal;
svgLightSqOpacity=0.5;
enableGlobalColor=0;
svgLightSqColor=#eed6a4;
svgDarkSqColor=#ca9466;
svgDarkSqOpacity=0.32;
boardBGOpt=cbwalnut;
boardBGColor=#c4ac93;
bgSize=100%;
bgPosX=50%;
bgPosY=50%;
frameRadius=1px;
frameRadiusInOut=1;
//enableBoardFrame=1;
frameOpt=txframe-wood-light1;
frameColor=#865036;
frameSize=100%;
framePosX=50%;
framePosY=50%;
enableInnerBorder=1;
innerBorderOpt=rgba(59,36,22,0.82);
innerBorderColor=rgba(59,36,22,0.82);
enableBoardShadowInset=0;
...