Skip to content

[Dawn] Code snippets seem to be unreadable (see issue from 2022) #320

@mneveroff

Description

@mneveroff

Continuing from #197

There seems to still be an issue as of Dawn latest release with the code snippets

I assume that the order in which the .css files are loaded is incorrect, as this is what I see in my code inspection for pre blocks on the Blogpost preview page:
SCR-20240204-dcny-2

It's apparent that there seem to be two variables: --primary-text-color and --color-primary-text. Whilst the latter would read well in dark mode it's not the one that gets applied. Any advise? For now I'm overriding the color property of pre HTML elements.

Installation details

Version: 5.78.0
Environment: production
Database: mysql8
Theme: dawn v1.0.0 (as per UI, but uploaded one from https://github.com/TryGhost/Dawn/archive/main.zip, but I must say that some versioning wouldn't hurt)

Workaround

Adding this snippet to page footer mitigates the issue:

<style>
  /* Fixing ghost Dawn theme issue */
  pre {
    color: var(--color-primary-text)
  }
</style>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions