Oxygen XML Forum

Posted: **Thu Aug 05, 2021 2:43 pm**

How do I change individual element color for the theme?

The graphite theme (version 22.1) is mostly lovely as a dark theme, with the exception of a few elements in dita docments -- such as prolog and codeblock in the default theme.
They are a bit jarring in their current yellow background color form.
The file describing the file has many, many settings none of which obviously link to these elements, which means I cannot really work out what I need to change.

Cheers

Posted: **Fri Aug 06, 2021 7:10 am**

Hi,

I added an internal issue to reconsider our color choices for codeblock and prolog in Graphite.
These colors are configured in this CSS:

OXYGEN_INSTALL_DIR/frameworks/dita/css/core/-colors.css

there are two selectors:

Code: Select all

@media oxygen-high-contrast-black, oxygen-dark-theme {
  *[class~="topic/pre"] {
    color: black !important;
    background-color: #FFE080 !important;
  }
}

@media oxygen-high-contrast-black, oxygen-dark-theme {
  *[class~="topic/prolog"],
  *[class~="map/topicmeta"] {
    color: black !important;
    background-color: #FFE080 !important;
  }
}

If you do not have access rights to edit and save the CSS directly (for example if Oxygen is installed on Windows in the Program Files folder) you would need to follow these steps to add an extra CSS for DITA editing:
https://blog.oxygenxml.com/topics/customizeDITACSS.html
and in the extra CSS you can re-define the selectors.

Regards,
Radu

Posted: **Wed Oct 20, 2021 8:56 am**

Hi,

As an update in Oxygen 24 which we released a couple of days ago we changed the colors used in prolog and codeblock elements for the Graphite theme.

Regards,
Radu

Oxygen XML Forum

Graphite theme

Graphite theme

Re: Graphite theme

Re: Graphite theme