This commit is contained in:
许大仙 2024-08-27 17:12:26 +08:00
parent ec2b433443
commit 53f979fce3
4 changed files with 85 additions and 78 deletions

View File

@ -17,6 +17,10 @@ export default defineConfig({
head: [ // favicon.ico 图标等
['link', { rel: "shortcut icon", href: `${VITE_BASE_URL}/logo.svg` }],
['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' }],
[
'link',
{ href: 'https://fonts.googleapis.com/css2?family=Roboto&display=swap', rel: 'stylesheet' }
],
[
'script',
{ id: 'register-sw' },

View File

@ -0,0 +1,77 @@
:root {
--vp-c-brand-1: #18794e;
--vp-c-brand-2: #299764;
--vp-c-brand-3: #30a46c;
--vp-custom-block-note: #cccccc;
--vp-custom-block-note-bg: #EFF0F3;
--vp-custom-block-tip: #009400;
--vp-custom-block-tip-bg: #e6f6e6;
--vp-custom-block-warning: #e6a700;
--vp-custom-block-warning-bg: #fff8e6;
--vp-custom-block-danger: #e13238;
--vp-custom-block-danger-bg: #ffebec;
--vp-custom-block-important: #a371f7;
--vp-custom-block-important-bg: #f4eefe;
}
.dark {
--vp-c-brand-1: #3dd68c;
--vp-c-brand-2: #30a46c;
--vp-c-brand-3: #298459;
--vp-custom-block-note: #cccccc;
--vp-custom-block-note-bg: #474748;
--vp-custom-block-tip: #009400;
--vp-custom-block-tip-bg: #003100;
--vp-custom-block-warning: #e6a700;
--vp-custom-block-warning-bg: #4d3800;
--vp-custom-block-danger: #e13238;
--vp-custom-block-danger-bg: #4b1113;
--vp-custom-block-important: #a371f7;
--vp-custom-block-important-bg: #230555;
}
h1 {
background: -webkit-linear-gradient(10deg, #bd34fe 5%, #e43498 15%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* 提醒 */
.note.custom-block.github-alert{
background-color: var(--vp-custom-block-note-bg);
border-left: 5px solid var(--vp-custom-block-note);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
/* 建议 */
.tip.custom-block.github-alert {
background-color: var(--vp-custom-block-tip-bg);
border-left: 5px solid var(--vp-custom-block-tip);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
/* 重要框 */
.important.custom-block.github-alert {
background-color: var(--vp-custom-block-important-bg);
border-left: 5px solid var(--vp-custom-block-important);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
/* 警告 */
.warning.custom-block.github-alert {
background-color: var(--vp-custom-block-warning-bg);
border-left: 5px solid var(--vp-custom-block-warning);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
/* 注意 */
.caution.custom-block.github-alert {
border-color: var(--vp-c-red-soft);
border-left: 5px solid var(--vp-c-red-3);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

View File

@ -1 +1,2 @@
@import './blockquote.css';
@import './var.css';

View File

@ -1,15 +1,3 @@
:root {
--vp-c-brand-1: #18794e;
--vp-c-brand-2: #299764;
--vp-c-brand-3: #30a46c;
}
.dark {
--vp-c-brand-1: #3dd68c;
--vp-c-brand-2: #30a46c;
--vp-c-brand-3: #298459;
}
.medium-zoom-overlay {
z-index: 20;
}
@ -22,78 +10,15 @@
/* hero标题渐变色 */
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe, #41d1ff);
/*hero logo背景渐变色 */
/* hero logo 背景渐变色 */
--vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
--vp-home-hero-image-filter: blur(40px);
}
h1 {
background: -webkit-linear-gradient(-45deg, #e43498 5%, #5ad7dd 15%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* 提醒 */
.note.custom-block.github-alert{
border-color: var(--vp-c-indigo-3);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}
.note.custom-block.github-alert:hover {
transform: translateY(-5px);
}
/* 建议 */
.tip.custom-block.github-alert {
border-color: var(--vp-c-brand-1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}
.tip.custom-block.github-alert:hover {
transform: translateY(-5px);
}
/* 重要框 */
.important.custom-block.github-alert {
border-color: var(--vp-c-purple-1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}
.important.custom-block.github-alert:hover {
transform: translateY(-5px);
}
/* 警告 */
.warning.custom-block.github-alert {
border-color: var(--vp-c-yellow-1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}
.warning.custom-block.github-alert:hover {
transform: translateY(-5px);
}
/* 注意 */
.caution.custom-block.github-alert {
border-color: var(--vp-c-red-1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}
.caution.custom-block.github-alert:hover {
transform: translateY(-5px);
}
/* 禁止双指缩放 */
body, html {
touch-action: manipulation;
-webkit-touch-callout: none;
-ms-touch-action: manipulation;
}
}