fix .alert-link color

CHANGES.md

@@ -4,7 +4,7 @@
 
 * Fix: Storing the state of sidebar
 * Fix: Change the display of the scroll bar when modal is shown
-* Fix: Llink color in alerts
+* Fix: Link color in alerts
 * Fix: Refactor '/pages.exist' API
 * Support: Upgrade libs
     * @atlaskit/drawer

src/client/styles/scss/_override-bootstrap-variables.scss

@@ -62,6 +62,7 @@ $modal-header-padding-x: 1rem;
 //== Alerts
 $alert-bg-level: -2;
 $alert-border-level: 0;
+$alert-color-level: -10;
 
 //== Progress bar
 $progress-height: 4px;

src/client/styles/scss/theme/_apply-colors.scss

@@ -61,6 +61,16 @@ pre:not(.hljs):not(.CodeMirror-line) {
 //== Apply to Bootstrap Elements
 //
 
+// Alert link
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    .alert-link,
+    .alert-link:hover {
+      color: theme-color-level($color, $alert-color-level - 2);
+    }
+  }
+}
+
 // Link buttons
 .btn-link {
   color: $link-color;

src/client/styles/scss/theme/_reboot-bootstrap-theme-colors.scss

@@ -59,10 +59,6 @@ $theme-colors: map-merge($theme-colors, $colors);
       theme-color-level($color, $alert-border-level),
       theme-color-level($color, $alert-color-level)
     );
-
-    a {
-      color: theme-color-level($color, $alert-color-level - 2) !important;
-    }
   }
 }