X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_table.scss;fp=assets%2Fsass%2Fcomponents%2F_table.scss;h=081ac227c18dafd633f3df3b59a63a4be5fa4943;hb=cb4379e19f22b0e389f369a048c5cce9321366c6;hp=e020928a07e1b38d1509d014b46cce0dd28a0949;hpb=7e7766c9ada48098c94bd94aaac04f919dfb3297;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_table.scss b/assets/sass/components/_table.scss
index e020928..081ac22 100644
--- a/assets/sass/components/_table.scss
+++ b/assets/sass/components/_table.scss
@@ -17,12 +17,18 @@
 
 		tbody {
 			tr {
-				border: solid 1px _palette(border);
+				border: solid 1px _palette_light(border);
 				border-left: 0;
 				border-right: 0;
+				@media screen and (prefers-color-scheme: dark) {
+					border: solid 1px _palette_dark(border);
+				}
 
 				&:nth-child(2n + 1) {
-					background-color: _palette(border-bg);
+					background-color: _palette_light(border-bg);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(border-bg);
+					}
 				}
 			}
 		}
@@ -32,19 +38,28 @@
 		}
 
 		th {
-			color: _palette(fg-bold);
+			color: _palette_light(fg-bold);
 			font-size: 0.9em;
 			font-weight: _font(weight-bold);
 			padding: 0 0.75em 0.75em 0.75em;
 			text-align: left;
+			@media screen and (prefers-color-scheme: dark) {
+				color: _palette_dark(fg-bold);
+			}
 		}
 
 		thead {
-			border-bottom: solid 2px _palette(border);
+			border-bottom: solid 2px _palette_light(border);
+			@media screen and (prefers-color-scheme: dark) {
+				border-bottom: solid 2px _palette_dark(border);
+			}
 		}
 
 		tfoot {
-			border-top: solid 2px _palette(border);
+			border-top: solid 2px _palette_light(border);
+			@media screen and (prefers-color-scheme: dark) {
+				border-top: solid 2px _palette_dark(border);
+			}
 		}
 
 		&.alt {
@@ -53,9 +68,12 @@
 			tbody {
 				tr {
 					td {
-						border: solid 1px _palette(border);
+						border: solid 1px _palette_light(border);
 						border-left-width: 0;
 						border-top-width: 0;
+						@media screen and (prefers-color-scheme: dark) {
+							border-top: solid 1px _palette_dark(border);
+						}
 
 						&:first-child {
 							border-left-width: 1px;