diff --git a/src/theme/book.css b/src/theme/book.css index c6e2546d..93d4c9f0 100644 --- a/src/theme/book.css +++ b/src/theme/book.css @@ -270,9 +270,17 @@ h3 { } } .light { +/* Inline code */ color: #333; background-color: #fff; } +.light :not(pre) > .hljs { + display: inline-block; + vertical-align: middle; + padding: 0.1em 0.3em; + -webkit-border-radius: 3px; + border-radius: 3px; +} .light .sidebar { background-color: #fafafa; color: #364149; @@ -318,9 +326,17 @@ h3 { background-color: #e6e6e6; } .coal { +/* Inline code */ color: #98a3ad; background-color: #141617; } +.coal :not(pre) > .hljs { + display: inline-block; + vertical-align: middle; + padding: 0.1em 0.3em; + -webkit-border-radius: 3px; + border-radius: 3px; +} .coal .sidebar { background-color: #292c2f; color: #a1adb8; @@ -366,9 +382,17 @@ h3 { background-color: #1f2124; } .navy { +/* Inline code */ color: #bcbdd0; background-color: #161923; } +.navy :not(pre) > .hljs { + display: inline-block; + vertical-align: middle; + padding: 0.1em 0.3em; + -webkit-border-radius: 3px; + border-radius: 3px; +} .navy .sidebar { background-color: #282d3f; color: #c8c9db; @@ -414,9 +438,17 @@ h3 { background-color: #282e40; } .rust { +/* Inline code */ color: #262625; background-color: #e1e1db; } +.rust :not(pre) > .hljs { + display: inline-block; + vertical-align: middle; + padding: 0.1em 0.3em; + -webkit-border-radius: 3px; + border-radius: 3px; +} .rust .sidebar { background-color: #3b2e2a; color: #c8c9db; diff --git a/src/theme/highlight.css b/src/theme/highlight.css index 616dba0d..61681a2b 100644 --- a/src/theme/highlight.css +++ b/src/theme/highlight.css @@ -10,14 +10,6 @@ -webkit-text-size-adjust: none; } -/* Inline code */ -:not(pre) > .hljs { - display: inline-block; - vertical-align: middle; - padding: 0.1em 0.3em; - border-radius: 3px; -} - /* Atelier-Dune Comment */ .hljs-comment { diff --git a/src/theme/stylus/themes/base.styl b/src/theme/stylus/themes/base.styl index fdbcc9dc..e222fe4a 100644 --- a/src/theme/stylus/themes/base.styl +++ b/src/theme/stylus/themes/base.styl @@ -1,4 +1,12 @@ .{unquote($theme-name)} { + /* Inline code */ + :not(pre) > .hljs { + display: inline-block; + vertical-align: middle; + padding: 0.1em 0.3em; + border-radius: 3px; + } + color: $fg background-color: $bg