fix: Colors on certain elements

Author: 06Games

src/scss/config/_bootstrap-overrides.scss

@@ -38,6 +38,8 @@ $theme-colors: (
   "white": $white
 );
 
+$min-contrast-ratio: 3;
+
 // ---------------------------------------------------------------------------
 // Options
 // ---------------------------------------------------------------------------
@@ -81,10 +83,8 @@ $body-color: $font-color;
 // ---------------------------------------------------------------------------
 
 $link-decoration: none;
-$link-hover-color: color.adjust($primary, $lightness: -15%);
 $link-hover-decoration: none;
 
-
 // ---------------------------------------------------------------------------
 // Border & Shadows
 // ---------------------------------------------------------------------------
@@ -180,13 +180,6 @@ $input-focus-box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114,
 
 $input-placeholder-color: #adb5bd; // $gray-500
 
-$form-check-input-border: none;
-$form-check-input-border-radius: .35rem;
-$form-check-input-focus-box-shadow: none;
-$form-check-input-checked-bg-color: transparent;
-$form-check-input-checked-bg-image: linear-gradient(310deg, $primary-gradient 0%, $primary-gradient-state 100%);
-$form-check-radio-checked-bg-image: linear-gradient(310deg, $primary-gradient 0%, $primary-gradient-state 100%);
-
 $form-switch-color: rgba(0, 0, 0, 1);
 $form-switch-bg-image: none;
 $form-switch-focus-bg-image: none;
@@ -235,15 +228,6 @@ $toast-border-radius: $border-radius-md;
 $toast-header-color: $h-color;
 
 
-// ---------------------------------------------------------------------------
-// Badges
-// ---------------------------------------------------------------------------
-
-$badge-padding-y: .55em; // BS default: .35em
-$badge-padding-x: .9em; // BS default: .65em
-$badge-border-radius: .45rem;
-
-
 // ---------------------------------------------------------------------------
 // Modals
 // ---------------------------------------------------------------------------

src/scss/theme.scss

@@ -49,7 +49,7 @@ caption {
   padding-top: 0;
 }
 
-.dt-layout-table > div {
+.dt-layout-table>div {
   overflow-x: auto;
 }
 
@@ -86,6 +86,7 @@ caption {
   }
 
   &.table-sm {
+
     td,
     th {
       padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;
@@ -439,10 +440,17 @@ select {
 [dir] .btn-link {
   padding: 0;
   font-weight: $font-weight-bold;
+}
 
-  &:not(:last-child) {
-    margin-right: 0.5rem;
-  }
+.btn:not(:last-child) {
+  margin-right: 0.5rem;
+}
+
+// Fix Webtrees overriding link colors
+a:hover,
+.btn-link:hover,
+.nav-link:hover {
+  color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, 1));
 }
 
 // Detail toggle button
@@ -463,6 +471,12 @@ select {
   }
 }
 
+@each $color, $value in $theme-colors {
+  .badge.bg-#{$color} {
+    @extend .text-bg-#{$color};
+  }
+}
+
 [dir] body>header {
   background-color: $dark;
   box-shadow: 0 10px 20px rgba(50, 50, 93, .2);
@@ -766,7 +780,7 @@ select {
 }
 
 [dir] .dropdown-item {
-  &.active:hover{
+  &.active:hover {
     // Reverts Webtrees custom colors
     background-color: var(--#{$prefix}dropdown-link-active-bg);
     color: var(--#{$prefix}dropdown-link-active-color);
@@ -1882,6 +1896,14 @@ table.tv_tree {
   }
 }
 
+/* Relationship Tree */
+
+.wt-relationship-chart {
+  table {
+    width: auto;
+  }
+}
+
 /* Compact Tree */
 
 .wt-chart-compact {