MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 100: Line 100:
.table-bg-blue {
.table-bg-blue {
   background-color: color-mix(in srgb, #3288bd, transparent 50%) !important;
   background-color: color-mix(in srgb, #3288bd, transparent 50%) !important;
   color: var(--bg-main) !important;
   color: #3288bd !important;
}
}
.vector-body .table-bg-common,
.vector-body .table-bg-common,
.table-bg-green {
.table-bg-green {
   background-color: color-mix(in srgb, #abdda4, transparent 50%) !important;
   background-color: color-mix(in srgb, #abdda4, transparent 50%) !important;
   color: var(--bg-main) !important;
   color: #abdda4 !important;
}
}
.vector-body .table-bg-uncommon,
.vector-body .table-bg-uncommon,
.table-bg-yellow {
.table-bg-yellow {
   background-color: color-mix(in srgb, #fee08b, transparent 50%) !important;
   background-color: color-mix(in srgb, #fee08b, transparent 50%) !important;
   color: var(--bg-main) !important;
   color: #fee08b !important;
}
}
.vector-body .table-bg-rare,
.vector-body .table-bg-rare,
.table-bg-orange {
.table-bg-orange {
   background-color: color-mix(in srgb, #f46d43, transparent 50%) !important;
   background-color: color-mix(in srgb, #f46d43, transparent 50%) !important;
   color: var(--bg-main) !important;
   color: #f46d43 !important;
}
}
.vector-body .table-bg-veryrare,
.vector-body .table-bg-veryrare,
.table-bg-red {
.table-bg-red {
   background-color: color-mix(in srgb, #d53e4f, transparent 50%) !important;
   background-color: color-mix(in srgb, #d53e4f, transparent 50%) !important;
   color: var(--bg-main) !important;
   color: #d53e4f !important;
}
}
.vector-body .table-bg-ultrarare,
.vector-body .table-bg-ultrarare,
.table-bg-purple {
.table-bg-purple {
   background-color: color-mix(in srgb, #9b91af, transparent 50%) !important;
   background-color: color-mix(in srgb, #9b91af, transparent 50%) !important;
   color: var(--bg-main) !important;
   color: #9b91af !important;
}
}
.vector-body .table-bg-random,
.vector-body .table-bg-random,
.table-bg-pink {
.table-bg-pink {
   background-color: color-mix(in srgb, #5e4fa2, transparent 50%) !important;
   background-color: color-mix(in srgb, #5e4fa2, transparent 50%) !important;
  color: #5e4fa2 !important;
}
}
.vector-body .table-bg-gray,
.vector-body .table-bg-gray,
.table-bg-grey {
.table-bg-grey {
   background:#5d6773 !important;
   background:#5d6773 !important;
   color: var(--bg-main) !important;
   color: #5d6773 !important;
}
}
.vector-body .table-bg-fade {
.vector-body .table-bg-fade {