zenn/sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

인용 블록 색상과 라이브 설정 패널 정리

Browse Source
This commit is contained in:
zenn
2026-06-04 10:28:43 +09:00
parent 2cb1ff4651
commit b38fc9f154
15 changed files with 222 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/content/ProseBlockquote.vue
View File

@@ -6,7 +6,7 @@ const props = defineProps({
},
background: {
type: String,
default: 'pink'
default: 'gray'
}
})
@@ -35,7 +35,7 @@ const backgroundClass = computed(() => {
return 'prose-blockquote--purple'
}
return 'prose-blockquote--pink'
return 'prose-blockquote--gray'
})
</script>
@@ -54,37 +54,32 @@ const backgroundClass = computed(() => {
<style scoped>
.prose-blockquote--gray {
border-color: rgba(100, 116, 139, 0.72);
background: rgba(100, 116, 139, 0.12);
border-color: #050505;
background: color-mix(in srgb, #050505 10%, #ffffff);
}
.prose-blockquote--blue {
border-color: rgba(59, 130, 246, 0.78);
background: rgba(59, 130, 246, 0.14);
border-color: #0055ff;
background: color-mix(in srgb, #0055ff 10%, #ffffff);
}
.prose-blockquote--green {
border-color: rgba(34, 197, 94, 0.78);
background: rgba(34, 197, 94, 0.14);
border-color: #16ae68;
background: color-mix(in srgb, #16ae68 10%, #ffffff);
}
.prose-blockquote--yellow {
border-color: rgba(245, 158, 11, 0.82);
background: rgba(245, 158, 11, 0.16);
border-color: #ffff00;
background: color-mix(in srgb, #ffff00 10%, #ffffff);
}
.prose-blockquote--red {
border-color: rgba(239, 68, 68, 0.78);
background: rgba(239, 68, 68, 0.14);
border-color: #ff0000;
background: color-mix(in srgb, #ff0000 10%, #ffffff);
}
.prose-blockquote--purple {
border-color: rgba(168, 85, 247, 0.78);
background: rgba(168, 85, 247, 0.14);
}
.prose-blockquote--pink {
border-color: #ff1a75;
background: color-mix(in srgb, #ff1a75 10%, #ffffff);
border-color: #8800ff;
background: color-mix(in srgb, #8800ff 10%, #ffffff);
}
</style>