mirror of
https://github.com/EyeTrackVR/EyeTrackVR-Docs.git
synced 2025-09-26 23:09:15 +08:00
fix: theme, and build breaking due to updated deps
This commit is contained in:
parent
614dc542b8
commit
78b7f8b73f
@ -10,6 +10,6 @@
|
||||
}
|
||||
],
|
||||
"settings": {
|
||||
"cSpell.words": ["vitepress"]
|
||||
"cSpell.words": ["flexbugs", "flexsearch", "vitepress"]
|
||||
}
|
||||
}
|
||||
|
@ -15,11 +15,11 @@ export default defineConfig({
|
||||
// would render: <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
], */
|
||||
markdown: {
|
||||
theme: 'material-palenight',
|
||||
theme: 'material-theme-palenight',
|
||||
lineNumbers: true
|
||||
},
|
||||
lastUpdated: true,
|
||||
title: 'EyeTrackVR Docs',
|
||||
description: 'Official documentation for EyeTrackVR. Fully opensource and affordable VR eye tracking platform.',
|
||||
description: 'Official documentation for EyeTrackVR. Fully open-source and affordable VR eye tracking platform.',
|
||||
themeConfig: theme,
|
||||
})
|
@ -21,21 +21,8 @@
|
||||
monospace;
|
||||
}
|
||||
|
||||
/**
|
||||
* Colors Theme
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
/* Main Theme Colors */
|
||||
:root {
|
||||
/* Main Theme Colors */
|
||||
|
||||
/* --vp-c-brand: var(--vp-c-green);
|
||||
--vp-c-brand-light: var(--vp-c-green-light);
|
||||
--vp-c-brand-lighter: var(--vp-c-green-lighter);
|
||||
--vp-c-brand-dark: var(--vp-c-green-dark);
|
||||
--vp-c-brand-darker: var(--vp-c-green-darker);
|
||||
|
||||
--vp-c-sponsor: #fd1d7c; */
|
||||
|
||||
--vp-c-brand: var(--font-accent);
|
||||
--vp-c-brand-light: var(--font-accent-light);
|
||||
--vp-c-brand-lighter: var(--font-accent);
|
||||
@ -44,316 +31,4 @@
|
||||
--vp-c-brand-darker: #3a3381;
|
||||
|
||||
--vp-c-sponsor: #fd1d7c;
|
||||
|
||||
/* Text and Background Colors */
|
||||
--vp-c-bg: var(--vp-c-white);
|
||||
--vp-c-bg-soft: var(--vp-c-white-soft);
|
||||
--vp-c-bg-mute: var(--vp-c-white-mute);
|
||||
--vp-c-bg-alt: var(--vp-c-white-soft);
|
||||
|
||||
--vp-c-bg-alpha-with-backdrop: rgba(255, 255, 255, 0.7);
|
||||
--vp-c-bg-alpha-without-backdrop: rgba(255, 255, 255, 0.95);
|
||||
|
||||
--vp-c-bg-backdrop: rgba(0, 0, 0, 0.6);
|
||||
|
||||
--vp-c-divider: var(--vp-c-divider-light-1);
|
||||
--vp-c-divider-light: var(--vp-c-divider-light-2);
|
||||
|
||||
--vp-c-divider-inverse: var(--vp-c-divider-dark-1);
|
||||
--vp-c-divider-inverse-light: var(--vp-c-divider-dark-2);
|
||||
|
||||
--vp-c-text-1: var(--vp-c-text-light-1);
|
||||
--vp-c-text-2: var(--vp-c-text-light-2);
|
||||
--vp-c-text-3: var(--vp-c-text-light-3);
|
||||
--vp-c-text-4: var(--vp-c-text-light-4);
|
||||
|
||||
--vp-c-text-inverse-1: var(--vp-c-text-dark-1);
|
||||
--vp-c-text-inverse-2: var(--vp-c-text-dark-2);
|
||||
--vp-c-text-inverse-3: var(--vp-c-text-dark-3);
|
||||
--vp-c-text-inverse-4: var(--vp-c-text-dark-4);
|
||||
|
||||
--vp-c-text-code: var(--vp-c-indigo-soft);
|
||||
}
|
||||
|
||||
.dark {
|
||||
--vp-c-bg: var(--vp-c-black-soft);
|
||||
--vp-c-bg-soft: var(--vp-c-black-mute);
|
||||
--vp-c-bg-mute: var(--vp-c-gray-dark-3);
|
||||
--vp-c-bg-alt: var(--vp-c-black);
|
||||
|
||||
--vp-c-bg-alpha-with-backdrop: rgba(36, 36, 36, 0.7);
|
||||
--vp-c-bg-alpha-without-backdrop: rgba(36, 36, 36, 0.95);
|
||||
|
||||
--vp-c-divider: var(--vp-c-divider-dark-1);
|
||||
--vp-c-divider-light: var(--vp-c-divider-dark-2);
|
||||
|
||||
--vp-c-divider-inverse: var(--vp-c-divider-light-1);
|
||||
--vp-c-divider-inverse-light: var(--vp-c-divider-light-2);
|
||||
|
||||
--vp-c-text-1: var(--vp-c-text-dark-1);
|
||||
--vp-c-text-2: var(--vp-c-text-dark-2);
|
||||
--vp-c-text-3: var(--vp-c-text-dark-3);
|
||||
--vp-c-text-4: var(--vp-c-text-dark-4);
|
||||
|
||||
--vp-c-text-inverse-1: var(--vp-c-text-light-1);
|
||||
--vp-c-text-inverse-2: var(--vp-c-text-light-2);
|
||||
--vp-c-text-inverse-3: var(--vp-c-text-light-3);
|
||||
--vp-c-text-inverse-4: var(--vp-c-text-light-4);
|
||||
|
||||
--vp-c-text-code: var(--vp-c-indigo-lighter);
|
||||
}
|
||||
|
||||
/**
|
||||
* Shadows
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
|
||||
--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.07);
|
||||
--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
|
||||
--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, 0.12), 0 3px 9px rgba(0, 0, 0, 0.12);
|
||||
--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
/**
|
||||
* Z-indexes
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-z-index-local-nav: 10;
|
||||
--vp-z-index-nav: 20;
|
||||
--vp-z-index-layout-top: 30;
|
||||
--vp-z-index-backdrop: 40;
|
||||
--vp-z-index-sidebar: 50;
|
||||
--vp-z-index-footer: 60;
|
||||
}
|
||||
|
||||
/**
|
||||
* Icons
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");
|
||||
--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
/**
|
||||
* Layouts
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
:root {
|
||||
--vp-layout-max-width: 1440px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Component: Code
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-code-line-height: 1.7;
|
||||
--vp-code-font-size: 0.875em;
|
||||
|
||||
--vp-code-block-color: var(--vp-c-text-dark-1);
|
||||
--vp-code-block-bg: #292d3e;
|
||||
|
||||
--vp-code-line-highlight-color: rgba(0, 0, 0, 0.5);
|
||||
--vp-code-line-number-color: var(--vp-c-text-dark-3);
|
||||
|
||||
--vp-code-line-diff-add-color: rgba(125, 191, 123, 0.1);
|
||||
--vp-code-line-diff-add-symbol-color: rgba(125, 191, 123, 0.5);
|
||||
|
||||
--vp-code-line-diff-remove-color: rgba(255, 128, 128, 0.05);
|
||||
--vp-code-line-diff-remove-symbol-color: rgba(255, 128, 128, 0.5);
|
||||
|
||||
--vp-code-line-error-color: var(--vp-c-red-dimm-2);
|
||||
--vp-code-line-warning-color: var(--vp-c-yellow-dimm-2);
|
||||
|
||||
--vp-code-copy-code-hover-bg: rgba(255, 255, 255, 0.05);
|
||||
--vp-code-copy-code-active-text: var(--vp-c-text-dark-2);
|
||||
|
||||
--vp-code-tab-text-color: var(--vp-c-text-dark-2);
|
||||
--vp-code-tab-bg: var(--vp-code-block-bg);
|
||||
--vp-code-tab-divider: var(--vp-c-divider-dark-2);
|
||||
--vp-code-tab-hover-text-color: var(--vp-c-text-dark-1);
|
||||
--vp-code-tab-active-text-color: var(--vp-c-text-dark-1);
|
||||
--vp-code-tab-active-bar-color: var(--vp-c-brand);
|
||||
}
|
||||
|
||||
/* Code Block */
|
||||
.dark {
|
||||
--vp-code-block-bg: var(--vp-c-black);
|
||||
|
||||
/* --vp-code-tab: var(--vp-c-black-mute);*/
|
||||
/* --vp-code-tab-hover: var(--vp-c-gray-dark-4);*/
|
||||
}
|
||||
|
||||
/**
|
||||
* 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);
|
||||
|
||||
--vp-button-alt-border: var(--vp-c-gray-light-3);
|
||||
--vp-button-alt-text: var(--vp-c-text-light-1);
|
||||
--vp-button-alt-bg: var(--vp-c-gray-light-5);
|
||||
--vp-button-alt-hover-border: var(--vp-c-gray-light-3);
|
||||
--vp-button-alt-hover-text: var(--vp-c-text-light-1);
|
||||
--vp-button-alt-hover-bg: var(--vp-c-gray-light-4);
|
||||
--vp-button-alt-active-border: var(--vp-c-gray-light-3);
|
||||
--vp-button-alt-active-text: var(--vp-c-text-light-1);
|
||||
--vp-button-alt-active-bg: var(--vp-c-gray-light-3);
|
||||
|
||||
--vp-button-sponsor-border: var(--vp-c-gray-light-3);
|
||||
--vp-button-sponsor-text: var(--vp-c-text-light-2);
|
||||
--vp-button-sponsor-bg: transparent;
|
||||
--vp-button-sponsor-hover-border: var(--vp-c-sponsor);
|
||||
--vp-button-sponsor-hover-text: var(--vp-c-sponsor);
|
||||
--vp-button-sponsor-hover-bg: transparent;
|
||||
--vp-button-sponsor-active-border: var(--vp-c-sponsor);
|
||||
--vp-button-sponsor-active-text: var(--vp-c-sponsor);
|
||||
--vp-button-sponsor-active-bg: transparent;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--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-dark);
|
||||
--vp-button-brand-hover-border: var(--vp-c-brand-lighter);
|
||||
--vp-button-brand-hover-text: var(--vp-c-text-dark-1);
|
||||
--vp-button-brand-hover-bg: var(--vp-c-brand);
|
||||
--vp-button-brand-active-border: var(--vp-c-brand-lighter);
|
||||
--vp-button-brand-active-text: var(--vp-c-text-dark-1);
|
||||
--vp-button-brand-active-bg: var(--vp-button-brand-bg);
|
||||
|
||||
--vp-button-alt-border: var(--vp-c-gray-dark-2);
|
||||
--vp-button-alt-text: var(--vp-c-text-dark-1);
|
||||
--vp-button-alt-bg: var(--vp-c-bg-mute);
|
||||
--vp-button-alt-hover-border: var(--vp-c-gray-dark-2);
|
||||
--vp-button-alt-hover-text: var(--vp-c-text-dark-1);
|
||||
--vp-button-alt-hover-bg: var(--vp-c-gray-dark-2);
|
||||
--vp-button-alt-active-border: var(--vp-c-gray-dark-2);
|
||||
--vp-button-alt-active-text: var(--vp-c-text-dark-1);
|
||||
--vp-button-alt-active-bg: var(--vp-button-alt-bg);
|
||||
|
||||
--vp-button-sponsor-border: var(--vp-c-gray-dark-1);
|
||||
--vp-button-sponsor-text: var(--vp-c-text-dark-2);
|
||||
}
|
||||
|
||||
/**
|
||||
* Component: Custom Block
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-custom-block-code-font-size: 13px;
|
||||
|
||||
--vp-custom-block-info-border: var(--vp-c-divider-light);
|
||||
--vp-custom-block-info-text: var(--vp-c-text-2);
|
||||
--vp-custom-block-info-bg: var(--vp-c-white-soft);
|
||||
--vp-custom-block-info-code-bg: var(--vp-c-gray-light-4);
|
||||
|
||||
--vp-custom-block-tip-border: var(--vp-c-green-dimm-1);
|
||||
--vp-custom-block-tip-text: var(--vp-c-green-darker);
|
||||
--vp-custom-block-tip-bg: var(--vp-c-green-dimm-3);
|
||||
--vp-custom-block-tip-code-bg: var(--vp-custom-block-tip-bg);
|
||||
|
||||
--vp-custom-block-warning-border: var(--vp-c-yellow-dimm-1);
|
||||
--vp-custom-block-warning-text: var(--vp-c-yellow-darker);
|
||||
--vp-custom-block-warning-bg: var(--vp-c-yellow-dimm-3);
|
||||
--vp-custom-block-warning-code-bg: var(--vp-custom-block-warning-bg);
|
||||
|
||||
--vp-custom-block-danger-border: var(--vp-c-red-dimm-1);
|
||||
--vp-custom-block-danger-text: var(--vp-c-red-darker);
|
||||
--vp-custom-block-danger-bg: var(--vp-c-red-dimm-3);
|
||||
--vp-custom-block-danger-code-bg: var(--vp-custom-block-danger-bg);
|
||||
|
||||
--vp-custom-block-details-border: var(--vp-custom-block-info-border);
|
||||
--vp-custom-block-details-text: var(--vp-custom-block-info-text);
|
||||
--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);
|
||||
--vp-custom-block-details-code-bg: var(--vp-custom-block-details-bg);
|
||||
}
|
||||
|
||||
.dark {
|
||||
--vp-custom-block-info-border: var(--vp-c-divider-light);
|
||||
--vp-custom-block-info-bg: var(--vp-c-black-mute);
|
||||
--vp-custom-block-info-code-bg: var(--vp-c-gray-dark-4);
|
||||
|
||||
--vp-custom-block-tip-border: var(--vp-c-green-dimm-2);
|
||||
--vp-custom-block-tip-text: var(--vp-c-green-light);
|
||||
|
||||
--vp-custom-block-warning-border: var(--vp-c-yellow-dimm-2);
|
||||
--vp-custom-block-warning-text: var(--vp-c-yellow-light);
|
||||
|
||||
--vp-custom-block-danger-border: var(--vp-c-red-dimm-2);
|
||||
--vp-custom-block-danger-text: var(--vp-c-red-light);
|
||||
}
|
||||
|
||||
/**
|
||||
* Component: Nav
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-nav-height: var(--vp-nav-height-mobile);
|
||||
--vp-nav-height-mobile: 56px;
|
||||
--vp-nav-height-desktop: 82px;
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
:root {
|
||||
--vp-nav-height: var(--vp-nav-height-desktop);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Component: Sidebar
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-sidebar-width: 372px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Component: Home
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-home-hero-name-color: var(--vp-c-brand);
|
||||
--vp-home-hero-name-background: transparent;
|
||||
|
||||
--vp-home-hero-image-background-image: none;
|
||||
--vp-home-hero-image-filter: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Component: Badge
|
||||
* -------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--vp-badge-info-border: var(--vp-c-divider-light);
|
||||
--vp-badge-info-text: var(--vp-c-text-2);
|
||||
--vp-badge-info-bg: var(--vp-c-white-soft);
|
||||
|
||||
--vp-badge-tip-border: var(--vp-c-green-dimm-1);
|
||||
--vp-badge-tip-text: var(--vp-c-green-darker);
|
||||
--vp-badge-tip-bg: var(--vp-c-green-dimm-3);
|
||||
|
||||
--vp-badge-warning-border: var(--vp-c-yellow-dimm-1);
|
||||
--vp-badge-warning-text: var(--vp-c-yellow-darker);
|
||||
--vp-badge-warning-bg: var(--vp-c-yellow-dimm-3);
|
||||
|
||||
--vp-badge-danger-border: var(--vp-c-red-dimm-1);
|
||||
--vp-badge-danger-text: var(--vp-c-red-darker);
|
||||
--vp-badge-danger-bg: var(--vp-c-red-dimm-3);
|
||||
}
|
||||
|
||||
.dark {
|
||||
--vp-badge-info-border: var(--vp-c-divider-light);
|
||||
--vp-badge-info-bg: var(--vp-c-black-mute);
|
||||
|
||||
--vp-badge-tip-border: var(--vp-c-green-dimm-2);
|
||||
--vp-badge-tip-text: var(--vp-c-green-light);
|
||||
|
||||
--vp-badge-warning-border: var(--vp-c-yellow-dimm-2);
|
||||
--vp-badge-warning-text: var(--vp-c-yellow-light);
|
||||
|
||||
--vp-badge-danger-border: var(--vp-c-red-dimm-2);
|
||||
--vp-badge-danger-text: var(--vp-c-red-light);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user