From 775603d8ea5aa7ae6adb4f91754801138ca30af5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= Date: Fri, 10 Mar 2023 13:25:02 +0000 Subject: [PATCH] :bug: fixed mark css --- assets/css/compiled/main.css | 7 ++++--- exampleSite/content/samples/markdown.md | 2 +- tailwind.config.js | 7 ++++--- 3 files changed, 9 insertions(+), 7 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index feae5691..61d5bb22 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -935,6 +935,7 @@ select { padding-bottom: 3px; padding-left: 5px; padding-right: 5px; + border-radius: 0.25rem; } .prose :where(code):not(:where([class~="not-prose"] *))::before { @@ -1202,9 +1203,9 @@ select { .prose :where(mark):not(:where([class~="not-prose"] *)) { color: rgba(var(--color-neutral-800), 1); - background-color: rgb(228 230 233 / 1); + background-color: rgb(48 97 175 / 1); padding: 0.1rem 0.2rem; - border-radius: 0.12rem; + border-radius: 0.25rem; } .prose :where(p):not(:where([class~="not-prose"] *))::before { @@ -5444,7 +5445,7 @@ body:has(#menu-controller:checked) { } .dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) { - background-color: rgb(200 204 211 / 1); + background-color: rgb(143 174 224 / 1); } .dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { diff --git a/exampleSite/content/samples/markdown.md b/exampleSite/content/samples/markdown.md index ee83f142..af8bd56f 100755 --- a/exampleSite/content/samples/markdown.md +++ b/exampleSite/content/samples/markdown.md @@ -143,4 +143,4 @@ Xn + Yn = Zn Press CTRL+ALT+Delete to end the session. -Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. +Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index c7cb4833..5823bc4f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -114,9 +114,9 @@ module.exports = { }, mark: { color: theme("colors.neutral.800 / 1"), - backgroundColor: theme("colors.secondary.200 / 1"), + backgroundColor: theme("colors.primary.600 / 1"), padding: "0.1rem 0.2rem", - borderRadius: "0.12rem", + borderRadius: "0.25rem", }, code:{ backgroundColor: theme("colors.neutral.50 / 1"), @@ -124,6 +124,7 @@ module.exports = { paddingBottom: "3px", paddingLeft: "5px", paddingRight: "5px", + borderRadius: "0.25rem", }, 'code::before': { display: 'none' @@ -155,7 +156,7 @@ module.exports = { backgroundColor: theme("colors.neutral.700 / 1"), }, mark: { - backgroundColor: theme("colors.secondary.400 / 1"), + backgroundColor: theme("colors.primary.400 / 1"), }, code:{ backgroundColor: theme("colors.neutral.700 / 1"),