Custom Editor Styles Accent Colors

  • Resolved naturfreundeschweiz

    (@naturfreundeschweiz)


    5 years, 3 months ago

    I’ve added a custom CSS File to my Child Theme to edit the block editor experience witch worked perfectly.

    For links an buttons the theme automatically uses the correct accent color I set in the customizer but now I also want to add the accent color to the file block.

    In the original block-editor-styles.css the colors are set like this
    color: var(--accent-color);

    But if I try that I only get the original accent-color (blue). Could you tell me how to do this? Would be grat – thank you very much!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author David Vongries

    (@davidvongries)

    5 years, 3 months ago

    Hi @naturfreundeschweiz,

    With the Premium Add-On installed, you can change all CSS variables under General -> Theme Colors.

    To manually override those variables, you can do something like this inside your child-theme’s stlye.css file:

    :root {
    --accent-color: #eeeeee;
}

    Hope that helps! 🙂

    Best,
    David

Viewing 1 replies (of 1 total)

The topic ‘Custom Editor Styles Accent Colors’ is closed to new replies.