diff --git a/sass/_theme.scss b/sass/_theme.scss
index 2abb9e1..aa12436 100644
--- a/sass/_theme.scss
+++ b/sass/_theme.scss
@@ -72,7 +72,7 @@ a[itemprop="url"]:hover {
 }
 a[href*="://"]::after,
 a[rel*="external"] {
-  content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
+  content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23#{str-slice("#{$anchor-after}", 2)}'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
   color: $anchor;
 }
 figure a[href*="://"]::after,
diff --git a/sass/colors.scss b/sass/colors.scss
index ea7bf22..88594b5 100644
--- a/sass/colors.scss
+++ b/sass/colors.scss
@@ -5,13 +5,14 @@ $pre-border: #ccc;
 $dark-background: #fff;
 $dark-header-color: #000;
 $dark-color: #333;
+$muted-color: rgba($dark-color, 0.5);
 
 $success: #4caf50;
 $warning: #ff9800;
 
-/* $anchor: #ff2e88; */
 $anchor: $success;
 $anchor-hover: #fff;
+$anchor-after: complement($anchor);
 
 $progressbar-color: #ccc;
 $progressbar-color-filled: gray;
@@ -67,7 +68,6 @@ $button-success-ghost-color: $success;
 $button-success-ghost-focus-border: #388e3c;
 $button-success-ghost-focus-color: $button-success-ghost-focus-border;
 
-$muted-color: rgba(255, 255, 255, 0.5);
 $target: #fff;
 
 $nav-active-color: #fff;
diff --git a/screenshot.png b/screenshot.png
new file mode 100644
index 0000000..076191e
Binary files /dev/null and b/screenshot.png differ