Template:B9s LED table/styles.css: Difference between revisions

Revision as of 07:27, 4 July 2022

.b9s-table {
	text-align: center;
}

.b9s-loaded  { background-color: #c8ffc8 }
.b9s-missing { background-color: #ffc8c8 }
.b9s-corrupt { background-color: #c8c8ff }

@media screen and (prefers-color-scheme: dark) {
	/* only timeless has a dark theme skin right now */
	/* [[Category:Pages that ihaveahax really needs to update when more skins get a dark theme]] */
	body.skin-timeless .b9s-loaded  { background-color: #4b804b }
	body.skin-timeless .b9s-missing { background-color: #804b4b }
	body.skin-timeless .b9s-corrupt { background-color: #4b4b80 }
}

@@ Line 1: / Line 1: @@
-/* NOT USED ANYMORE - kept for historical reasons */
 .b9s-table {
 	text-align: center;
-	--loaded-l:  #c8ffc8;
-	--missing-l: #ffc8c8;
-	--corrupt-l: #c8c8ff;
-	--loaded-d:  #4b804b;
-	--missing-d: #804b4b;
-	--corrupt-d: #4b4b80;
-	--loaded:  var(--loaded-l);
-	--missing: var(--missing-l);
-	--corrupt: var(--corrupt-l);
 }
+.b9s-loaded  { background-color: #c8ffc8 }
+.b9s-missing { background-color: #ffc8c8 }
+.b9s-corrupt { background-color: #c8c8ff }
 @media screen and (prefers-color-scheme: dark) {
 	/* only timeless has a dark theme skin right now */
-	body.skin-timeless .b9s-table,
+	/* [[Category:Pages that ihaveahax really needs to update when more skins get a dark theme]] */
-	html.skin-theme-clientpref-os body.skin-citizen .b9s-table {
+	body.skin-timeless .b9s-loaded  { background-color: #4b804b }
-		--loaded:  var(--loaded-d);
+	body.skin-timeless .b9s-missing { background-color: #804b4b }
-		--missing: var(--missing-d);
+	body.skin-timeless .b9s-corrupt { background-color: #4b4b80 }
-		--corrupt: var(--corrupt-d);
-	}
-}
-html.skin-theme-clientpref-night body.skin-citizen .b9s-table {
-	--loaded:  var(--loaded-d);
-	--missing: var(--missing-d);
-	--corrupt: var(--corrupt-d);
 }
-/*html.skin-citizen-dark .b9s-table td {
-	padding: 10px; /* default padding is 10px 20px 10px 0 but it looks weird with bg colors
-}*/
-.b9s-loaded  { background-color: var(--loaded)  }
-.b9s-missing { background-color: var(--missing) }
-.b9s-corrupt { background-color: var(--corrupt) }