.task-board.color-additionalblack, .task-summary-container.color-additionalblack, .color-picker-square.color-additionalblack, .task-board-category.color-additionalblack, .table-list-category.color-additionalblack, .task-tag.color-additionalblack { color: #ffffff; /* White */ background-color: #000000; /* Black */ border-color: #000000; /* Black */ } .task-board.color-additionalblue, .task-summary-container.color-additionalblue, .color-picker-square.color-additionalblue, .task-board-category.color-additionalblue, .table-list-category.color-additionalblue, .task-tag.color-additionalblue { background-color: #87cefa; /* LightSkyBlue */ border-color: #4169e1; /* RoyalBlue */ } .task-board.color-additionalbrown, .task-summary-container.color-additionalbrown, .color-picker-square.color-additionalbrown, .task-board-category.color-additionalbrown, .table-list-category.color-additionalbrown, .task-tag.color-additionalbrown { background-color: #d2b48c; /* Tan */ border-color: #a52a2a; /* Brown */ } .task-board.color-additionalgreen, .task-summary-container.color-additionalgreen, .color-picker-square.color-additionalgreen, .task-board-category.color-additionalgreen, .table-list-category.color-additionalgreen, .task-tag.color-additionalgreen { background-color: #98fb98; /* PaleGreen */ border-color: #32cd32; /* LimeGreen */ } .task-board.color-additionalgrey, .task-summary-container.color-additionalgrey, .color-picker-square.color-additionalgrey, .task-board-category.color-additionalgrey, .table-list-category.color-additionalgrey, .task-tag.color-additionalgrey { background-color: #dcdcdc; /* Gainsboro */ border-color: #c0c0c0; /* Silver */ } .task-board.color-additionallightgrey, .task-summary-container.color-additionallightgrey, .color-picker-square.color-additionallightgrey, .task-board-category.color-additionallightgrey, .table-list-category.color-additionallightgrey, .task-tag.color-additionallightgrey { background-color: #f5f5f5; /* WhiteSmoke */ border-color: #d3d3d3; /* LightGrey */ } .task-board.color-additionalorange, .task-summary-container.color-additionalorange, .color-picker-square.color-additionalorange, .task-board-category.color-additionalorange, .table-list-category.color-additionalorange, .task-tag.color-additionalorange { background-color: #fc9; border-color: #ffa500; /* Orange */ } .task-board.color-additionalpink, .task-summary-container.color-additionalpink, .color-picker-square.color-additionalpink, .task-board-category.color-additionalpink, .table-list-category.color-additionalpink, .task-tag.color-additionalpink { background-color: #ff69b4; /* HotPink */ border-color: #c71585; /* MediumVioletRed */ } .task-board.color-additionalpurple, .task-summary-container.color-additionalpurple, .color-picker-square.color-additionalpurple, .task-board-category.color-additionalpurple, .table-list-category.color-additionalpurple, .task-tag.color-additionalpurple { background-color: #dda0dd; /* Plum */ border-color: #663399; /* RebeccaPurple */ } .task-board.color-additionalred, .task-summary-container.color-additionalred, .color-picker-square.color-additionalred, .task-board-category.color-additionalred, .table-list-category.color-additionalred, .task-tag.color-additionalred { background-color: #ffb6c1; /* LightPink */ border-color: #db7093; /* PaleVioletRed */ } .task-board.color-additionalturquoise, .task-summary-container.color-additionalturquoise, .color-picker-square.color-additionalturquoise, .task-board-category.color-additionalturquoise, .table-list-category.color-additionalturquoise, .task-tag.color-additionalturquoise { background-color: #40e0d0; /* Turquoise */ border-color: #009999; /* DarkTurquoise */ } .task-board.color-additionalwhite, .task-summary-container.color-additionalwhite, .color-picker-square.color-additionalwhite, .task-board-category.color-additionalwhite, .table-list-category.color-additionalwhite, .task-tag.color-additionalwhite { background-color: #fffafa; /* Snow */ border-color: #f5fffa; /* MintCream */ } .task-board.color-additionalyellow, .task-summary-container.color-additionalyellow, .color-picker-square.color-additionalyellow, .task-board-category.color-additionalyellow, .table-list-category.color-additionalyellow, .task-tag.color-additionalyellow { background-color: #ff9; border-color: #ff0; }