border adjusted and background color fixed. (#8985)

Author: Daniel Jacinto

src/Bootstrap/dist/css/bootstrap-theme.css

@@ -1,5 +1,5 @@
 @badge-dark: #0078d4;
-@badge-dark-opaque: rgba(0, 183, 195, 0.1);
+@badge-dark-opaque: rgba(0, 120, 212, 0.1);
 @table-product-width: 232px;
 
 .framework {
@@ -18,6 +18,7 @@
   border-radius: 2px;
   justify-content: center;
   display: inline-block;
+  border: 1px solid @badge-dark;
 }
 
 .framework-badge:not(:last-child) {
@@ -32,7 +33,6 @@
 
 .framework-badge-computed {
   .framework-badge;
-  border: 1px solid @badge-dark;
   background: @badge-dark-opaque
 }
 

src/Bootstrap/less/theme/common-supported-frameworks.less

@@ -40,7 +40,7 @@
         <span class="frameworktableinfo-text">Compatible target framework(s)</span>
     </div>
     <div>
-        <i class="ms-Icon ms-Icon--SquareShape frameworktableinfo-computed-icon"></i>
+        <i class="ms-Icon ms-Icon--SquareShape frameworktableinfo-computed-icon framework-badge-computed"></i>
         <span class="frameworktableinfo-text">Additional computed target framework(s)</span>
     </div>
     <span class="frameworktableinfo-text"><i>Learn more about <a href='https://docs.microsoft.com/dotnet/standard/frameworks' aria-label="Learn more about Target Frameworks">Target Frameworks</a> and <a href='https://docs.microsoft.com/dotnet/standard/net-standard' aria-label="Learn more about .NET Standard">.NET Standard</a>.</i></span>