Fix: [darkMode] code block

This commit is contained in:
JimhHan 2021-04-04 22:36:36 +08:00
parent c91ef94d8c
commit 19d6a3f6cf
No known key found for this signature in database
GPG Key ID: 48D5D7CF95157AC5
3 changed files with 12 additions and 11 deletions

View File

@ -2,9 +2,11 @@
<div> <div>
<ParentNavLinks /> <ParentNavLinks />
<nav class="nav-links"> <nav class="nav-links">
<div class="nav-item">
<a v-if="enable" class="nav-link" @click.prevent="toggleTheme">{{ <a v-if="enable" class="nav-link" @click.prevent="toggleTheme">{{
text text
}}</a> }}</a>
</div>
</nav> </nav>
</div> </div>
</template> </template>
@ -23,7 +25,6 @@ export default Vue.extend({
}; };
}, },
mounted() { mounted() {
console.log("m");
this.enable = this.$themeConfig.themeChange; this.enable = this.$themeConfig.themeChange;
this.text = this.$themeConfig.themeChangeText; this.text = this.$themeConfig.themeChangeText;
}, },

View File

@ -38,10 +38,10 @@
--darken10BorderColor darken($borderColor, 10%) --darken10BorderColor darken($borderColor, 10%)
@media (prefers-color-scheme light) @media (prefers-color-scheme light)
--codeBgColor $codeBgLightColor //--codeBgColor $codeBgLightColor
--preTextColor $preTextLightColor //--preTextColor $preTextLightColor
--highlightedBgColor $highlightedBgLightColor --highlightedBgColor $highlightedBgLightColor
--languageTextColor $languageTextLightColor //--languageTextColor $languageTextLightColor
--lineNumbersColor $lineNumbersLightColor --lineNumbersColor $lineNumbersLightColor
@media (prefers-color-scheme dark) @media (prefers-color-scheme dark)
@ -80,7 +80,7 @@ html[theme='light']
--accentColor $accentColor --accentColor $accentColor
--textColor $textColor --textColor $textColor
--borderColor $borderColor --borderColor $borderColor
--codeBgColor $codeBgLightColor --codeBgColor $codeBgColor
--arrowBgColor $arrowBgColor --arrowBgColor $arrowBgColor
--badgeTipColor $badgeTipColor --badgeTipColor $badgeTipColor
--badgeWarningColor $badgeWarningColor --badgeWarningColor $badgeWarningColor
@ -91,9 +91,9 @@ html[theme='light']
--blockquoteBorderColor $blockquoteBorderColor --blockquoteBorderColor $blockquoteBorderColor
--tableBorderColor $tableBorderColor --tableBorderColor $tableBorderColor
--tableStripeBgColor $tableStripeBgColor --tableStripeBgColor $tableStripeBgColor
--preTextColor $preTextLightColor --preTextColor $preTextColor
--highlightedBgColor $highlightedBgLightColor --highlightedBgColor $highlightedBgLightColor
--languageTextColor $languageTextLightColor --languageTextColor $languageTextColor
--lineNumbersColor $lineNumbersLightColor --lineNumbersColor $lineNumbersLightColor
--tipColor $tipColor --tipColor $tipColor
--tipBgColor $tipBgColor --tipBgColor $tipBgColor

View File

@ -10,7 +10,7 @@ $borderColor ?= #eaecef
$borderDarkColor ?= #4e4e4e $borderDarkColor ?= #4e4e4e
$codeBgColor ?= #282c34 $codeBgColor ?= #282c34
$codeBgLightColor ?= #f8f8f8 $codeBgLightColor ?= #282c34
$arrowBgColor ?= #ccc $arrowBgColor ?= #ccc
$arrowBgDarkColor ?= $arrowBgColor $arrowBgDarkColor ?= $arrowBgColor