How do I override linkColor?

[codenitpicker]

typography.js/packages/typography-theme-twin-peaks/src/index.js

Lines 28 to 37 in 33d86df

	overrideStyles: ({ adjustFontSizeTo, scale, rhythm }, options) => {
	const linkColor = "#ff5700"
	const vr = verticalRhythm({
	baseFontSize: "19px",
	baseLineHeight: "29.85px",
	})
	return {
	a: {
	color: linkColor,
	textDecoration: "none",

I understand this is how to override elements:

twinPeaksTheme.overrideStyles = () => ({
  a: {
    color: "blue",
  },
})

However I can't seem to access linkColor with anything similar to this:

twinPeaksTheme.overrideStyles = () => (
    linkColor = "blue"
)

---

linkColor is present in the following themes:

• typography-theme-doelger
• typography-theme-elk-glen
• typography-theme-fairy-gates
• typography-theme-lincoln
• typography-theme-ocean-beach
• typography-theme-twin-peaks

[codenitpicker]

twinPeaksTheme.overrideStyles = () => ({
  a: {
    color: "blue",
  },
})

Also when a color is overridden for a tags (shown above), all other elements that use linkColor are set to transparent.

[Stivaros]

I am also having this issue - did you find a solution?

EDIT: Sorry, I should say that I didn't have any issue with using:

"a": {
  color: `#8bc34a`
}

However I'm concerned as this won't change the blockquote border and isn't update-proof if anything else useslinkColor in future releases.

[codenitpicker]

@Stivaros Still found nothing 😢