diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css index 33d4eae82..49335ba5c 100644 --- a/app/appearance/themes/daylight/theme.css +++ b/app/appearance/themes/daylight/theme.css @@ -180,9 +180,10 @@ --b3-protyle-code-background: rgba(27, 31, 35, .05); /* 所见即所得行内元素颜色 */ - --b3-protyle-inline-strong-color: #202124; - --b3-protyle-inline-em-color: #202124; - --b3-protyle-inline-s-color: #202124; + --b3-protyle-inline-strong-color: inherit; + --b3-protyle-inline-em-color: inherit; + --b3-protyle-inline-u-color: inherit; + --b3-protyle-inline-s-color: inherit; --b3-protyle-inline-link-color: #4285f4; --b3-protyle-inline-mark-background: rgb(252, 212, 126); --b3-protyle-inline-mark-color: #202124; diff --git a/app/appearance/themes/midnight/theme.css b/app/appearance/themes/midnight/theme.css index 9779a6f78..cf1260cd9 100644 --- a/app/appearance/themes/midnight/theme.css +++ b/app/appearance/themes/midnight/theme.css @@ -179,9 +179,10 @@ --b3-protyle-code-background: rgba(240, 246, 252, .15); /* 所见即所得行内元素颜色 */ - --b3-protyle-inline-strong-color: #e8eaed; - --b3-protyle-inline-em-color: #e8eaed; - --b3-protyle-inline-s-color: #e8eaed; + --b3-protyle-inline-strong-color: inherit; + --b3-protyle-inline-em-color: inherit; + --b3-protyle-inline-u-color: inherit; + --b3-protyle-inline-s-color: inherit; --b3-protyle-inline-link-color: #8ab4f8; --b3-protyle-inline-mark-background: rgba(255, 208, 0, .4); --b3-protyle-inline-mark-color: var(--b3-theme-on-background); diff --git a/app/src/assets/scss/component/_typography.scss b/app/src/assets/scss/component/_typography.scss index ffd0719d2..697b5cf1f 100644 --- a/app/src/assets/scss/component/_typography.scss +++ b/app/src/assets/scss/component/_typography.scss @@ -105,13 +105,11 @@ box-shadow: inset 0 -1px 0 var(--b3-theme-surface-lighter); } - u { - text-decoration: none; - } - u, span[data-type~="u"] { + text-decoration: none; border-bottom: 1px solid; + color: var(--b3-protyle-inline-u-color); } span[data-type~="inline-memo"] {