如何修改表格白色行背景为深蓝色并设置白色文字？

你当前的代码只给表格偶数行设置了深蓝色背景，却没处理默认的白色背景行（奇数行），也没给这些行设置白色文字，导致深色背景上文字可能看不清。具体遗漏的设置如下：

• 未设置tbody奇数行的背景色：当前仅通过nth-of-type(even)给偶数行加了#152027背景，奇数行还是默认白色
• 未统一设置tbody行的文字颜色：除了表头和active-row，普通行文字默认是黑色，在深蓝色背景上对比度极低，无法清晰显示

修改后的完整CSS代码 #

.styled-tableBlue {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-tableBlue thead tr {
  background-color: #324655;
  color: #ffffff;
  text-align: left;
}

.styled-tableBlue th,
.styled-tableBlue td {
  padding: 12px 15px;
}

.styled-tableBlue tbody tr {
  border-bottom: 1px solid #152027;
  /* 新增：所有tbody行默认深蓝色背景 */
  background-color: #152027;
  /* 新增：所有tbody行默认白色文字 */
  color: #ffffff;
}

/* 可选：保留奇偶行交替效果，换成另一款已用深蓝色 */
.styled-tableBlue tbody tr:nth-of-type(even) {
  background-color: #324655;
}

.styled-tableBlue tbody tr:last-of-type {
  border-bottom: 2px solid #152027;
}

.styled-tableBlue tbody tr.active-row {
  font-weight: bold;
  /* 可选：调整高亮行颜色，提升深色背景下可读性 */
  color: #ffcc00;
}

说明 #

1. 给.styled-tableBlue tbody tr添加背景色和文字颜色，确保所有tbody行都使用深色背景+白色文字
2. 如果不需要奇偶行区分，可以删除nth-of-type(even)的规则；如果需要保留，用表头的#324655作为交替色，保持色系统一
3. active-row的橙色在深色背景上可读性一般，换成更亮的#ffcc00会更清晰，这是可选优化

内容的提问来源于stack exchange，提问作者Summer