mirror of
https://github.com/andatoshiki/toshiki-notebook.git
synced 2026-06-06 09:16:45 +00:00
130 lines
3.5 KiB
SCSS
130 lines
3.5 KiB
SCSS
/* Dark/light theme */
|
|
:root:not(.dark) {
|
|
--vp-code-block-bg: rgba(125, 125, 125, 0.04);
|
|
--vp-code-copy-code-active-text: var(--vp-c-text-2);
|
|
--vp-code-copy-code-hover-bg: rgba(125, 125, 125, 0.1);
|
|
--vp-code-tab-divider: var(--vp-c-mute-dark);
|
|
--vp-code-tab-hover-text-color: var(--vp-c-text-1);
|
|
/* fix contrast: lang name on gray code block */
|
|
--vp-c-text-dark-3: rgba(180, 180, 180, 0.7);
|
|
}
|
|
:root.dark {
|
|
--vp-code-block-bg: rgba(0, 0, 0, 0.2);
|
|
/* fix lang name: check the same above (this is the default) */
|
|
--vp-c-text-dark-3: rgba(235, 235, 235, 0.38);
|
|
}
|
|
|
|
/* Hide block based on theme */
|
|
html:not(.dark) pre.shiki[class*='dark'] {
|
|
display: none;
|
|
}
|
|
html:not(.dark) pre.shiki[class*='light'] {
|
|
display: block;
|
|
}
|
|
html.dark pre.shiki[class*='dark'] {
|
|
display: block;
|
|
}
|
|
html.dark pre.shiki[class*='light'] {
|
|
display: none;
|
|
}
|
|
|
|
/* VitePress Twoslash */
|
|
:root {
|
|
--vp-twoslash-c-annotation-fg: var(--vp-c-text-1);
|
|
|
|
--vp-twoslash-c-brand: var(--vp-c-brand);
|
|
|
|
--vp-twoslash-c-error-bg: var(--vp-c-red-dimm-2);
|
|
--vp-twoslash-c-error-fg: var(--vp-c-text-1);
|
|
|
|
--vp-twoslash-c-logger-error-bg: var(--vp-c-red-dimm-2);
|
|
--vp-twoslash-c-logger-error-fg: var(--vp-c-red-dark);
|
|
--vp-twoslash-c-logger-fg: var(--vp-c-text-1);
|
|
--vp-twoslash-c-logger-log-bg: var(--vp-c-mute-dark);
|
|
--vp-twoslash-c-logger-log-fg: var(--vp-c-gray);
|
|
--vp-twoslash-c-logger-warn-bg: var(--vp-c-yellow-dimm-2);
|
|
--vp-twoslash-c-logger-warn-fg: var(--vp-c-yellow-dark);
|
|
|
|
--vp-twoslash-c-lsp-bg: var(--vp-c-bg-elv);
|
|
--vp-twoslash-c-lsp-border: var(--vp-c-divider);
|
|
--vp-twoslash-c-lsp-fg: var(--vp-c-text-1);
|
|
--vp-twoslash-c-lsp-underline: var(--vp-c-text-2);
|
|
--vp-twoslash-lsp-shadow: var(--vp-shadow-2);
|
|
|
|
--vp-twoslash-c-query-bg: var(--vp-c-mute-dark);
|
|
--vp-twoslash-c-query-fg-2: var(--vp-c-text-2);
|
|
--vp-twoslash-c-query-fg: var(--vp-c-text-1);
|
|
}
|
|
|
|
/* Fix tab color */
|
|
.vp-code-group .tabs label {
|
|
background-color: transparent;
|
|
--vp-code-tab-text-color: var(--vp-c-text-2);
|
|
--vp-code-tab-active-text-color: var(--vp-c-text-1);
|
|
}
|
|
|
|
/**
|
|
* Component: Button
|
|
* -------------------------------------------------------------------------- */
|
|
|
|
:root {
|
|
--vp-button-brand-border: var(--vp-c-brand-light);
|
|
--vp-button-brand-text: var(--vp-c-text-dark-1);
|
|
--vp-button-brand-bg: var(--vp-c-brand);
|
|
--vp-button-brand-hover-border: var(--vp-c-brand-light);
|
|
--vp-button-brand-hover-text: var(--vp-c-text-dark-1);
|
|
--vp-button-brand-hover-bg: var(--vp-c-brand-light);
|
|
--vp-button-brand-active-border: var(--vp-c-brand-light);
|
|
--vp-button-brand-active-text: var(--vp-c-text-dark-1);
|
|
--vp-button-brand-active-bg: var(--vp-button-brand-bg);
|
|
}
|
|
|
|
/**
|
|
* Component: Algolia
|
|
* -------------------------------------------------------------------------- */
|
|
|
|
.DocSearch {
|
|
--docsearch-primary-color: var(--vp-c-brand) !important;
|
|
}
|
|
|
|
/**
|
|
* Site
|
|
* -------------------------------------------------------------------------- */
|
|
|
|
.VPImage.logo {
|
|
height: 1rem;
|
|
}
|
|
|
|
.dark [img-light] {
|
|
display: none;
|
|
}
|
|
|
|
html:not(.dark) [img-dark] {
|
|
display: none;
|
|
}
|
|
|
|
/* Overrides */
|
|
|
|
.VPSocialLink {
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
.vp-doc th,
|
|
.vp-doc td {
|
|
padding: 6px 10px;
|
|
border: 1px solid #8882;
|
|
}
|
|
|
|
/* h3 breaks SEO => replaced with h2 with the same size */
|
|
.home-content h2 {
|
|
margin-top: 2rem;
|
|
font-size: 1.35rem;
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
img.resizable-img {
|
|
width: unset;
|
|
height: unset;
|
|
}
|