Change the transcript link color so it is readable
Note: this needs updating to make it obvious that it's a link. It
currently isn't.
diff --git a/pages/_app.js b/pages/_app.js
index 6784bdf..f09cb57 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -15,6 +15,7 @@
text: '#424242',
background: '#ffffff',
primary: '#6576CC',
+ highlight: '#78ECF2',
cardText: '#ffffff',
cardBackground: 'rgba(255, 255, 255, 0.65)',
cardBorder: '#C4C4C4',
@@ -33,6 +34,7 @@
text: '#ffffff',
background: '#000000',
primary: '#6576CC',
+ highlight: '#78ECF2',
cardText: '#424242',
cardBackground: 'rgba(0, 0, 0, 0.65)',
cardBorder: '#424242',
diff --git "a/pages/nucleus/transcript/\133code\135/index.js" "b/pages/nucleus/transcript/\133code\135/index.js"
index 3fc2ed6..a134c74 100644
--- "a/pages/nucleus/transcript/\133code\135/index.js"
+++ "b/pages/nucleus/transcript/\133code\135/index.js"
@@ -104,7 +104,7 @@
paddingLeft: "25px",
color: "white",
fontSize: "1.5em",
- }}>Transcript for: {props.data.for.username}#{props.data.for.discriminator} | In #{<a href={`https://discord.com/channels/${props.data.guild}/${props.data.channel}`}>{props.channelName}</a>} | Type: {props.data.type}</div>
+ }}>Transcript for: {props.data.for.username}#{props.data.for.discriminator} | In #{<a style={{color: "var(--theme-ui-colors-highlight)"}} href={`https://discord.com/channels/${props.data.guild}/${props.data.channel}`}>{props.channelName}</a>} | Type: {props.data.type}</div>
<div style={{
width: "100vw",
backgroundColor: "var(--theme-ui-colors-background)", //Can we change this to be not black please. it's too contrast heavy