Add external link image

redpanda-data · Apr 27, 2023 · bd0b5e6 · bd0b5e6
1 parent 5af7f54
commit bd0b5e6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/src/css/dark-mode.css b/src/css/dark-mode.css
@@ -60,6 +60,7 @@ html[data-theme=dark] {
   --link-font-color: #f15d61;
   --link-highlight-background-color: #0000000d;
   --link_hover-font-color: #d85556;
+  --external-link-filter: invert(100%) sepia(5%) saturate(1016%) hue-rotate(181deg) brightness(100%) contrast(106%);
   --link_unresolved-font-color: var(--important-color);
   --abstract-background: var(--color-smoke-70);
   --abstract-font-color: var(--color-jet-20);

diff --git a/src/css/doc.css b/src/css/doc.css
@@ -142,6 +142,20 @@
   color: var(--link_unresolved-font-color);
 }
 
+.doc a[href*="//"]:not([href*="docs.redpanda.com"])::after {
+  content: url('/_/img/external-link.svg');
+  position: relative;
+  margin-left: 2px;
+  filter: var(--external-link-filter);
+}
+
+.doc a[href*="//"]:not([href*="netlify.app"])::after {
+  content: url('/docs/_/img/external-link.svg');
+  position: relative;
+  margin-left: 2px;
+  filter: var(--external-link-filter);
+}
+
 .doc i.fa {
   hyphens: none;
   font-style: normal;

diff --git a/src/img/external-link.svg b/src/img/external-link.svg