fomantic-ui 2.9.0-beta.100 → 2.9.0-beta.104

package/dist/semantic.css

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.100
+ * # Fomantic UI - 2.9.0-beta.104
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *
@@ -10,7 +10,7 @@
  */
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400%3B0,700%3B1,400%3B1,700&subset=latin&display=swap');
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Reset
+ * # Fomantic-UI 2.9.0-beta.104 - Reset
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -435,7 +435,7 @@ template {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Site
+ * # Fomantic-UI 2.9.0-beta.104 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -674,7 +674,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Button
+ * # Fomantic-UI 2.9.0-beta.104 - Button
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5687,7 +5687,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Container
+ * # Fomantic-UI 2.9.0-beta.104 - Container
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5844,7 +5844,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Divider
+ * # Fomantic-UI 2.9.0-beta.104 - Divider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21525,7 +21525,7 @@ em[data-emoji="tone5"]:before {
   background-image: url("https://twemoji.maxcdn.com/v/latest/svg/1f3ff.svg");
 }
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Flag
+ * # Fomantic-UI 2.9.0-beta.104 - Flag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22937,7 +22937,7 @@ i.flag.united.nations:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Header
+ * # Fomantic-UI 2.9.0-beta.104 - Header
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23891,7 +23891,7 @@ a.ui.inverted.black.header.header.header:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Icon
+ * # Fomantic-UI 2.9.0-beta.104 - Icon
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33014,7 +33014,7 @@ i.icon.youtube.play:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Image
+ * # Fomantic-UI 2.9.0-beta.104 - Image
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33369,7 +33369,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Input
+ * # Fomantic-UI 2.9.0-beta.104 - Input
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -34193,7 +34193,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Label
+ * # Fomantic-UI 2.9.0-beta.104 - Label
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -36593,7 +36593,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - List
+ * # Fomantic-UI 2.9.0-beta.104 - List
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -37699,7 +37699,7 @@ ol.ui.suffixed.list li:before,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Loader
+ * # Fomantic-UI 2.9.0-beta.104 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38654,7 +38654,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Loader
+ * # Fomantic-UI 2.9.0-beta.104 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38941,7 +38941,7 @@ ol.ui.suffixed.list li:before,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Rail
+ * # Fomantic-UI 2.9.0-beta.104 - Rail
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39103,7 +39103,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Reveal
+ * # Fomantic-UI 2.9.0-beta.104 - Reveal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39446,7 +39446,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Segment
+ * # Fomantic-UI 2.9.0-beta.104 - Segment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -40446,7 +40446,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Step
+ * # Fomantic-UI 2.9.0-beta.104 - Step
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41218,7 +41218,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Text
+ * # Fomantic-UI 2.9.0-beta.104 - Text
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41413,7 +41413,7 @@ span.ui.massive.text {
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Breadcrumb
+ * # Fomantic-UI 2.9.0-beta.104 - Breadcrumb
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41558,7 +41558,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Form
+ * # Fomantic-UI 2.9.0-beta.104 - Form
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -43614,7 +43614,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Grid
+ * # Fomantic-UI 2.9.0-beta.104 - Grid
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -48545,7 +48545,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Message
+ * # Fomantic-UI 2.9.0-beta.104 - Message
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -49351,7 +49351,7 @@ Floated Menu / Item
         Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Table
+ * # Fomantic-UI 2.9.0-beta.104 - Table
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -49916,6 +49916,200 @@ Floated Menu / Item
     -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
     box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
   }
+
+  .ui.scrolling.table.short > tbody {
+    max-height: 6.74983929em;
+  }
+
+  .ui.scrolling.table[class*="very short"] > tbody {
+    max-height: 4.49989286em;
+  }
+
+  .ui.scrolling.table > tbody {
+    max-height: 8.99978571em;
+  }
+
+  .ui.scrolling.table.long > tbody {
+    max-height: 17.99957143em;
+  }
+
+  .ui.scrolling.table[class*="very long"] > tbody {
+    max-height: 26.99935714em;
+  }
+}
+
+/*--------------
+    Scrolling
+  ---------------*/
+
+@media only screen and (min-width: 768px) {
+  .ui.scrolling.table.short > tbody {
+    max-height: 8.99978571em;
+  }
+
+  .ui.scrolling.table[class*="very short"] > tbody {
+    max-height: 5.99985714em;
+  }
+
+  .ui.scrolling.table > tbody {
+    max-height: 11.99971429em;
+  }
+
+  .ui.scrolling.table.long > tbody {
+    max-height: 23.99942857em;
+  }
+
+  .ui.scrolling.table[class*="very long"] > tbody {
+    max-height: 35.99914286em;
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  .ui.scrolling.table.short > tbody {
+    max-height: 13.49967857em;
+  }
+
+  .ui.scrolling.table[class*="very short"] > tbody {
+    max-height: 8.99978571em;
+  }
+
+  .ui.scrolling.table > tbody {
+    max-height: 17.99957143em;
+  }
+
+  .ui.scrolling.table.long > tbody {
+    max-height: 35.99914286em;
+  }
+
+  .ui.scrolling.table[class*="very long"] > tbody {
+    max-height: 53.99871429em;
+  }
+}
+
+@media only screen and (min-width: 1920px) {
+  .ui.scrolling.table.short > tbody {
+    max-height: 17.99957143em;
+  }
+
+  .ui.scrolling.table[class*="very short"] > tbody {
+    max-height: 11.99971429em;
+  }
+
+  .ui.scrolling.table > tbody {
+    max-height: 23.99942857em;
+  }
+
+  .ui.scrolling.table.long > tbody {
+    max-height: 47.99885714em;
+  }
+
+  .ui.scrolling.table[class*="very long"] > tbody {
+    max-height: 71.99828571em;
+  }
+}
+
+.ui.scrolling.table > thead,
+.ui.scrolling.table > tfoot,
+.ui.scrolling.table > tbody {
+  display: block;
+  overflow-y: scroll;
+  scrollbar-width: thin;
+  /* Firefox */
+}
+
+.ui.scrolling.table > thead > tr,
+.ui.scrolling.table > tfoot > tr,
+.ui.scrolling.table > tbody > tr {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+}
+
+/* Camouflage scrollbars, we need them only to gain the same width as tbody */
+
+.ui.scrolling.table > thead {
+  background: #F9FAFB;
+  color: #F9FAFB;
+  border-radius: 0.28571429rem 0.28571429rem 0 0;
+}
+
+.ui.scrolling.table > tfoot {
+  background: #F9FAFB;
+  color: #F9FAFB;
+  border-radius: 0 0 0.28571429rem 0.28571429rem;
+}
+
+.ui.inverted.scrolling.table > thead {
+  background: rgba(0, 0, 0, 0.15);
+  color: rgba(0, 0, 0, 0.15);
+}
+
+.ui.inverted.scrolling.table > tfoot {
+  background: rgba(0, 0, 0, 0.15);
+  color: rgba(0, 0, 0, 0.15);
+}
+
+.ui.scrolling.table > thead::-webkit-scrollbar-track,
+.ui.scrolling.table > tfoot::-webkit-scrollbar-track {
+  background: inherit;
+  border-radius: 0.28571429rem;
+}
+
+/* Firefox & IE */
+
+.ui.scrolling.table > thead,
+.ui.scrolling.table > tfoot {
+  scrollbar-color: currentColor currentColor;
+  scrollbar-face-color: currentColor;
+  scrollbar-shadow-color: currentColor;
+  scrollbar-track-color: currentColor;
+  scrollbar-arrow-color: currentColor;
+}
+
+/* IE scrollbar color needs hex values */
+
+@media all and (-ms-high-contrast: none) {
+  .ui.scrolling.table > thead {
+    color: #F9FAFB;
+  }
+
+  .ui.scrolling.table > tfoot {
+    color: #F9FAFB;
+  }
+
+  .ui.inverted.scrolling.table > thead {
+    color: #252525;
+  }
+
+  .ui.inverted.scrolling.table > tfoot {
+    color: #252525;
+  }
+}
+
+.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.25);
+}
+
+.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(255, 255, 255, 0.15);
+}
+
+.ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.35);
+}
+
+.ui.inverted.scrolling.table > tbody {
+  /* IE11 */
+  scrollbar-face-color: #656565;
+  scrollbar-shadow-color: #656565;
+  scrollbar-track-color: #323232;
+  scrollbar-arrow-color: #323232;
+  /* firefox : first color thumb, second track */
+  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
 }
 
 /*******************************
@@ -50048,6 +50242,12 @@ Floated Menu / Item
   color: #2C662D;
 }
 
+.ui.ui.ui.ui.inverted.table tr.positive,
+.ui.ui.inverted.table td.positive {
+  background: #A3C293;
+  color: #2C662D;
+}
+
 /*--------------
        Negative
   ---------------*/
@@ -50060,6 +50260,12 @@ Floated Menu / Item
   color: #9F3A38;
 }
 
+.ui.ui.ui.ui.inverted.table tr.negative,
+.ui.ui.inverted.table td.negative {
+  background: #E0B4B4;
+  color: #9F3A38;
+}
+
 /*--------------
         Error
   ---------------*/
@@ -50072,6 +50278,12 @@ Floated Menu / Item
   color: #9F3A38;
 }
 
+.ui.ui.ui.ui.inverted.table tr.error,
+.ui.ui.inverted.table td.error {
+  background: #E0B4B4;
+  color: #9F3A38;
+}
+
 /*--------------
        Warning
   ---------------*/
@@ -50084,6 +50296,12 @@ Floated Menu / Item
   color: #573A08;
 }
 
+.ui.ui.ui.ui.inverted.table tr.warning,
+.ui.ui.inverted.table td.warning {
+  background: #EEC97E;
+  color: #573A08;
+}
+
 /*--------------
        Active
   ---------------*/
@@ -50096,12 +50314,18 @@ Floated Menu / Item
   color: rgba(0, 0, 0, 0.87);
 }
 
+.ui.ui.ui.ui.inverted.table tr.active,
+.ui.ui.inverted.table td.active {
+  background: #A0A0A0;
+  color: rgba(0, 0, 0, 0.87);
+}
+
 /*--------------
        Disabled
   ---------------*/
 
-.ui.table tr.disabled td,
-.ui.table tr td.disabled,
+.ui.ui.ui.table tr.disabled td,
+.ui.ui.ui.table tr td.disabled,
 .ui.table tr.disabled:hover,
 .ui.table tr:hover td.disabled {
   pointer-events: none;
@@ -50712,16 +50936,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.primary.table {
-  background-color: #2185D0;
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.primary,
+.ui.scrolling.table > tfoot.primary {
+  background: #ddf4ff;
+  color: #ddf4ff;
+}
+
+.ui.scrolling.table > thead.primary > tr > th,
+.ui.scrolling.table > tfoot.primary > tr > th,
+.ui.scrolling.table > thead.primary > tr > td,
+.ui.scrolling.table > tfoot.primary > tr > td {
+  background: inherit;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.scrolling.table > thead.primary,
+.ui.inverted.scrolling.table > tfoot.primary {
+  background: #2185D0;
+  color: #2185D0;
+}
+
+.ui.inverted.scrolling.table > thead.primary > tr > th,
+.ui.inverted.scrolling.table > tfoot.primary > tr > th,
+.ui.inverted.scrolling.table > thead.primary > tr > td,
+.ui.inverted.scrolling.table > tfoot.primary > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.primary:not(.marked),
+.ui.ui.table th.primary:not(.marked),
 .ui.ui.table td.primary:not(.marked) {
   background: #ddf4ff;
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ui.table > thead > tr.primary:not(.marked) > th,
+.ui.table > tfoot > tr.primary:not(.marked) > th,
+.ui.table > tfoot > tr.primary:not(.marked) > td {
+  background: inherit;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.ui.ui.ui.inverted.table tr.primary:not(.marked),
+.ui.ui.inverted.table th.primary:not(.marked),
+.ui.ui.inverted.table td.primary:not(.marked) {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.primary:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.primary:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.primary:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.primary:not(.marked):hover,
 .ui.table tr td.selectable.primary:not(.marked):hover,
 .ui.selectable.table tr:hover td.primary:not(.marked) {
@@ -50729,6 +51005,13 @@ Floated Menu / Item
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ui.ui.inverted.selectable.table tr.primary:not(.marked):hover,
+.ui.inverted.table tr td.selectable.primary:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.primary:not(.marked) {
+  background: #21b8ff;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.primary.left,
 .ui.table tr.marked.primary.left {
   -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
@@ -50758,16 +51041,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.secondary.table {
-  background-color: #1B1C1D;
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.secondary,
+.ui.scrolling.table > tfoot.secondary {
+  background: #dddddd;
+  color: #dddddd;
+}
+
+.ui.scrolling.table > thead.secondary > tr > th,
+.ui.scrolling.table > tfoot.secondary > tr > th,
+.ui.scrolling.table > thead.secondary > tr > td,
+.ui.scrolling.table > tfoot.secondary > tr > td {
+  background: inherit;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.scrolling.table > thead.secondary,
+.ui.inverted.scrolling.table > tfoot.secondary {
+  background: #1B1C1D;
+  color: #1B1C1D;
+}
+
+.ui.inverted.scrolling.table > thead.secondary > tr > th,
+.ui.inverted.scrolling.table > tfoot.secondary > tr > th,
+.ui.inverted.scrolling.table > thead.secondary > tr > td,
+.ui.inverted.scrolling.table > tfoot.secondary > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.secondary:not(.marked),
+.ui.ui.table th.secondary:not(.marked),
 .ui.ui.table td.secondary:not(.marked) {
   background: #dddddd;
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ui.table > thead > tr.secondary:not(.marked) > th,
+.ui.table > tfoot > tr.secondary:not(.marked) > th,
+.ui.table > tfoot > tr.secondary:not(.marked) > td {
+  background: inherit;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.ui.ui.ui.inverted.table tr.secondary:not(.marked),
+.ui.ui.inverted.table th.secondary:not(.marked),
+.ui.ui.inverted.table td.secondary:not(.marked) {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.secondary:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.secondary:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.secondary:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.secondary:not(.marked):hover,
 .ui.table tr td.selectable.secondary:not(.marked):hover,
 .ui.selectable.table tr:hover td.secondary:not(.marked) {
@@ -50775,6 +51110,13 @@ Floated Menu / Item
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ui.ui.inverted.selectable.table tr.secondary:not(.marked):hover,
+.ui.inverted.table tr td.selectable.secondary:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.secondary:not(.marked) {
+  background: #6e6e6e;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.secondary.left,
 .ui.table tr.marked.secondary.left {
   -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
@@ -50804,16 +51146,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.red.table {
-  background-color: #DB2828;
+  background: #DB2828;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.red,
+.ui.scrolling.table > tfoot.red {
+  background: #ffe1df;
+  color: #ffe1df;
+}
+
+.ui.scrolling.table > thead.red > tr > th,
+.ui.scrolling.table > tfoot.red > tr > th,
+.ui.scrolling.table > thead.red > tr > td,
+.ui.scrolling.table > tfoot.red > tr > td {
+  background: inherit;
+  color: #DB2828;
+}
+
+.ui.inverted.scrolling.table > thead.red,
+.ui.inverted.scrolling.table > tfoot.red {
+  background: #DB2828;
+  color: #DB2828;
+}
+
+.ui.inverted.scrolling.table > thead.red > tr > th,
+.ui.inverted.scrolling.table > tfoot.red > tr > th,
+.ui.inverted.scrolling.table > thead.red > tr > td,
+.ui.inverted.scrolling.table > tfoot.red > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.red:not(.marked),
+.ui.ui.table th.red:not(.marked),
 .ui.ui.table td.red:not(.marked) {
   background: #ffe1df;
   color: #DB2828;
 }
 
+.ui.table > thead > tr.red:not(.marked) > th,
+.ui.table > tfoot > tr.red:not(.marked) > th,
+.ui.table > tfoot > tr.red:not(.marked) > td {
+  background: inherit;
+  color: #DB2828;
+}
+
+.ui.ui.ui.ui.inverted.table tr.red:not(.marked),
+.ui.ui.inverted.table th.red:not(.marked),
+.ui.ui.inverted.table td.red:not(.marked) {
+  background: #DB2828;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.red:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.red:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.red:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.red:not(.marked):hover,
 .ui.table tr td.selectable.red:not(.marked):hover,
 .ui.selectable.table tr:hover td.red:not(.marked) {
@@ -50821,6 +51215,13 @@ Floated Menu / Item
   color: #DB2828;
 }
 
+.ui.ui.inverted.selectable.table tr.red:not(.marked):hover,
+.ui.inverted.table tr td.selectable.red:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.red:not(.marked) {
+  background: #ff392b;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.red.left,
 .ui.table tr.marked.red.left {
   -webkit-box-shadow: 0.2em 0 0 0 #DB2828 inset;
@@ -50850,16 +51251,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.orange.table {
-  background-color: #F2711C;
+  background: #F2711C;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.orange,
+.ui.scrolling.table > tfoot.orange {
+  background: #ffe7d1;
+  color: #ffe7d1;
+}
+
+.ui.scrolling.table > thead.orange > tr > th,
+.ui.scrolling.table > tfoot.orange > tr > th,
+.ui.scrolling.table > thead.orange > tr > td,
+.ui.scrolling.table > tfoot.orange > tr > td {
+  background: inherit;
+  color: #F2711C;
+}
+
+.ui.inverted.scrolling.table > thead.orange,
+.ui.inverted.scrolling.table > tfoot.orange {
+  background: #F2711C;
+  color: #F2711C;
+}
+
+.ui.inverted.scrolling.table > thead.orange > tr > th,
+.ui.inverted.scrolling.table > tfoot.orange > tr > th,
+.ui.inverted.scrolling.table > thead.orange > tr > td,
+.ui.inverted.scrolling.table > tfoot.orange > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.orange:not(.marked),
+.ui.ui.table th.orange:not(.marked),
 .ui.ui.table td.orange:not(.marked) {
   background: #ffe7d1;
   color: #F2711C;
 }
 
+.ui.table > thead > tr.orange:not(.marked) > th,
+.ui.table > tfoot > tr.orange:not(.marked) > th,
+.ui.table > tfoot > tr.orange:not(.marked) > td {
+  background: inherit;
+  color: #F2711C;
+}
+
+.ui.ui.ui.ui.inverted.table tr.orange:not(.marked),
+.ui.ui.inverted.table th.orange:not(.marked),
+.ui.ui.inverted.table td.orange:not(.marked) {
+  background: #F2711C;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.orange:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.orange:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.orange:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.orange:not(.marked):hover,
 .ui.table tr td.selectable.orange:not(.marked):hover,
 .ui.selectable.table tr:hover td.orange:not(.marked) {
@@ -50867,6 +51320,13 @@ Floated Menu / Item
   color: #F2711C;
 }
 
+.ui.ui.inverted.selectable.table tr.orange:not(.marked):hover,
+.ui.inverted.table tr td.selectable.orange:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.orange:not(.marked) {
+  background: #e76b00;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.orange.left,
 .ui.table tr.marked.orange.left {
   -webkit-box-shadow: 0.2em 0 0 0 #F2711C inset;
@@ -50896,16 +51356,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.yellow.table {
-  background-color: #FBBD08;
+  background: #FBBD08;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.yellow,
+.ui.scrolling.table > tfoot.yellow {
+  background: #fff9d2;
+  color: #fff9d2;
+}
+
+.ui.scrolling.table > thead.yellow > tr > th,
+.ui.scrolling.table > tfoot.yellow > tr > th,
+.ui.scrolling.table > thead.yellow > tr > td,
+.ui.scrolling.table > tfoot.yellow > tr > td {
+  background: inherit;
+  color: #B58105;
+}
+
+.ui.inverted.scrolling.table > thead.yellow,
+.ui.inverted.scrolling.table > tfoot.yellow {
+  background: #FBBD08;
+  color: #FBBD08;
+}
+
+.ui.inverted.scrolling.table > thead.yellow > tr > th,
+.ui.inverted.scrolling.table > tfoot.yellow > tr > th,
+.ui.inverted.scrolling.table > thead.yellow > tr > td,
+.ui.inverted.scrolling.table > tfoot.yellow > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.yellow:not(.marked),
+.ui.ui.table th.yellow:not(.marked),
 .ui.ui.table td.yellow:not(.marked) {
   background: #fff9d2;
   color: #B58105;
 }
 
+.ui.table > thead > tr.yellow:not(.marked) > th,
+.ui.table > tfoot > tr.yellow:not(.marked) > th,
+.ui.table > tfoot > tr.yellow:not(.marked) > td {
+  background: inherit;
+  color: #B58105;
+}
+
+.ui.ui.ui.ui.inverted.table tr.yellow:not(.marked),
+.ui.ui.inverted.table th.yellow:not(.marked),
+.ui.ui.inverted.table td.yellow:not(.marked) {
+  background: #FBBD08;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.yellow:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.yellow:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.yellow:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.yellow:not(.marked):hover,
 .ui.table tr td.selectable.yellow:not(.marked):hover,
 .ui.selectable.table tr:hover td.yellow:not(.marked) {
@@ -50913,6 +51425,13 @@ Floated Menu / Item
   color: #B58105;
 }
 
+.ui.ui.inverted.selectable.table tr.yellow:not(.marked):hover,
+.ui.inverted.table tr td.selectable.yellow:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.yellow:not(.marked) {
+  background: #ebcd00;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.yellow.left,
 .ui.table tr.marked.yellow.left {
   -webkit-box-shadow: 0.2em 0 0 0 #FBBD08 inset;
@@ -50942,16 +51461,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.olive.table {
-  background-color: #B5CC18;
+  background: #B5CC18;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.olive,
+.ui.scrolling.table > tfoot.olive {
+  background: #f7fae4;
+  color: #f7fae4;
+}
+
+.ui.scrolling.table > thead.olive > tr > th,
+.ui.scrolling.table > tfoot.olive > tr > th,
+.ui.scrolling.table > thead.olive > tr > td,
+.ui.scrolling.table > tfoot.olive > tr > td {
+  background: inherit;
+  color: #8ABC1E;
+}
+
+.ui.inverted.scrolling.table > thead.olive,
+.ui.inverted.scrolling.table > tfoot.olive {
+  background: #B5CC18;
+  color: #B5CC18;
+}
+
+.ui.inverted.scrolling.table > thead.olive > tr > th,
+.ui.inverted.scrolling.table > tfoot.olive > tr > th,
+.ui.inverted.scrolling.table > thead.olive > tr > td,
+.ui.inverted.scrolling.table > tfoot.olive > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.olive:not(.marked),
+.ui.ui.table th.olive:not(.marked),
 .ui.ui.table td.olive:not(.marked) {
   background: #f7fae4;
   color: #8ABC1E;
 }
 
+.ui.table > thead > tr.olive:not(.marked) > th,
+.ui.table > tfoot > tr.olive:not(.marked) > th,
+.ui.table > tfoot > tr.olive:not(.marked) > td {
+  background: inherit;
+  color: #8ABC1E;
+}
+
+.ui.ui.ui.ui.inverted.table tr.olive:not(.marked),
+.ui.ui.inverted.table th.olive:not(.marked),
+.ui.ui.inverted.table td.olive:not(.marked) {
+  background: #B5CC18;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.olive:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.olive:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.olive:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.olive:not(.marked):hover,
 .ui.table tr td.selectable.olive:not(.marked):hover,
 .ui.selectable.table tr:hover td.olive:not(.marked) {
@@ -50959,6 +51530,13 @@ Floated Menu / Item
   color: #8ABC1E;
 }
 
+.ui.ui.inverted.selectable.table tr.olive:not(.marked):hover,
+.ui.inverted.table tr td.selectable.olive:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.olive:not(.marked) {
+  background: #d2e745;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.olive.left,
 .ui.table tr.marked.olive.left {
   -webkit-box-shadow: 0.2em 0 0 0 #B5CC18 inset;
@@ -50988,16 +51566,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.green.table {
-  background-color: #21BA45;
+  background: #21BA45;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.green,
+.ui.scrolling.table > tfoot.green {
+  background: #d5f5d9;
+  color: #d5f5d9;
+}
+
+.ui.scrolling.table > thead.green > tr > th,
+.ui.scrolling.table > tfoot.green > tr > th,
+.ui.scrolling.table > thead.green > tr > td,
+.ui.scrolling.table > tfoot.green > tr > td {
+  background: inherit;
+  color: #1EBC30;
+}
+
+.ui.inverted.scrolling.table > thead.green,
+.ui.inverted.scrolling.table > tfoot.green {
+  background: #21BA45;
+  color: #21BA45;
+}
+
+.ui.inverted.scrolling.table > thead.green > tr > th,
+.ui.inverted.scrolling.table > tfoot.green > tr > th,
+.ui.inverted.scrolling.table > thead.green > tr > td,
+.ui.inverted.scrolling.table > tfoot.green > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.green:not(.marked),
+.ui.ui.table th.green:not(.marked),
 .ui.ui.table td.green:not(.marked) {
   background: #d5f5d9;
   color: #1EBC30;
 }
 
+.ui.table > thead > tr.green:not(.marked) > th,
+.ui.table > tfoot > tr.green:not(.marked) > th,
+.ui.table > tfoot > tr.green:not(.marked) > td {
+  background: inherit;
+  color: #1EBC30;
+}
+
+.ui.ui.ui.ui.inverted.table tr.green:not(.marked),
+.ui.ui.inverted.table th.green:not(.marked),
+.ui.ui.inverted.table td.green:not(.marked) {
+  background: #21BA45;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.green:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.green:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.green:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.green:not(.marked):hover,
 .ui.table tr td.selectable.green:not(.marked):hover,
 .ui.selectable.table tr:hover td.green:not(.marked) {
@@ -51005,6 +51635,13 @@ Floated Menu / Item
   color: #1EBC30;
 }
 
+.ui.ui.inverted.selectable.table tr.green:not(.marked):hover,
+.ui.inverted.table tr td.selectable.green:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.green:not(.marked) {
+  background: #1ea92e;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.green.left,
 .ui.table tr.marked.green.left {
   -webkit-box-shadow: 0.2em 0 0 0 #21BA45 inset;
@@ -51034,16 +51671,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.teal.table {
-  background-color: #00B5AD;
+  background: #00B5AD;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.teal,
+.ui.scrolling.table > tfoot.teal {
+  background: #e2ffff;
+  color: #e2ffff;
+}
+
+.ui.scrolling.table > thead.teal > tr > th,
+.ui.scrolling.table > tfoot.teal > tr > th,
+.ui.scrolling.table > thead.teal > tr > td,
+.ui.scrolling.table > tfoot.teal > tr > td {
+  background: inherit;
+  color: #10A3A3;
+}
+
+.ui.inverted.scrolling.table > thead.teal,
+.ui.inverted.scrolling.table > tfoot.teal {
+  background: #00B5AD;
+  color: #00B5AD;
+}
+
+.ui.inverted.scrolling.table > thead.teal > tr > th,
+.ui.inverted.scrolling.table > tfoot.teal > tr > th,
+.ui.inverted.scrolling.table > thead.teal > tr > td,
+.ui.inverted.scrolling.table > tfoot.teal > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.teal:not(.marked),
+.ui.ui.table th.teal:not(.marked),
 .ui.ui.table td.teal:not(.marked) {
   background: #e2ffff;
   color: #10A3A3;
 }
 
+.ui.table > thead > tr.teal:not(.marked) > th,
+.ui.table > tfoot > tr.teal:not(.marked) > th,
+.ui.table > tfoot > tr.teal:not(.marked) > td {
+  background: inherit;
+  color: #10A3A3;
+}
+
+.ui.ui.ui.ui.inverted.table tr.teal:not(.marked),
+.ui.ui.inverted.table th.teal:not(.marked),
+.ui.ui.inverted.table td.teal:not(.marked) {
+  background: #00B5AD;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.teal:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.teal:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.teal:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.teal:not(.marked):hover,
 .ui.table tr td.selectable.teal:not(.marked):hover,
 .ui.selectable.table tr:hover td.teal:not(.marked) {
@@ -51051,6 +51740,13 @@ Floated Menu / Item
   color: #10A3A3;
 }
 
+.ui.ui.inverted.selectable.table tr.teal:not(.marked):hover,
+.ui.inverted.table tr td.selectable.teal:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.teal:not(.marked) {
+  background: #3affff;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.teal.left,
 .ui.table tr.marked.teal.left {
   -webkit-box-shadow: 0.2em 0 0 0 #00B5AD inset;
@@ -51080,16 +51776,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.blue.table {
-  background-color: #2185D0;
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.blue,
+.ui.scrolling.table > tfoot.blue {
+  background: #ddf4ff;
+  color: #ddf4ff;
+}
+
+.ui.scrolling.table > thead.blue > tr > th,
+.ui.scrolling.table > tfoot.blue > tr > th,
+.ui.scrolling.table > thead.blue > tr > td,
+.ui.scrolling.table > tfoot.blue > tr > td {
+  background: inherit;
+  color: #2185D0;
+}
+
+.ui.inverted.scrolling.table > thead.blue,
+.ui.inverted.scrolling.table > tfoot.blue {
+  background: #2185D0;
+  color: #2185D0;
+}
+
+.ui.inverted.scrolling.table > thead.blue > tr > th,
+.ui.inverted.scrolling.table > tfoot.blue > tr > th,
+.ui.inverted.scrolling.table > thead.blue > tr > td,
+.ui.inverted.scrolling.table > tfoot.blue > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.blue:not(.marked),
+.ui.ui.table th.blue:not(.marked),
 .ui.ui.table td.blue:not(.marked) {
   background: #ddf4ff;
   color: #2185D0;
 }
 
+.ui.table > thead > tr.blue:not(.marked) > th,
+.ui.table > tfoot > tr.blue:not(.marked) > th,
+.ui.table > tfoot > tr.blue:not(.marked) > td {
+  background: inherit;
+  color: #2185D0;
+}
+
+.ui.ui.ui.ui.inverted.table tr.blue:not(.marked),
+.ui.ui.inverted.table th.blue:not(.marked),
+.ui.ui.inverted.table td.blue:not(.marked) {
+  background: #2185D0;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.blue:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.blue:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.blue:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.blue:not(.marked):hover,
 .ui.table tr td.selectable.blue:not(.marked):hover,
 .ui.selectable.table tr:hover td.blue:not(.marked) {
@@ -51097,6 +51845,13 @@ Floated Menu / Item
   color: #2185D0;
 }
 
+.ui.ui.inverted.selectable.table tr.blue:not(.marked):hover,
+.ui.inverted.table tr td.selectable.blue:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.blue:not(.marked) {
+  background: #21b8ff;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.blue.left,
 .ui.table tr.marked.blue.left {
   -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
@@ -51126,16 +51881,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.violet.table {
-  background-color: #6435C9;
+  background: #6435C9;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.violet,
+.ui.scrolling.table > tfoot.violet {
+  background: #ece9fe;
+  color: #ece9fe;
+}
+
+.ui.scrolling.table > thead.violet > tr > th,
+.ui.scrolling.table > tfoot.violet > tr > th,
+.ui.scrolling.table > thead.violet > tr > td,
+.ui.scrolling.table > tfoot.violet > tr > td {
+  background: inherit;
+  color: #6435C9;
+}
+
+.ui.inverted.scrolling.table > thead.violet,
+.ui.inverted.scrolling.table > tfoot.violet {
+  background: #6435C9;
+  color: #6435C9;
+}
+
+.ui.inverted.scrolling.table > thead.violet > tr > th,
+.ui.inverted.scrolling.table > tfoot.violet > tr > th,
+.ui.inverted.scrolling.table > thead.violet > tr > td,
+.ui.inverted.scrolling.table > tfoot.violet > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.violet:not(.marked),
+.ui.ui.table th.violet:not(.marked),
 .ui.ui.table td.violet:not(.marked) {
   background: #ece9fe;
   color: #6435C9;
 }
 
+.ui.table > thead > tr.violet:not(.marked) > th,
+.ui.table > tfoot > tr.violet:not(.marked) > th,
+.ui.table > tfoot > tr.violet:not(.marked) > td {
+  background: inherit;
+  color: #6435C9;
+}
+
+.ui.ui.ui.ui.inverted.table tr.violet:not(.marked),
+.ui.ui.inverted.table th.violet:not(.marked),
+.ui.ui.inverted.table td.violet:not(.marked) {
+  background: #6435C9;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.violet:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.violet:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.violet:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.violet:not(.marked):hover,
 .ui.table tr td.selectable.violet:not(.marked):hover,
 .ui.selectable.table tr:hover td.violet:not(.marked) {
@@ -51143,6 +51950,13 @@ Floated Menu / Item
   color: #6435C9;
 }
 
+.ui.ui.inverted.selectable.table tr.violet:not(.marked):hover,
+.ui.inverted.table tr td.selectable.violet:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.violet:not(.marked) {
+  background: #745aff;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.violet.left,
 .ui.table tr.marked.violet.left {
   -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
@@ -51172,16 +51986,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.purple.table {
-  background-color: #A333C8;
+  background: #A333C8;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.purple,
+.ui.scrolling.table > tfoot.purple {
+  background: #f8e3ff;
+  color: #f8e3ff;
+}
+
+.ui.scrolling.table > thead.purple > tr > th,
+.ui.scrolling.table > tfoot.purple > tr > th,
+.ui.scrolling.table > thead.purple > tr > td,
+.ui.scrolling.table > tfoot.purple > tr > td {
+  background: inherit;
+  color: #A333C8;
+}
+
+.ui.inverted.scrolling.table > thead.purple,
+.ui.inverted.scrolling.table > tfoot.purple {
+  background: #A333C8;
+  color: #A333C8;
+}
+
+.ui.inverted.scrolling.table > thead.purple > tr > th,
+.ui.inverted.scrolling.table > tfoot.purple > tr > th,
+.ui.inverted.scrolling.table > thead.purple > tr > td,
+.ui.inverted.scrolling.table > tfoot.purple > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.purple:not(.marked),
+.ui.ui.table th.purple:not(.marked),
 .ui.ui.table td.purple:not(.marked) {
   background: #f8e3ff;
   color: #A333C8;
 }
 
+.ui.table > thead > tr.purple:not(.marked) > th,
+.ui.table > tfoot > tr.purple:not(.marked) > th,
+.ui.table > tfoot > tr.purple:not(.marked) > td {
+  background: inherit;
+  color: #A333C8;
+}
+
+.ui.ui.ui.ui.inverted.table tr.purple:not(.marked),
+.ui.ui.inverted.table th.purple:not(.marked),
+.ui.ui.inverted.table td.purple:not(.marked) {
+  background: #A333C8;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.purple:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.purple:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.purple:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.purple:not(.marked):hover,
 .ui.table tr td.selectable.purple:not(.marked):hover,
 .ui.selectable.table tr:hover td.purple:not(.marked) {
@@ -51189,6 +52055,13 @@ Floated Menu / Item
   color: #A333C8;
 }
 
+.ui.ui.inverted.selectable.table tr.purple:not(.marked):hover,
+.ui.inverted.table tr td.selectable.purple:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.purple:not(.marked) {
+  background: #cf40ff;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.purple.left,
 .ui.table tr.marked.purple.left {
   -webkit-box-shadow: 0.2em 0 0 0 #A333C8 inset;
@@ -51218,16 +52091,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.pink.table {
-  background-color: #E03997;
+  background: #E03997;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.pink,
+.ui.scrolling.table > tfoot.pink {
+  background: #ffe8f9;
+  color: #ffe8f9;
+}
+
+.ui.scrolling.table > thead.pink > tr > th,
+.ui.scrolling.table > tfoot.pink > tr > th,
+.ui.scrolling.table > thead.pink > tr > td,
+.ui.scrolling.table > tfoot.pink > tr > td {
+  background: inherit;
+  color: #E03997;
+}
+
+.ui.inverted.scrolling.table > thead.pink,
+.ui.inverted.scrolling.table > tfoot.pink {
+  background: #E03997;
+  color: #E03997;
+}
+
+.ui.inverted.scrolling.table > thead.pink > tr > th,
+.ui.inverted.scrolling.table > tfoot.pink > tr > th,
+.ui.inverted.scrolling.table > thead.pink > tr > td,
+.ui.inverted.scrolling.table > tfoot.pink > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.pink:not(.marked),
+.ui.ui.table th.pink:not(.marked),
 .ui.ui.table td.pink:not(.marked) {
   background: #ffe8f9;
   color: #E03997;
 }
 
+.ui.table > thead > tr.pink:not(.marked) > th,
+.ui.table > tfoot > tr.pink:not(.marked) > th,
+.ui.table > tfoot > tr.pink:not(.marked) > td {
+  background: inherit;
+  color: #E03997;
+}
+
+.ui.ui.ui.ui.inverted.table tr.pink:not(.marked),
+.ui.ui.inverted.table th.pink:not(.marked),
+.ui.ui.inverted.table td.pink:not(.marked) {
+  background: #E03997;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.pink:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.pink:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.pink:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.pink:not(.marked):hover,
 .ui.table tr td.selectable.pink:not(.marked):hover,
 .ui.selectable.table tr:hover td.pink:not(.marked) {
@@ -51235,6 +52160,13 @@ Floated Menu / Item
   color: #E03997;
 }
 
+.ui.ui.inverted.selectable.table tr.pink:not(.marked):hover,
+.ui.inverted.table tr td.selectable.pink:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.pink:not(.marked) {
+  background: #ff5bd1;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.pink.left,
 .ui.table tr.marked.pink.left {
   -webkit-box-shadow: 0.2em 0 0 0 #E03997 inset;
@@ -51264,16 +52196,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.brown.table {
-  background-color: #A5673F;
+  background: #A5673F;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.brown,
+.ui.scrolling.table > tfoot.brown {
+  background: #f7e5d2;
+  color: #f7e5d2;
+}
+
+.ui.scrolling.table > thead.brown > tr > th,
+.ui.scrolling.table > tfoot.brown > tr > th,
+.ui.scrolling.table > thead.brown > tr > td,
+.ui.scrolling.table > tfoot.brown > tr > td {
+  background: inherit;
+  color: #A5673F;
+}
+
+.ui.inverted.scrolling.table > thead.brown,
+.ui.inverted.scrolling.table > tfoot.brown {
+  background: #A5673F;
+  color: #A5673F;
+}
+
+.ui.inverted.scrolling.table > thead.brown > tr > th,
+.ui.inverted.scrolling.table > tfoot.brown > tr > th,
+.ui.inverted.scrolling.table > thead.brown > tr > td,
+.ui.inverted.scrolling.table > tfoot.brown > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.brown:not(.marked),
+.ui.ui.table th.brown:not(.marked),
 .ui.ui.table td.brown:not(.marked) {
   background: #f7e5d2;
   color: #A5673F;
 }
 
+.ui.table > thead > tr.brown:not(.marked) > th,
+.ui.table > tfoot > tr.brown:not(.marked) > th,
+.ui.table > tfoot > tr.brown:not(.marked) > td {
+  background: inherit;
+  color: #A5673F;
+}
+
+.ui.ui.ui.ui.inverted.table tr.brown:not(.marked),
+.ui.ui.inverted.table th.brown:not(.marked),
+.ui.ui.inverted.table td.brown:not(.marked) {
+  background: #A5673F;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.brown:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.brown:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.brown:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.brown:not(.marked):hover,
 .ui.table tr td.selectable.brown:not(.marked):hover,
 .ui.selectable.table tr:hover td.brown:not(.marked) {
@@ -51281,6 +52265,13 @@ Floated Menu / Item
   color: #A5673F;
 }
 
+.ui.ui.inverted.selectable.table tr.brown:not(.marked):hover,
+.ui.inverted.table tr td.selectable.brown:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.brown:not(.marked) {
+  background: #b0620f;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.brown.left,
 .ui.table tr.marked.brown.left {
   -webkit-box-shadow: 0.2em 0 0 0 #A5673F inset;
@@ -51310,16 +52301,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.grey.table {
-  background-color: #767676;
+  background: #767676;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.grey,
+.ui.scrolling.table > tfoot.grey {
+  background: #DCDDDE;
+  color: #DCDDDE;
+}
+
+.ui.scrolling.table > thead.grey > tr > th,
+.ui.scrolling.table > tfoot.grey > tr > th,
+.ui.scrolling.table > thead.grey > tr > td,
+.ui.scrolling.table > tfoot.grey > tr > td {
+  background: inherit;
+  color: #767676;
+}
+
+.ui.inverted.scrolling.table > thead.grey,
+.ui.inverted.scrolling.table > tfoot.grey {
+  background: #767676;
+  color: #767676;
+}
+
+.ui.inverted.scrolling.table > thead.grey > tr > th,
+.ui.inverted.scrolling.table > tfoot.grey > tr > th,
+.ui.inverted.scrolling.table > thead.grey > tr > td,
+.ui.inverted.scrolling.table > tfoot.grey > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.grey:not(.marked),
+.ui.ui.table th.grey:not(.marked),
 .ui.ui.table td.grey:not(.marked) {
   background: #DCDDDE;
   color: #767676;
 }
 
+.ui.table > thead > tr.grey:not(.marked) > th,
+.ui.table > tfoot > tr.grey:not(.marked) > th,
+.ui.table > tfoot > tr.grey:not(.marked) > td {
+  background: inherit;
+  color: #767676;
+}
+
+.ui.ui.ui.ui.inverted.table tr.grey:not(.marked),
+.ui.ui.inverted.table th.grey:not(.marked),
+.ui.ui.inverted.table td.grey:not(.marked) {
+  background: #767676;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.grey:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.grey:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.grey:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.grey:not(.marked):hover,
 .ui.table tr td.selectable.grey:not(.marked):hover,
 .ui.selectable.table tr:hover td.grey:not(.marked) {
@@ -51327,6 +52370,13 @@ Floated Menu / Item
   color: #767676;
 }
 
+.ui.ui.inverted.selectable.table tr.grey:not(.marked):hover,
+.ui.inverted.table tr td.selectable.grey:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.grey:not(.marked) {
+  background: #c2c4c5;
+  color: #FFFFFF;
+}
+
 .ui.table td.marked.grey.left,
 .ui.table tr.marked.grey.left {
   -webkit-box-shadow: 0.2em 0 0 0 #767676 inset;
@@ -51356,16 +52406,68 @@ Floated Menu / Item
 }
 
 .ui.inverted.black.table {
-  background-color: #1B1C1D;
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.black,
+.ui.scrolling.table > tfoot.black {
+  background: #545454;
+  color: #545454;
+}
+
+.ui.scrolling.table > thead.black > tr > th,
+.ui.scrolling.table > tfoot.black > tr > th,
+.ui.scrolling.table > thead.black > tr > td,
+.ui.scrolling.table > tfoot.black > tr > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
+.ui.inverted.scrolling.table > thead.black,
+.ui.inverted.scrolling.table > tfoot.black {
+  background: #1B1C1D;
+  color: #1B1C1D;
+}
+
+.ui.inverted.scrolling.table > thead.black > tr > th,
+.ui.inverted.scrolling.table > tfoot.black > tr > th,
+.ui.inverted.scrolling.table > thead.black > tr > td,
+.ui.inverted.scrolling.table > tfoot.black > tr > td {
+  background: inherit;
   color: #FFFFFF;
 }
 
 .ui.ui.ui.ui.table tr.black:not(.marked),
+.ui.ui.table th.black:not(.marked),
 .ui.ui.table td.black:not(.marked) {
   background: #545454;
   color: #FFFFFF;
 }
 
+.ui.table > thead > tr.black:not(.marked) > th,
+.ui.table > tfoot > tr.black:not(.marked) > th,
+.ui.table > tfoot > tr.black:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
+.ui.ui.ui.ui.inverted.table tr.black:not(.marked),
+.ui.ui.inverted.table th.black:not(.marked),
+.ui.ui.inverted.table td.black:not(.marked) {
+  background: #1B1C1D;
+  color: #FFFFFF;
+}
+
+.ui.inverted.table > thead > tr.black:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.black:not(.marked) > th,
+.ui.inverted.table > tfoot > tr.black:not(.marked) > td {
+  background: inherit;
+  color: #FFFFFF;
+}
+
 .ui.ui.selectable.table tr.black:not(.marked):hover,
 .ui.table tr td.selectable.black:not(.marked):hover,
 .ui.selectable.table tr:hover td.black:not(.marked) {
@@ -51373,6 +52475,13 @@ Floated Menu / Item
   color: #FFFFFF;
 }
 
+.ui.ui.inverted.selectable.table tr.black:not(.marked):hover,
+.ui.inverted.table tr td.selectable.black:not(.marked):hover,
+.ui.inverted.selectable.table tr:hover td.black:not(.marked) {
+  background: #000000;
+  color: #1B1C1D;
+}
+
 .ui.table td.marked.black.left,
 .ui.table tr.marked.black.left {
   -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
@@ -51673,14 +52782,19 @@ Floated Menu / Item
 
 .ui.ui.inverted.table > thead > tr > th,
 .ui.ui.inverted.table > tbody > tr > th,
-.ui.ui.inverted.table > tfoot > tr > th,
-.ui.ui.inverted.table > tfoot > tr > td,
 .ui.ui.inverted.table > tr > th {
   background-color: rgba(0, 0, 0, 0.15);
   border-color: rgba(255, 255, 255, 0.1);
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ui.ui.inverted.table > tfoot > tr > th,
+.ui.ui.inverted.table > tfoot > tr > td {
+  background-color: rgba(0, 0, 0, 0.15);
+  border-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.9);
+}
+
 .ui.inverted.table > tbody > tr > td,
 .ui.inverted.table > tfoot > tr > td,
 .ui.inverted.table > tr > td {
@@ -51695,7 +52809,7 @@ Floated Menu / Item
   color: rgba(225, 225, 225, 0.3);
 }
 
-.ui.inverted.table tr td.disabled:not([class="disabled"]),
+.ui.ui.ui.inverted.table tr td.disabled:not([class="disabled"]),
 .ui.inverted.table tr.disabled:not([class="disabled"]) td,
 .ui.inverted.table tr.disabled td[class]:not(.disabled),
 .ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
@@ -51945,7 +53059,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Ad
+ * # Fomantic-UI 2.9.0-beta.104 - Ad
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -52234,7 +53348,7 @@ Floated Menu / Item
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Card
+ * # Fomantic-UI 2.9.0-beta.104 - Card
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -53801,7 +54915,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Comment
+ * # Fomantic-UI 2.9.0-beta.104 - Comment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -54116,7 +55230,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Feed
+ * # Fomantic-UI 2.9.0-beta.104 - Feed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -54471,7 +55585,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Item
+ * # Fomantic-UI 2.9.0-beta.104 - Item
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -55107,7 +56221,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Statistic
+ * # Fomantic-UI 2.9.0-beta.104 - Statistic
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -55813,7 +56927,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Accordion
+ * # Fomantic-UI 2.9.0-beta.104 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56119,7 +57233,7 @@ a.inverted.ui.card:hover,
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Calendar
+ * # Fomantic-UI 2.9.0-beta.104 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56310,7 +57424,7 @@ a.inverted.ui.card:hover,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Checkbox
+ * # Fomantic-UI 2.9.0-beta.104 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57210,7 +58324,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Dimmer
+ * # Fomantic-UI 2.9.0-beta.104 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57731,7 +58845,7 @@ body.dimmable > .dimmer {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Dropdown
+ * # Fomantic-UI 2.9.0-beta.104 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -60063,7 +61177,7 @@ select.ui.dropdown {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Video
+ * # Fomantic-UI 2.9.0-beta.104 - Video
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -60228,7 +61342,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Modal
+ * # Fomantic-UI 2.9.0-beta.104 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61105,7 +62219,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Nag
+ * # Fomantic-UI 2.9.0-beta.104 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61444,7 +62558,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Popup
+ * # Fomantic-UI 2.9.0-beta.104 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62359,7 +63473,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Progress Bar
+ * # Fomantic-UI 2.9.0-beta.104 - Progress Bar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -64279,7 +65393,7 @@ a.ui.nag {
         Slider Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Rating
+ * # Fomantic-UI 2.9.0-beta.104 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -64782,7 +65896,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Search
+ * # Fomantic-UI 2.9.0-beta.104 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65364,7 +66478,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Shape
+ * # Fomantic-UI 2.9.0-beta.104 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -65525,7 +66639,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Sidebar
+ * # Fomantic-UI 2.9.0-beta.104 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66212,7 +67326,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Sticky
+ * # Fomantic-UI 2.9.0-beta.104 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66285,7 +67399,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Tab
+ * # Fomantic-UI 2.9.0-beta.104 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66369,7 +67483,7 @@ body.pushable > .pusher {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Toast
+ * # Fomantic-UI 2.9.0-beta.104 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67361,7 +68475,7 @@ body.pushable > .pusher {
   }
 }
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Transition
+ * # Fomantic-UI 2.9.0-beta.104 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *