feat: Update logo to better handle theme colors

newrelic · Jun 23, 2020 · 0408e28 · 0408e28
1 parent e0eb521
commit 0408e28
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 14 deletions.
diff --git a/src/components/Logo.js b/src/components/Logo.js
diff --git a/src/components/Logo.module.scss b/src/components/Logo.module.scss
@@ -1,3 +1,18 @@
 .logo {
   fill: none;
 }
+
+.text {
+  fill: var(--logo-text-color, var(--primary-text-color));
+}
+
+.brackets {
+  stroke: var(--logo-bracket-color, var(--color-brand-800));
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+
+  :global(.dark-mode) & {
+    stroke: var(--logo-bracket-color, var(--color-brand-400));
+  }
+}