j1-template 2022.0.0 → 2022.0.1

data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.css

@@ -117,8 +117,8 @@
   --bs-dark-rgb: 33, 33, 33;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-body-color-rgb: 245, 245, 245;
-  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-body-color-rgb: 224, 224, 224;
+  --bs-body-bg-rgb: 66, 66, 66;
   --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
@@ -126,8 +126,8 @@
   --bs-body-font-size: 0.9375rem;
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
-  --bs-body-color: #f5f5f5;
-  --bs-body-bg: #fff; }
+  --bs-body-color: #e0e0e0;
+  --bs-body-bg: #424242; }
 
 *,
 *::before,
@@ -262,10 +262,10 @@ sup {
   top: -.5em; }
 
 a {
-  color: #fff;
+  color: #2196f3;
   text-decoration: underline; }
   a:hover {
-    color: #cccccc; }
+    color: #1a78c2; }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
   color: inherit;
@@ -324,7 +324,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #757575;
+  color: #bdbdbd;
   text-align: left; }
 
 th {
@@ -554,7 +554,7 @@ progress {
 
 .img-thumbnail {
   padding: 0.25rem;
-  background-color: #fff;
+  background-color: #424242;
   border: 1px solid #e0e0e0;
   border-radius: 0.25rem;
   max-width: 100%;
@@ -1599,7 +1599,7 @@ progress {
 .form-text {
   margin-top: 0.25rem;
   font-size: 0.875em;
-  color: #757575; }
+  color: #bdbdbd; }
 
 .form-control {
   display: block;
@@ -1608,8 +1608,8 @@ progress {
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #f5f5f5;
-  background-color: #fff;
+  color: #e0e0e0;
+  background-color: #424242;
   background-clip: padding-box;
   border: 1px solid #bdbdbd;
   appearance: none;
@@ -1623,8 +1623,8 @@ progress {
     .form-control[type="file"]:not(:disabled):not([readonly]) {
       cursor: pointer; }
   .form-control:focus {
-    color: #f5f5f5;
-    background-color: #fff;
+    color: #e0e0e0;
+    background-color: #424242;
     border-color: #90cbf9;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
@@ -1640,7 +1640,7 @@ progress {
     padding: 0.75rem 1rem;
     margin: -0.75rem -1rem;
     margin-inline-end: 1rem;
-    color: #f5f5f5;
+    color: #e0e0e0;
     background-color: #eee;
     pointer-events: none;
     border-color: inherit;
@@ -1658,7 +1658,7 @@ progress {
     padding: 0.75rem 1rem;
     margin: -0.75rem -1rem;
     margin-inline-end: 1rem;
-    color: #f5f5f5;
+    color: #e0e0e0;
     background-color: #eee;
     pointer-events: none;
     border-color: inherit;
@@ -1679,7 +1679,7 @@ progress {
   padding: 0.75rem 0;
   margin-bottom: 0;
   line-height: 1.5;
-  color: #f5f5f5;
+  color: #e0e0e0;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0; }
@@ -1745,8 +1745,8 @@ textarea.form-control-lg {
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #f5f5f5;
-  background-color: #fff;
+  color: #e0e0e0;
+  background-color: #424242;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23424242' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 1rem center;
@@ -1769,7 +1769,7 @@ textarea.form-control-lg {
     background-color: #eee; }
   .form-select:-moz-focusring {
     color: transparent;
-    text-shadow: 0 0 0 #f5f5f5; }
+    text-shadow: 0 0 0 #e0e0e0; }
 
 .form-select-sm {
   padding-top: 0.25rem;
@@ -1799,7 +1799,7 @@ textarea.form-control-lg {
   height: 1em;
   margin-top: 0.25em;
   vertical-align: top;
-  background-color: #fff;
+  background-color: #424242;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
@@ -1874,9 +1874,9 @@ textarea.form-control-lg {
   .form-range:focus {
     outline: 0; }
     .form-range:focus::-webkit-slider-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
+      box-shadow: 0 0 0 1px #424242, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
     .form-range:focus::-moz-range-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
+      box-shadow: 0 0 0 1px #424242, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
   .form-range::-moz-focus-outer {
     border: 0; }
   .form-range::-webkit-slider-thumb {
@@ -1998,7 +1998,7 @@ textarea.form-control-lg {
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #f5f5f5;
+  color: #e0e0e0;
   text-align: center;
   white-space: nowrap;
   background-color: #eee;
@@ -2190,7 +2190,7 @@ textarea.form-control-lg {
   display: inline-block;
   font-weight: 400;
   line-height: 1.5;
-  color: #f5f5f5;
+  color: #e0e0e0;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
@@ -2206,7 +2206,7 @@ textarea.form-control-lg {
     .btn {
       transition: none; } }
   .btn:hover {
-    color: #f5f5f5; }
+    color: #e0e0e0; }
   .btn-check:focus + .btn, .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
@@ -2609,10 +2609,10 @@ textarea.form-control-lg {
 
 .btn-link {
   font-weight: 400;
-  color: #fff;
+  color: #2196f3;
   text-decoration: underline; }
   .btn-link:hover {
-    color: #cccccc; }
+    color: #1a78c2; }
   .btn-link:disabled, .btn-link.disabled {
     color: #757575; }
 
@@ -2680,7 +2680,7 @@ textarea.form-control-lg {
   padding: 0.5rem 0;
   margin: 0;
   font-size: 0.9375rem;
-  color: #f5f5f5;
+  color: #e0e0e0;
   text-align: left;
   list-style: none;
   background-color: #424242;
@@ -2849,7 +2849,7 @@ textarea.form-control-lg {
   padding: 0.25rem 1rem;
   clear: both;
   font-weight: 400;
-  color: #f5f5f5;
+  color: #e0e0e0;
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
@@ -2857,11 +2857,11 @@ textarea.form-control-lg {
   border: 0; }
   .dropdown-item:hover, .dropdown-item:focus {
     color: #fff;
-    background-color: #fff; }
+    background-color: #424242; }
   .dropdown-item.active, .dropdown-item:active {
     color: #fff;
     text-decoration: none;
-    background-color: #fff; }
+    background-color: #424242; }
   .dropdown-item.disabled, .dropdown-item:disabled {
     color: #9e9e9e;
     pointer-events: none;
@@ -2881,7 +2881,7 @@ textarea.form-control-lg {
 .dropdown-item-text {
   display: block;
   padding: 0.25rem 1rem;
-  color: #f5f5f5; }
+  color: #e0e0e0; }
 
 .dropdown-menu-dark {
   color: #e0e0e0;
@@ -2894,7 +2894,7 @@ textarea.form-control-lg {
       background-color: rgba(255, 255, 255, 0.15); }
     .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
       color: #fff;
-      background-color: #fff; }
+      background-color: #424242; }
     .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
       color: #9e9e9e; }
   .dropdown-menu-dark .dropdown-divider {
@@ -2996,14 +2996,14 @@ textarea.form-control-lg {
 .nav-link {
   display: block;
   padding: 0.5rem 1rem;
-  color: #fff;
+  color: #2196f3;
   text-decoration: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
   @media (prefers-reduced-motion: reduce) {
     .nav-link {
       transition: none; } }
   .nav-link:hover, .nav-link:focus {
-    color: #cccccc; }
+    color: #1a78c2; }
   .nav-link.disabled {
     color: #757575;
     pointer-events: none;
@@ -3027,7 +3027,7 @@ textarea.form-control-lg {
   .nav-tabs .nav-link.active,
   .nav-tabs .nav-item.show .nav-link {
     color: #fff;
-    background-color: #fff;
+    background-color: #424242;
     border-color: rgba(0, 0, 0, 0.6); }
   .nav-tabs .dropdown-menu {
     margin-top: -1px;
@@ -3457,7 +3457,7 @@ textarea.form-control-lg {
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
-  background-color: white;
+  background-color: #4f4f4f;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.6);
   border-radius: 0.25rem; }
@@ -3516,6 +3516,9 @@ textarea.form-control-lg {
   margin-bottom: -0.5rem;
   margin-left: -0.5rem;
   border-bottom: 0; }
+  .card-header-tabs .nav-link.active {
+    background-color: #4f4f4f;
+    border-bottom-color: #4f4f4f; }
 
 .card-header-pills {
   margin-right: -0.5rem;
@@ -3584,9 +3587,9 @@ textarea.form-control-lg {
   width: 100%;
   padding: 1rem 1.25rem;
   font-size: 0.9375rem;
-  color: #f5f5f5;
+  color: #e0e0e0;
   text-align: left;
-  background-color: #fff;
+  background-color: #424242;
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
@@ -3607,7 +3610,7 @@ textarea.form-control-lg {
     height: 1.25rem;
     margin-left: auto;
     content: "";
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f5f5f5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e0e0e0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-size: 1.25rem;
     transition: transform 0.2s ease-in-out; }
@@ -3626,7 +3629,7 @@ textarea.form-control-lg {
   margin-bottom: 0; }
 
 .accordion-item {
-  background-color: #fff;
+  background-color: #424242;
   border: 1px solid rgba(0, 0, 0, 0.125); }
   .accordion-item:first-of-type {
     border-top-left-radius: 0.25rem;
@@ -3704,7 +3707,7 @@ textarea.form-control-lg {
     border-color: rgba(0, 0, 0, 0.6); }
   .page-link:focus {
     z-index: 3;
-    color: #cccccc;
+    color: #1a78c2;
     background-color: #eee;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); }
@@ -3913,9 +3916,9 @@ textarea.form-control-lg {
     z-index: 1;
     color: #fff;
     text-decoration: none;
-    background-color: white; }
+    background-color: #5c5c5c; }
   .list-group-item-action:active {
-    color: #f5f5f5;
+    color: #e0e0e0;
     background-color: #eee; }
 
 .list-group-item {
@@ -3924,7 +3927,7 @@ textarea.form-control-lg {
   padding: 0.5rem 1rem;
   color: #212121;
   text-decoration: none;
-  background-color: white;
+  background-color: #4f4f4f;
   border: 1px solid rgba(0, 0, 0, 0.6); }
   .list-group-item:first-child {
     border-top-left-radius: inherit;
@@ -3935,11 +3938,11 @@ textarea.form-control-lg {
   .list-group-item.disabled, .list-group-item:disabled {
     color: #616161;
     pointer-events: none;
-    background-color: white; }
+    background-color: #4f4f4f; }
   .list-group-item.active {
     z-index: 2;
     color: #fff;
-    background-color: white;
+    background-color: #5c5c5c;
     border-color: rgba(0, 0, 0, 0.6); }
   .list-group-item + .list-group-item {
     border-top-width: 0; }
@@ -4180,7 +4183,7 @@ textarea.form-control-lg {
   max-width: 100%;
   font-size: 0.875rem;
   pointer-events: auto;
-  background-color: white;
+  background-color: #4f4f4f;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
@@ -4201,8 +4204,8 @@ textarea.form-control-lg {
   display: flex;
   align-items: center;
   padding: 0.5rem 0.75rem;
-  color: #f5f5f5;
-  background-color: white;
+  color: #e0e0e0;
+  background-color: #4f4f4f;
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   border-top-left-radius: calc(0.25rem - 1px);
@@ -4262,7 +4265,7 @@ textarea.form-control-lg {
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
-  background-color: white;
+  background-color: #4f4f4f;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0.3rem;
@@ -4543,7 +4546,7 @@ textarea.form-control-lg {
   line-break: auto;
   font-size: 0.82031rem;
   word-wrap: break-word;
-  background-color: white;
+  background-color: #4f4f4f;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0.3rem; }
@@ -4568,7 +4571,7 @@ textarea.form-control-lg {
   .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
     bottom: 1px;
     border-width: 0.5rem 0.5rem 0;
-    border-top-color: white; }
+    border-top-color: #4f4f4f; }
 
 .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
   left: calc(-0.5rem - 1px);
@@ -4581,7 +4584,7 @@ textarea.form-control-lg {
   .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
     left: 1px;
     border-width: 0.5rem 0.5rem 0.5rem 0;
-    border-right-color: white; }
+    border-right-color: #4f4f4f; }
 
 .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
   top: calc(-0.5rem - 1px); }
@@ -4592,7 +4595,7 @@ textarea.form-control-lg {
   .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
     top: 1px;
     border-width: 0 0.5rem 0.5rem 0.5rem;
-    border-bottom-color: white; }
+    border-bottom-color: #4f4f4f; }
 
 .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
   position: absolute;
@@ -4602,7 +4605,7 @@ textarea.form-control-lg {
   width: 1rem;
   margin-left: -0.5rem;
   content: "";
-  border-bottom: 1px solid #f0f0f0; }
+  border-bottom: 1px solid #4a4a4a; }
 
 .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
   right: calc(-0.5rem - 1px);
@@ -4615,13 +4618,13 @@ textarea.form-control-lg {
   .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
     right: 1px;
     border-width: 0.5rem 0 0.5rem 0.5rem;
-    border-left-color: white; }
+    border-left-color: #4f4f4f; }
 
 .popover-header {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 0.9375rem;
-  background-color: #f0f0f0;
+  background-color: #4a4a4a;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px); }
@@ -4630,7 +4633,7 @@ textarea.form-control-lg {
 
 .popover-body {
   padding: 1rem 1rem;
-  color: #f5f5f5; }
+  color: #e0e0e0; }
 
 .carousel {
   position: relative; }
@@ -4862,7 +4865,7 @@ textarea.form-control-lg {
   flex-direction: column;
   max-width: 100%;
   visibility: hidden;
-  background-color: white;
+  background-color: #4f4f4f;
   background-clip: padding-box;
   outline: 0;
   transition: transform 0.3s ease-in-out; }
@@ -6000,7 +6003,7 @@ textarea.form-control-lg {
 
 .text-muted {
   --bs-text-opacity: 1;
-  color: #757575 !important; }
+  color: #bdbdbd !important; }
 
 .text-black-50 {
   --bs-text-opacity: 1;
@@ -7940,7 +7943,7 @@ textarea.form-control-lg {
   .alert-light,
   .alert-light a:not(.btn),
   .alert-light .alert-link {
-    color: #fff; }
+    color: #424242; }
 
 /*
  # -----------------------------------------------------------------------------
@@ -7993,14 +7996,11 @@ textarea.form-control-lg {
 */
 .btn {
   color: #bdbdbd !important;
-  border-color: rgba(0, 0, 0, 0.6) !important;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
   .btn:not([disabled]):not(.disabled).active, .btn.disabled {
-    border-color: rgba(0, 0, 0, 0.6) !important;
     box-shadow: none; }
   .btn:hover, .btn:focus, .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled):active:hover, .btn:not([disabled]):not(.disabled).active:hover {
-    color: #757575 !important;
-    border-color: rgba(0, 0, 0, 0.6) !important; }
+    color: #e0e0e0 !important; }
 
 .btn-primary.btn-raised {
   background-color: #212121 !important;
@@ -8051,14 +8051,17 @@ textarea.form-control-lg {
 .btn-outline.btn-raised-primary {
   color: #f5f5f5 !important; }
 
-.btn-link,
-.btn-link:hover {
+.btn-link {
+  color: #616161 !important;
   border-color: transparent; }
 
 .btn-group .btn.active,
 .btn-group-vertical .btn.active {
   border-color: rgba(0, 0, 0, 0.6) !important; }
 
+.btn-check:focus + .btn, .btn:focus {
+  box-shadow: unset; }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/100_template_css/scss/theme_uno_dark/bootstrap/_cards.scss
@@ -8078,7 +8081,7 @@ textarea.form-control-lg {
   .card .card-header {
     border-bottom: 0; }
   .card .card-footer {
-    background-color: transparent !important;
+    background-color: rgba(255, 255, 255, 0.4) !important;
     border-top: 1px dotted rgba(0, 0, 0, 0.7); }
   .card hr {
     border-top: 1px solid #757575 !important; }
@@ -8137,28 +8140,12 @@ legend {
 
 .form-control,
 .form-control:focus {
-  background-color: #e0e0e0; }
+  background-color: #42a5f5; }
 
 select.form-control[size],
 select.form-control[multiple] {
   overflow-y: hidden; }
 
-/*
- # -----------------------------------------------------------------------------
- # ~/100_template_css/scss/theme_uno_dark/bootstrap/_jumbotron.scss
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
-*/
-.jumbotron {
-  border: 1px solid rgba(0, 0, 0, 0.6); }
-
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/bootstrap/_links.scss
@@ -8174,15 +8161,10 @@ select.form-control[multiple] {
  # -----------------------------------------------------------------------------
 */
 a {
-  color: #2196f3;
-  font-weight: 500 !important; }
+  color: #9e9e9e !important; }
 
 a:hover {
-  color: #bdbdbd !important; }
-
-li > a:hover {
-  color: #bdbdbd !important;
-  font-weight: 500 !important; }
+  color: #e0e0e0 !important; }
 
 /*
  # -----------------------------------------------------------------------------
@@ -8367,7 +8349,7 @@ li > a:hover {
 
 /*
  # -----------------------------------------------------------------------------
- # ~/100_template_css/scss/theme_uno_dark/_reboot.scss
+ # ~/100_template_css/scss/theme_uno_dark/bootstrap/_tables.scss
  #
  # Product/Info:
  # https://jekyll.one
@@ -8378,16 +8360,78 @@ li > a:hover {
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-body {
-  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
-  font-weight: 400;
-  color: #bdbdbd; }
+table.frame-all {
+  border-left: 1px solid #424242 !important; }
+
+table tr th, table tr td {
+  border-right: 1px solid #424242 !important;
+  border-bottom: 1px solid #424242 !important; }
+
+table thead, table tfoot {
+  background: #1976d2; }
 
-a:focus {
-  outline: none; }
+table {
+  background: #bdbdbd; }
+
+table tr.even, table tr.alt, table tr:nth-of-type(even) {
+  background: rgba(0, 0, 0, 0.1) !important; }
+
+.table-primary, .table-secondary, .table-success, .table-info, .table-warning, .table-danger {
+  color: #fff; }
+
+.table-primary, .table-primary > th, .table-primary > td {
+  background-color: #2196f3; }
+
+.table-secondary, .table-secondary > th, .table-secondary > td {
+  background-color: #757575; }
+
+.table-light, .table-light > th, .table-light > td {
+  background-color: #f5f5f5; }
+
+.table-dark, .table-dark > th, .table-dark > td {
+  background-color: #212121; }
+
+.table-success, .table-success > th, .table-success > td {
+  background-color: #4caf50; }
+
+.table-info, .table-info > th, .table-info > td {
+  background-color: #00bcd4; }
+
+.table-danger, .table-danger > th, .table-danger > td {
+  background-color: #f44336; }
+
+.table-warning, .table-warning > th, .table-warning > td {
+  background-color: #fbc02d; }
 
-button:focus {
-  outline: none; }
+.table-active, .table-active > th, .table-active > td {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.table-hover .table-primary:hover, .table-hover .table-primary:hover > th, .table-hover .table-primary:hover > td {
+  background-color: #0d8aee; }
+
+.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > th, .table-hover .table-secondary:hover > td {
+  background-color: #686868; }
+
+.table-hover .table-light:hover, .table-hover .table-light:hover > th, .table-hover .table-light:hover > td {
+  background-color: #e8e8e8; }
+
+.table-hover .table-dark:hover, .table-hover .table-dark:hover > th, .table-hover .table-dark:hover > td {
+  background-color: #141414; }
+
+.table-hover .table-success:hover, .table-hover .table-success:hover > th, .table-hover .table-success:hover > td {
+  background-color: #449d48; }
+
+.table-hover .table-info:hover, .table-hover .table-info:hover > th, .table-hover .table-info:hover > td {
+  background-color: #00a5bb; }
+
+.table-hover .table-danger:hover, .table-hover .table-danger:hover > th, .table-hover .table-danger:hover > td {
+  background-color: #f32c1e; }
+
+.table-hover .table-warning:hover, .table-hover .table-warning:hover > th, .table-hover .table-warning:hover > td {
+  background-color: #fbb814; }
+
+.table-hover .table-active:hover, .table-hover .table-active:hover > th, .table-hover .table-active:hover > td {
+  background-color: rgba(0, 0, 0, 0.1); }
 
 /*
 // -----------------------------------------------------------------------------
@@ -8527,7 +8571,10 @@ button:focus {
  # -----------------------------------------------------------------------------
 */
 .tagbox {
-  background: #fff; }
+  background: #424242; }
+
+.tag__cloud ul li a:hover {
+  background-color: rgba(0, 0, 0, 0.3) !important; }
 
 /*
  # -----------------------------------------------------------------------------