64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
<script setup>
|
|
import DefaultTheme from 'vitepress/theme'
|
|
const { Theme } = DefaultTheme
|
|
</script>
|
|
|
|
<template>
|
|
<Theme>
|
|
<template>
|
|
</template>
|
|
</Theme>
|
|
</template>
|
|
|
|
<style>
|
|
:root {
|
|
--vp-sidebar-width: 250px;
|
|
}
|
|
|
|
.Layout {
|
|
--vp-code-block-bg: light-dark(var(--fw-beige-200), var(--fw-gray-900));
|
|
--vp-c-bg-alt: light-dark(var(--fw-beige-300), var(--fw-gray-850));
|
|
--vp-c-divider: light-dark(var(--fw-beige-300), var(--fw-gray-850));
|
|
--vp-code-line-highlight-color: light-dark(var(--fw-beige-300), var(--fw-gray-850));
|
|
--vp-custom-block-details-bg: light-dark(var(--fw-beige-400), var(--fw-gray-800));
|
|
--vp-nav-bg-color: light-dark(var(--fw-beige-100), var(--fw-gray-960));
|
|
--vp-sidebar-bg-color: light-dark(var(--fw-beige-100), var(--fw-gray-960));
|
|
background-color: light-dark(var(--fw-beige-100), var(--fw-gray-960));
|
|
}
|
|
|
|
.VPNavBarTitle .title {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.language-template:has(~.preview){
|
|
flex-grow:1;
|
|
&~.preview{
|
|
flex-grow:0;
|
|
}
|
|
}
|
|
|
|
.preview,
|
|
.vp-doc .preview {
|
|
padding: 16px 0;
|
|
flex-grow: 1;
|
|
border-radius: 8px;
|
|
justify-content: start;
|
|
--vp-code-block-bg: transparent;
|
|
|
|
&:not(.transparent){
|
|
background-color:var(--background-color);
|
|
box-shadow: 0px 0px 16px 16px var(--background-color);
|
|
margin:16px 0;
|
|
padding:0;
|
|
|
|
}
|
|
|
|
/* .preview overrides the cascade coming from .vp-docs and other containers
|
|
that may leak rules here */
|
|
p {
|
|
margin: 0;
|
|
line-height: normal
|
|
}
|
|
}
|
|
</style>
|