Update the styling of the actor sheet

styles/elements/button.css

@@ -1,4 +1,19 @@
 .taf > .window-content button {
+	&.inline {
+		color: inherit;
+		min-height: unset;
+		height: auto;
+		padding: 0;
+		background: none;
+		border: none;
+		outline: none;
+		text-decoration: underline;
+
+		&:hover {
+			background: none;
+		}
+	}
+
 	&:disabled {
 		cursor: not-allowed;
 	}

styles/elements/hr.css

@@ -2,7 +2,7 @@
 	color: inherit;
 	display: block;
 	height: 1px;
-	background: var(--divider-colour, rebeccapurple);
+	background: var(--divider-colour, var(--steel-100, currentColor));
 	border-radius: 0;
 	margin: 0;
 	padding: 0;

styles/elements/prose-mirror.css

@@ -1,13 +1,55 @@
 .taf > .window-content prose-mirror {
+	color: var(--prosemirror-colour);
+	--table-row-color-odd: var(--steel-550);
+	--table-row-color-even: var(--steel-600);
 	background: var(--prosemirror-background);
 	gap: 0;
 
+	menu {
+		background: var(--prosemirror-menu-background);
+	}
+
+	button {
+		color: var(--prosemirror-menu-colour);
+
+		&.icon.toggle {
+			border: none;
+			background: var(--prosemirror-toggle-background);
+			padding: 6px;
+
+			&:hover {
+				background: var(--prosemirror-toggle-hover-background);
+			}
+		}
+	}
+
 	.editor-content {
 		padding: 8px;
 	}
 
+	p {
+		color: inherit;
+	}
+
 	.tableWrapper th,
-	.tableWrapper td {
-		border-color: rebeccapurple;
+	.tableWrapper td,
+	table th,
+	table td {
+		border-color: var(--prosemirror-divider-colour);
+	}
+
+	table td, table th {
+		border: 1px solid var(--prosemirror-divider-colour);
+	}
+
+	pre:has(> code), code:not(pre > code) {
+		padding: 4px 6px;
+		background: var(--steel-700);
+		color: var(--steel-200);
+	}
+
+	blockquote {
+		color: inherit;
+		border-left: 2px solid var(--steel-200);
 	}
 }