diff --git a/src/components/VNotionRenderer/VNotionRenderer.vue b/src/components/VNotionRenderer/VNotionRenderer.vue index 9f64c47d..fc85f873 100644 --- a/src/components/VNotionRenderer/VNotionRenderer.vue +++ b/src/components/VNotionRenderer/VNotionRenderer.vue @@ -290,6 +290,8 @@ border-top-width: 1px; border-bottom-width: 0; border-color: rgba(55, 53, 47, 0.09); + + @apply dark:border-darkmode-border; } .notion-link { color: inherit; @@ -333,11 +335,14 @@ height: 30px; margin: 1px 0px; transition: background 120ms ease-in 0s; + @apply dark:text-darkmode-white; } .notion-page-link:hover { background: rgba(55, 53, 47, 0.08); } - + .dark .notion-page-link:hover { + @apply bg-darkmode-layer3; + } .notion-page-icon { line-height: 1.4; margin-right: 4px; @@ -366,6 +371,8 @@ line-height: 1.3; border-bottom: 1px solid rgba(55, 53, 47, 0.16); margin: 1px 0px; + + @apply dark:border-b-darkmode-border; } .notion-inline-code { diff --git a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-1440-900-dark-1-snap.png b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-1440-900-dark-1-snap.png index b53f26c0..b2fd5f03 100644 Binary files a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-1440-900-dark-1-snap.png and b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-1440-900-dark-1-snap.png differ diff --git a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-320-560-dark-1-snap.png b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-320-560-dark-1-snap.png index b20939a1..6b6d5c1a 100644 Binary files a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-320-560-dark-1-snap.png and b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-320-560-dark-1-snap.png differ diff --git a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-390-840-dark-1-snap.png b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-390-840-dark-1-snap.png index fdcc3145..adfec344 100644 Binary files a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-390-840-dark-1-snap.png and b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-390-840-dark-1-snap.png differ diff --git a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-768-1024-dark-1-snap.png b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-768-1024-dark-1-snap.png index 40c14bb6..f9781df3 100644 Binary files a/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-768-1024-dark-1-snap.png and b/tests/__image_snapshots__/regression-test-ts-tests-regression-test-ts-visual-regression-test-for-materials-768-1024-dark-1-snap.png differ