diff --git a/themes/mainroad/assets/css/style.css b/themes/mainroad/assets/css/style.css index 13616d1..8c85f76 100644 --- a/themes/mainroad/assets/css/style.css +++ b/themes/mainroad/assets/css/style.css @@ -141,6 +141,7 @@ textarea { padding: 5px 10px; font-weight: 700; white-space: pre-line; + border-radius: 0.2rem; } /* Animation */ @@ -1153,7 +1154,7 @@ textarea { .footer_modetoggle-button { border-radius: 50%; - border-collapse: separate; + border-collapse: separate; height: 28px; width: 28px; display: flex; @@ -1311,7 +1312,11 @@ textarea { --color-border: #aab0b3; --color-btn: #2a2a2a; --color-text: #000; - --color-code: #c33; + --color-code: #b12a48; + --color-code-background: #bdc7c7; + --color-code-notice: #e57; + --color-code-notice-background: #2e3135; + --color-code-block-background: #2e3135; --color-footer-text: #aab0b3; --color-footer-link-text: #bdc7c7; --color-ends-background: #323232; @@ -1320,18 +1325,22 @@ textarea { display: none; } } - + [data-theme="dark"] { --color-highlight: #d7742f; - --color-background: #323232; + --color-background: #222427; --color-download: #d7742f; --color-download-highlight: #e68c37; - --color-box: #222222; + --color-box: #2e3135; --color-outer: #111111; --color-border: #5a5a5a; --color-btn: #e7d9d3; --color-text: #e7d9d3; --color-code: #e57; + --color-code-background: #2e3135; + --color-code-notice: #e57; + --color-code-notice-background: #2e3135; + --color-code-block-background: #2e3135; --color-footer-text: #aab0b3; --color-footer-link-text: #bdc7c7; --color-ends-background: #222222; diff --git a/themes/mainroad/layouts/partials/colors.css b/themes/mainroad/layouts/partials/colors.css index 000a14e..c1bc612 100644 --- a/themes/mainroad/layouts/partials/colors.css +++ b/themes/mainroad/layouts/partials/colors.css @@ -56,8 +56,13 @@ figcaption { pre, code { - background-color: var(--color-box); - border: 1px solid var(--color-border); + background-color: var(--color-code-background); + border-radius: 0.2em; +} + +div.notice code { + color: var(--color-code-notice); + background-color: var(--color-code-notice-background); } code { @@ -395,3 +400,7 @@ textarea { color: var(--color-text); background-color: var(--color-border); } + +pre[style] { + background-color: var(--color-code-block-background) !important; +}