Merge pull request 'Use fixed color for blockquotes + other styling' (#9580) from Freeplay/calckey:quotes into develop

Reviewed-on: https://codeberg.org/calckey/calckey/pulls/9580

packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue

@@ -169,13 +169,12 @@ const props = withDefaults(defineProps<{
 		text-overflow: ellipsis;
 	}
 
-	::v-deep(.quote) {
+	::v-deep(blockquote) {
 		display: block;
-		margin: 8px;
-		padding: 6px 0 6px 12px;
-		color: var(--fg);
-		border-left: solid 3px var(--fg);
-		opacity: 0.7;
+		margin: 8px 0;
+		padding-left: 12px;
+		color: var(--fgTransparentWeak);
+		border-left: solid 4px var(--fgTransparent);
 	}
 
 	::v-deep(pre) {

packages/client/src/components/mfm.ts

@@ -379,10 +379,7 @@ export default defineComponent({
 							if (!this.nowrap) {
 								return [
 									h(
-										"div",
-										{
-											class: "quote",
-										},
+										"blockquote",
 										genEl(token.children),
 									),
 								];