diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index fe9582be..ad8f17ce 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -885,14 +885,21 @@ select { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; + background-color: rgba(var(--color-neutral-200), 1); + padding-top: 2px; + padding-bottom: 2px; + padding-left: 3px; + padding-right: 3px; } .prose :where(code):not(:where([class~="not-prose"] *))::before { content: "`"; + display: none; } .prose :where(code):not(:where([class~="not-prose"] *))::after { content: "`"; + display: none; } .prose :where(a code):not(:where([class~="not-prose"] *)) { @@ -1160,6 +1167,14 @@ select { border-radius: 0.12rem; } +.prose :where(p):not(:where([class~="not-prose"] *))::before { + display: none; +} + +.prose :where(p):not(:where([class~="not-prose"] *))::after { + display: none; +} + .sr-only { position: absolute; width: 1px; @@ -1474,14 +1489,6 @@ select { height: 100%; } -.h-\[120px\] { - height: 120px; -} - -.h-\[100px\] { - height: 100px; -} - .h-\[150px\] { height: 150px; } @@ -3339,6 +3346,10 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-secondary-400), 1); } +.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { + background-color: rgba(var(--color-neutral-600), 1); +} + .dark .dark\:text-neutral-500 { --tw-text-opacity: 1; color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); diff --git a/tailwind.config.js b/tailwind.config.js index 5fe2f018..8a590642 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -117,6 +117,25 @@ module.exports = { padding: "0.1rem 0.2rem", borderRadius: "0.12rem", }, + code:{ + backgroundColor: theme("colors.neutral.200 / 1"), + paddingTop: "2px", + paddingBottom: "2px", + paddingLeft: "3px", + paddingRight: "3px", + }, + 'code::before': { + display: 'none' + }, + 'code::after': { + display: 'none' + }, + 'p::before': { + display: 'none' + }, + 'p::after': { + display: 'none' + }, }, }, invert: { @@ -131,6 +150,9 @@ module.exports = { mark: { backgroundColor: theme("colors.secondary.400 / 1"), }, + code:{ + backgroundColor: theme("colors.neutral.600 / 1"), + }, }, }, }),