docs: add custom theme

This commit is contained in:
kawamataryo 2024-11-10 21:35:43 +09:00
parent b066a2100c
commit 4580e6eaa7
3 changed files with 28 additions and 27 deletions

View File

@ -0,0 +1,24 @@
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3399ff 30%, #0066cc);
--vp-home-hero-image-background-image: linear-gradient(-45deg, #3399ff 50%, #0066cc 50%);
--vp-home-hero-image-filter: blur(44px);
}
.VPImage.image-src {
max-width: 180px;
max-height: 180px;
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(68px);
}
}

View File

@ -0,0 +1,4 @@
import DefaultTheme from 'vitepress/theme'
import './custom.css'
export default DefaultTheme

View File

@ -31,30 +31,3 @@ features:
title: Cross-Browser Support
details: Available on Chrome, Firefox, and Microsoft Edge for your convenience.
---
<style>
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3399ff 30%, #0066cc);
--vp-home-hero-image-background-image: linear-gradient(-45deg, #3399ff 50%, #0066cc 50%);
--vp-home-hero-image-filter: blur(44px);
}
.VPImage.image-src {
max-width: 180px;
max-height: 180px;
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(68px);
}
}
</style>