diff --git a/css/base.css b/css/base.css
@@ -21,7 +21,7 @@
}
::selection {
- background: var(--foreground);
+ background: var(--accent);
color: var(--background);
}
@@ -272,14 +272,25 @@ figure img, figure iframe, figure video {
max-height: 90vh;
}
+code {
+ background: var(--foreground);
+ color: var(--background);
+ font-weight: bold;
+ padding: 0 .4em;
+ border-radius: .4em;
+}
+
.codeblock, .table-container {
display: block;
margin: 1em 0;
+ background: #1b192b;
overflow-x: scroll;
scrollbar-width: none;
- border: solid 1.5pt var(--foreground);
+ border-left: solid 4pt var(--accent);
+ border-top-right-radius: .4em;
+ border-bottom-right-radius: .4em;
}
.codeblock::-webkit-scrollbar {
@@ -292,18 +303,12 @@ figure img, figure iframe, figure video {
padding: 0 1em;
}
-code {
- font-family: 'IBM Plex Mono', 'EmojiOne Color', monospace;
-}
-
-code.inline, kdb, code.inline::before, kdb::before, code.inline::after,
-kdb::after, code.inline a {
- color: var(--accent);
-}
-
-/* Add backticks arround inline code */
-code.inline::before, kdb::before, code.inline::after, kdb::after {
- content: '`'
+/* Removed special formatting for inline code */
+.codeblock pre code {
+ background: none;
+ color: var(--foreground);
+ font-weight: normal;
+ padding: 0;
}
blockquote {