完善:主题配置

This commit is contained in:
2022-07-23 00:01:37 +08:00
parent 76de6a065b
commit 21a3a718f8
8 changed files with 48 additions and 14 deletions

View File

@@ -3,7 +3,8 @@ import MyLayout from "./components/MyLayout.vue"
import ElementPlus from 'element-plus'
import "element-plus/dist/index.css"
import * as ElIcons from '@element-plus/icons-vue'
import './custom.css'
import './styles/vars.css'
import './styles/custom.css'
export default {
...DefaultTheme,

View File

@@ -0,0 +1,31 @@
/**
* Component: Home
* -------------------------------------------------------------------------- */
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(
120deg,
#42b883 30%,
#41d1ff
);
--vp-home-hero-image-background-image: linear-gradient(
-45deg,
#42b883 50%,
#47caff 50%
);
--vp-home-hero-image-filter: blur(40px);
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(72px);
}
}