Text color on primary color

[simonspa]

Hi,

I am playing around with my own color palette dir Congo. All works fine, but in my dark mode I have a dark background and a relatively bright primary color on which the white (or light-gray) text is illegible.

Is there s way to tell Tailwind to use dark font color on primary while using bright font color on the background?

This is the issue right now:

😬

Thanks!

[simonspa]

My solution to this problem is to overwrite the alert shortcode with:

<div class="flex px-4 py-3 rounded-md bg-neutral-800 dark:bg-neutral">
  <span class="text-primary-400 ltr:pr-3 rtl:pl-3">
    {{ partial "icon.html" (.Get 0 | default "triangle-exclamation") }}
  </span>
  <span class="prose-invert dark:prose text-neutral-300 dark:text-neutral-800">
    {{- .Inner | markdownify -}}
  </span>
</div>

...which inverts the text coloring (prose-invert and text-neutral are relevant here)