Fix: [darkMode] code block
parent
c91ef94d8c
commit
19d6a3f6cf
|
@ -2,9 +2,11 @@
|
|||
<div>
|
||||
<ParentNavLinks />
|
||||
<nav class="nav-links">
|
||||
<a v-if="enable" class="nav-link" @click.prevent="toggleTheme">{{
|
||||
text
|
||||
}}</a>
|
||||
<div class="nav-item">
|
||||
<a v-if="enable" class="nav-link" @click.prevent="toggleTheme">{{
|
||||
text
|
||||
}}</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -23,7 +25,6 @@ export default Vue.extend({
|
|||
};
|
||||
},
|
||||
mounted() {
|
||||
console.log("m");
|
||||
this.enable = this.$themeConfig.themeChange;
|
||||
this.text = this.$themeConfig.themeChangeText;
|
||||
},
|
||||
|
|
|
@ -38,10 +38,10 @@
|
|||
--darken10BorderColor darken($borderColor, 10%)
|
||||
|
||||
@media (prefers-color-scheme light)
|
||||
--codeBgColor $codeBgLightColor
|
||||
--preTextColor $preTextLightColor
|
||||
//--codeBgColor $codeBgLightColor
|
||||
//--preTextColor $preTextLightColor
|
||||
--highlightedBgColor $highlightedBgLightColor
|
||||
--languageTextColor $languageTextLightColor
|
||||
//--languageTextColor $languageTextLightColor
|
||||
--lineNumbersColor $lineNumbersLightColor
|
||||
|
||||
@media (prefers-color-scheme dark)
|
||||
|
@ -80,7 +80,7 @@ html[theme='light']
|
|||
--accentColor $accentColor
|
||||
--textColor $textColor
|
||||
--borderColor $borderColor
|
||||
--codeBgColor $codeBgLightColor
|
||||
--codeBgColor $codeBgColor
|
||||
--arrowBgColor $arrowBgColor
|
||||
--badgeTipColor $badgeTipColor
|
||||
--badgeWarningColor $badgeWarningColor
|
||||
|
@ -91,9 +91,9 @@ html[theme='light']
|
|||
--blockquoteBorderColor $blockquoteBorderColor
|
||||
--tableBorderColor $tableBorderColor
|
||||
--tableStripeBgColor $tableStripeBgColor
|
||||
--preTextColor $preTextLightColor
|
||||
--preTextColor $preTextColor
|
||||
--highlightedBgColor $highlightedBgLightColor
|
||||
--languageTextColor $languageTextLightColor
|
||||
--languageTextColor $languageTextColor
|
||||
--lineNumbersColor $lineNumbersLightColor
|
||||
--tipColor $tipColor
|
||||
--tipBgColor $tipBgColor
|
||||
|
|
|
@ -10,7 +10,7 @@ $borderColor ?= #eaecef
|
|||
$borderDarkColor ?= #4e4e4e
|
||||
|
||||
$codeBgColor ?= #282c34
|
||||
$codeBgLightColor ?= #f8f8f8
|
||||
$codeBgLightColor ?= #282c34
|
||||
|
||||
$arrowBgColor ?= #ccc
|
||||
$arrowBgDarkColor ?= $arrowBgColor
|
||||
|
|
Loading…
Reference in New Issue