Custom CSS

WriteDocs allows you to customize your documentation with your own CSS styles. You can add your configurations to the custom.css file, in the root of your project.

h1 {
  color: #0029F5;
}

Darkmode

To change darkmode CSS configurations, follow the example below, adding data-theme dark before the element/class/id:

[data-theme="dark"]
  h1 {
    color: #0029F5;
}

Creating CSS variables

You can use the following examples to create your own variables:

Light Mode

:root {
  --my-new-color: #0029F5;
}

Dark Mode

[data-theme="dark"] {
  --my-new-color: #0029F5;
}