Update components to use the new style/color names

web/components/ui/CustomPageContent/CustomPageContent.module.scss

@@ -0,0 +1,20 @@
+.customPageContent {
+  font-size: 16px;
+  line-height: 1.5em;
+  margin: 0;
+  padding: 0;
+
+  color: var(--theme-text);
+  background-color: var(--theme-background-secondary);
+  padding: 0.175em 1em;
+
+  hr {
+    margin: 1.35em 0;
+    border: 0;
+    border-top: solid 1px var(--theme-text-secondary);
+  }
+
+  div.summary {
+    font-size: 18px;
+  }
+}

web/components/ui/CustomPageContent/CustomPageContent.tsx

@@ -0,0 +1,11 @@
+import s from './CustomPageContent.module.scss';
+
+interface Props {
+  content: string;
+}
+
+export default function CustomPageContent(props: Props) {
+  const { content } = props;
+  // eslint-disable-next-line react/no-danger
+  return <div className={s.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />;
+}