fix:_reboot-bootstrap-colors.scss

packages/app/src/styles/theme/_reboot-bootstrap-colors.scss

@@ -15,31 +15,31 @@
 //    the `inherit` value on things like `<th>` elements.
 
 &, body {
-  color: $body-color;
-  background-color: $body-bg; // 2
+  color: var(--body-color);
+  background-color: var(--body-bg); // 2
 
   svg {
-    fill: $body-color;
+    fill: var(--body-color);
   }
 }
 
 // Links
 
 a {
-  color: $link-color;
-  text-decoration: $link-decoration;
+  color: var(--link-color);
+  text-decoration: var(--link-decoration);
   background-color: transparent; // Remove the gray background on active links in IE 10.
 
   svg {
-    fill: $link-color;
+    fill: var(--link-color);
   }
 
   @include hover() {
-    color: $link-hover-color;
-    text-decoration: $link-hover-decoration;
+    color: var(--link-hover-color);
+    text-decoration: var(--link-hover-decoration);
 
     svg {
-      fill: $link-hover-color;
+      fill: var(--link-hover-color);
     }
   }
 }

packages/preset-themes/src/styles/theme/_reboot-bootstrap-colors.scss

@@ -1,60 +0,0 @@
-//
-//
-// Apply partially
-//   https://github.com/twbs/bootstrap/blob/v4.5.0/scss/_reboot.scss
-//
-//
-
-// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
-
-// Body
-//
-// 1. Remove the margin in all browsers.
-// 2. As a best practice, apply a default `background-color`.
-// 3. Set an explicit initial text-align value so that we can later use
-//    the `inherit` value on things like `<th>` elements.
-
-&, body {
-  color: $body-color;
-  background-color: $body-bg; // 2
-
-  svg {
-    fill: $body-color;
-  }
-}
-
-// Links
-
-a {
-  color: $link-color;
-  text-decoration: $link-decoration;
-  background-color: transparent; // Remove the gray background on active links in IE 10.
-
-  svg {
-    fill: $link-color;
-  }
-
-  @include hover() {
-    color: $link-hover-color;
-    text-decoration: $link-hover-decoration;
-
-    svg {
-      fill: $link-hover-color;
-    }
-  }
-}
-
-// And undo these styles for placeholder links/named anchors (without href).
-// It would be more straightforward to just use a[href] in previous block, but that
-// causes specificity issues in many other styles that are too complex to fix.
-// See https://github.com/twbs/bootstrap/issues/19402
-
-// a:not([href]) {
-//   color: inherit;
-//   text-decoration: none;
-
-//   @include hover() {
-//     color: inherit;
-//     text-decoration: none;
-//   }
-// }