X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fstyles%2F_board_squares_img.sass;h=c1adf6fc08abaaf644e31effc0759c37b494dc59;hp=5e46b5386e830b3359f078b5e3df88d9d5196d54;hb=4f524197ee499b58f574908c58bf50efa69dd359;hpb=10addfff8239405375a1c99b8582f4d4d8283d0a

diff --git a/client/src/styles/_board_squares_img.sass b/client/src/styles/_board_squares_img.sass
index 5e46b538..c1adf6fc 100644
--- a/client/src/styles/_board_squares_img.sass
+++ b/client/src/styles/_board_squares_img.sass
@@ -1,11 +1,5 @@
 // Styles for diagrams and board (partial).
 
-.light-square-diag
-  background-color: #dfdfdf
-
-.dark-square-diag
-  background-color: #7287b6
-
 div.board
   user-select: none
   float: left
@@ -64,3 +58,40 @@ img.circle-square
 
 .in-shadow
   filter: brightness(50%)
+
+.monochrome
+  border-bottom: 1px solid black
+  border-right: 1px solid black
+  box-sizing: border-box
+
+.border-left
+  border-left: 1px solid black
+  box-sizing: border-box
+
+.border-top
+  border-top: 1px solid black
+  box-sizing: border-box
+
+.light-square.lichess
+  background-color: #f0d9b5
+.dark-square.lichess
+  background-color: #b58863
+
+.light-square.chesscom
+  background-color: #e5e5ca
+.dark-square.chesscom
+  background-color: #6f8f57
+
+.light-square.chesstempo
+  background-color: #dfdfdf
+.dark-square.chesstempo
+  background-color: #7287b6
+
+.middle-square.lichess
+  background-color: #D3B18C
+
+.middle-square.chesscom
+  background-color: #AABA91
+
+.middle-square.chesstempo
+  background-color: #A9B3CB