From 0a9d74a2ef7ba4987a53f9554aa4b153ff4c7f0b Mon Sep 17 00:00:00 2001 From: LatvianModder Date: Wed, 3 Jan 2024 16:51:13 +0200 Subject: [PATCH 1/3] Style update --- themes/mainroad/assets/css/style.css | 15 ++++++++++----- themes/mainroad/layouts/partials/colors.css | 11 ++++++++++- 2 files changed, 20 insertions(+), 6 deletions(-) diff --git a/themes/mainroad/assets/css/style.css b/themes/mainroad/assets/css/style.css index 13616d1..f0ba6c6 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,9 @@ textarea { --color-border: #aab0b3; --color-btn: #2a2a2a; --color-text: #000; - --color-code: #c33; + --color-code: #b12a48; + --color-code-background: #bdc7c7; + --color-code-block-background: #2e3135; --color-footer-text: #aab0b3; --color-footer-link-text: #bdc7c7; --color-ends-background: #323232; @@ -1320,18 +1323,20 @@ 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-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..e0d1517 100644 --- a/themes/mainroad/layouts/partials/colors.css +++ b/themes/mainroad/layouts/partials/colors.css @@ -57,7 +57,12 @@ figcaption { pre, code { background-color: var(--color-box); - border: 1px solid var(--color-border); + /*border: 1px solid var(--color-border);*/ + border-radius: 0.2em; +} + +div.notice code { + background: none; } 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; +} From 621ec52eb3f1560cad4ffa427d3ec8576d537d83 Mon Sep 17 00:00:00 2001 From: LatvianModder Date: Wed, 3 Jan 2024 16:57:42 +0200 Subject: [PATCH 2/3] Style update --- themes/mainroad/assets/css/style.css | 2 ++ themes/mainroad/layouts/partials/colors.css | 5 ++--- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/themes/mainroad/assets/css/style.css b/themes/mainroad/assets/css/style.css index f0ba6c6..363f48f 100644 --- a/themes/mainroad/assets/css/style.css +++ b/themes/mainroad/assets/css/style.css @@ -1314,6 +1314,7 @@ textarea { --color-text: #000; --color-code: #b12a48; --color-code-background: #bdc7c7; + --color-code-notice-background: transparent; --color-code-block-background: #2e3135; --color-footer-text: #aab0b3; --color-footer-link-text: #bdc7c7; @@ -1336,6 +1337,7 @@ textarea { --color-text: #e7d9d3; --color-code: #e57; --color-code-background: #2e3135; + --color-code-notice-background: #2e3135; --color-code-block-background: #2e3135; --color-footer-text: #aab0b3; --color-footer-link-text: #bdc7c7; diff --git a/themes/mainroad/layouts/partials/colors.css b/themes/mainroad/layouts/partials/colors.css index e0d1517..6eb4866 100644 --- a/themes/mainroad/layouts/partials/colors.css +++ b/themes/mainroad/layouts/partials/colors.css @@ -56,13 +56,12 @@ 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 { - background: none; + background-color: var(--color-code-notice-background); } code { From 446c2af0cad07c7ac18e327a0b8944b843be5871 Mon Sep 17 00:00:00 2001 From: LatvianModder Date: Wed, 3 Jan 2024 17:11:22 +0200 Subject: [PATCH 3/3] Style update --- themes/mainroad/assets/css/style.css | 4 +++- themes/mainroad/layouts/partials/colors.css | 1 + 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/themes/mainroad/assets/css/style.css b/themes/mainroad/assets/css/style.css index 363f48f..8c85f76 100644 --- a/themes/mainroad/assets/css/style.css +++ b/themes/mainroad/assets/css/style.css @@ -1314,7 +1314,8 @@ textarea { --color-text: #000; --color-code: #b12a48; --color-code-background: #bdc7c7; - --color-code-notice-background: transparent; + --color-code-notice: #e57; + --color-code-notice-background: #2e3135; --color-code-block-background: #2e3135; --color-footer-text: #aab0b3; --color-footer-link-text: #bdc7c7; @@ -1337,6 +1338,7 @@ textarea { --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; diff --git a/themes/mainroad/layouts/partials/colors.css b/themes/mainroad/layouts/partials/colors.css index 6eb4866..c1bc612 100644 --- a/themes/mainroad/layouts/partials/colors.css +++ b/themes/mainroad/layouts/partials/colors.css @@ -61,6 +61,7 @@ code { } div.notice code { + color: var(--color-code-notice); background-color: var(--color-code-notice-background); }