Also note that Purity IV will ignore heading size settings. This can be fixed with the following custom CSS...
/fix the titles of modules and articles ignoring the heading settings in typography/
h1.module-title, .page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
font-size: var(--h1-font-size);
}
h2.module-title, .page-header h2, .page-header .h2, .categories-list h2, .categories-list .h2 {
font-size: var(--h2-font-size);
}
h3.module-title, .page-header h3, .page-header .h3, .categories-list h3, .categories-list .h3 {
font-size: var(--h3-font-size);
}
h4.module-title, .page-header h4, .page-header .h4, .categories-list h4, .categories-list .h4 {
font-size: var(--h4-font-size);
}
h5.module-title, .page-header h5, .page-header .h5, .categories-list h5, .categories-list .h5 {
font-size: var(--h5-font-size);
}
h6.module-title, .page-header h6, .page-header .h6, .categories-list h6, .categories-list .h6 {
font-size: var(--h6-font-size);
}
The theme colours and palettes are a bigger problem. Because of the light/dark mode switcher most of the colours were hard coded and must be changed in custom CSS. You can set 2 colours for the different modes using something like...
h1, h2, h3, h4, h5, h6 {
color:[value];
}
.dark-active h1, .dark-active h2, .dark-active h3, .dark-active h4, .dark-active h5, .dark-active h6 {
color:[different value];
}
in custom CSS.
additionally, you can set the alignment with something like...
h1, h2, h3, h4, h5, h6 {
text-align:[value];
}