135 lines
31 KiB
HTML
135 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>修改主题颜色和样式 | 中微子代理</title>
|
|
<meta name="generator" content="VuePress 1.9.2">
|
|
<link rel="icon" href="/neutrino-proxy/img/favicon.ico">
|
|
<meta name="description" content="一个基于Netty的开源内网穿透神器">
|
|
<meta name="keywords" content="vuepress,theme,blog,vdoing">
|
|
<meta name="theme-color" content="#11a8cd">
|
|
<meta name="referrer" content="no-referrer-when-downgrade">
|
|
|
|
<link rel="preload" href="/neutrino-proxy/assets/css/0.styles.b79d758c.css" as="style"><link rel="preload" href="/neutrino-proxy/assets/js/app.26329228.js" as="script"><link rel="preload" href="/neutrino-proxy/assets/js/2.bcc017ba.js" as="script"><link rel="preload" href="/neutrino-proxy/assets/js/28.7dfe2be6.js" as="script"><link rel="prefetch" href="/neutrino-proxy/assets/js/10.aefeccb2.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/11.83da976e.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/12.28575ea2.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/13.2bc54ade.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/14.239eae84.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/15.9c7084a5.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/16.db6de795.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/17.5a8480e4.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/18.9d247656.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/19.9da31ccd.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/20.3ad6f2c9.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/21.e3560148.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/22.eb77dd26.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/23.6aa343b0.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/24.7e68c2e7.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/25.de1c1c00.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/26.a9272eda.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/27.d61af734.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/29.ec35ef30.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/3.31c9497d.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/30.43ea93fb.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/31.3d915a65.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/32.ebdd578e.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/33.32f5fccd.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/34.9942da58.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/35.cf7271d2.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/36.9bd0c33b.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/37.71c8b009.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/38.7632b8b0.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/39.5140c9f6.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/4.3e10c61a.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/40.40facdf8.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/5.26fb3e34.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/6.526bfcbe.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/7.df78e3fb.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/8.e3e55472.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/9.cc059fee.js">
|
|
<link rel="stylesheet" href="/neutrino-proxy/assets/css/0.styles.b79d758c.css">
|
|
</head>
|
|
<body class="theme-mode-light">
|
|
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/neutrino-proxy/" class="home-link router-link-active"><img src="/neutrino-proxy/img/logo.png" alt="中微子代理" class="logo"> <span class="site-name can-hide">中微子代理</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/neutrino-proxy/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档" class="dropdown-title"><a href="/neutrino-proxy/pages/793dcb/" class="link-title">文档</a> <span class="title" style="display:none;">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/neutrino-proxy/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy/pages/793dcc/" class="nav-link">后台操作指南</a></li></ul></div></div><div class="nav-item"><a href="/neutrino-proxy/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/neutrino-proxy/pages/1ab20b/" class="nav-link">支持</a></div><div class="nav-item"><a href="/neutrino-proxy/pages/ff3519/" class="nav-link">更新记录</a></div><div class="nav-item"><a href="https://gitcode.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
|
GitCode
|
|
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
|
Gitee
|
|
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="repo-link">
|
|
Github
|
|
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/neutrino-proxy/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档" class="dropdown-title"><a href="/neutrino-proxy/pages/793dcb/" class="link-title">文档</a> <span class="title" style="display:none;">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/neutrino-proxy/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy/pages/793dcc/" class="nav-link">后台操作指南</a></li></ul></div></div><div class="nav-item"><a href="/neutrino-proxy/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/neutrino-proxy/pages/1ab20b/" class="nav-link">支持</a></div><div class="nav-item"><a href="/neutrino-proxy/pages/ff3519/" class="nav-link">更新记录</a></div><div class="nav-item"><a href="https://gitcode.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
|
GitCode
|
|
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
|
Gitee
|
|
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="repo-link">
|
|
Github
|
|
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>配置</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/neutrino-proxy/pages/a20ce8/" class="sidebar-link">主题配置</a></li><li><a href="/neutrino-proxy/pages/f14bdb/" class="sidebar-link">首页配置</a></li><li><a href="/neutrino-proxy/pages/3216b0/" class="sidebar-link">front matter配置</a></li><li><a href="/neutrino-proxy/pages/54651a/" class="sidebar-link">目录页配置</a></li><li><a href="/neutrino-proxy/pages/1cc523/" class="sidebar-link">添加摘要</a></li><li><a href="/neutrino-proxy/pages/f51918/" aria-current="page" class="active sidebar-link">修改主题颜色和样式</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/neutrino-proxy/pages/f51918/#主题样式变量" class="sidebar-link">主题样式变量</a></li><li class="sidebar-sub-header level2"><a href="/neutrino-proxy/pages/f51918/#样式修改与适配" class="sidebar-link">样式修改与适配</a></li></ul></li><li><a href="/neutrino-proxy/pages/ce175c/" class="sidebar-link">评论栏</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div class="right-menu-margin"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">修改主题颜色和样式<!----></h1> <div class="page-slot page-slot-top">
|
|
<div class="wwads-cn wwads-horizontal page-wwads" data-id="136"></div>
|
|
<style>
|
|
.page-wwads{
|
|
width:100%!important;
|
|
min-height: 0;
|
|
margin: 0;
|
|
}
|
|
.page-wwads .wwads-img img{
|
|
width:80px!important;
|
|
}
|
|
.page-wwads .wwads-poweredby{
|
|
width: 40px;
|
|
position: absolute;
|
|
right: 25px;
|
|
bottom: 3px;
|
|
}
|
|
.wwads-content .wwads-text, .page-wwads .wwads-text{
|
|
height: 100%;
|
|
padding-top: 5px;
|
|
display: block;
|
|
}
|
|
</style>
|
|
</div> <div class="theme-vdoing-content content__default"><h2 id="主题样式变量"><a href="#主题样式变量" class="header-anchor">#</a> 主题样式变量</h2> <p>下面是vdoing主题使用的css变量，你可以在<code>.vuepress/styles/palette.styl</code>修改这些变量覆盖它们：</p> <div class="language-stylus extra-class"><pre class="language-stylus"><code><span class="token comment">//***vdoing主题-CSS变量***//</span>
|
|
|
|
<span class="token comment">// 颜色</span>
|
|
<span class="token variable-declaration"><span class="token variable">$bannerTextColor</span> <span class="token operator">=</span> <span class="token hexcode">#fff</span> <span class="token comment">// 首页banner区(博客标题区)的文本颜色</span></span>
|
|
<span class="token variable-declaration"><span class="token variable">$accentColor</span> <span class="token operator">=</span> <span class="token hexcode">#11A8CD</span></span>
|
|
<span class="token variable-declaration"><span class="token variable">$activeColor</span> <span class="token operator">=</span> <span class="token hexcode">#ff5722</span></span>
|
|
<span class="token variable-declaration"><span class="token variable">$arrowBgColor</span> <span class="token operator">=</span> <span class="token hexcode">#ccc</span></span>
|
|
|
|
<span class="token comment">// 布局</span>
|
|
<span class="token variable-declaration"><span class="token variable">$navbarHeight</span> <span class="token operator">=</span> <span class="token number">3.6</span><span class="token unit">rem</span></span>
|
|
<span class="token variable-declaration"><span class="token variable">$sidebarWidth</span> <span class="token operator">=</span> <span class="token number">18</span><span class="token unit">rem</span></span>
|
|
<span class="token variable-declaration"><span class="token variable">$contentWidth</span> <span class="token operator">=</span> <span class="token number">860</span><span class="token unit">px</span></span>
|
|
<span class="token variable-declaration"><span class="token variable">$homePageWidth</span> <span class="token operator">=</span> <span class="token number">1100</span><span class="token unit">px</span></span>
|
|
<span class="token variable-declaration"><span class="token variable">$rightMenuWidth</span> <span class="token operator">=</span> <span class="token number">230</span><span class="token unit">px</span> <span class="token comment">// 右侧菜单</span></span>
|
|
|
|
<span class="token comment">// 代码块</span>
|
|
<span class="token variable-declaration"><span class="token variable">$lineNumbersWrapperWidth</span> <span class="token operator">=</span> <span class="token number">2.5</span><span class="token unit">rem</span></span>
|
|
|
|
<span class="token selector"><span class="token comment">// 浅色模式</span>
|
|
.theme-mode-light</span>
|
|
<span class="token property-declaration"><span class="token property">--bodyBg</span><span class="token punctuation">:</span> <span class="token hexcode">#f4f4f4</span></span>
|
|
<span class="token property-declaration"><span class="token property">--mainBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">1</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--sidebarBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">.8</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--blurBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">255</span><span class="token punctuation">,</span><span class="token number">.9</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--textColor</span><span class="token punctuation">:</span> <span class="token hexcode">#004050</span></span>
|
|
<span class="token property-declaration"><span class="token property">--textLightenColor</span><span class="token punctuation">:</span> <span class="token hexcode">#0085AD</span></span>
|
|
<span class="token property-declaration"><span class="token property">--borderColor</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">.15</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token comment">// 代码块浅色主题</span>
|
|
<span class="token property-declaration"><span class="token property">--codeBg</span><span class="token punctuation">:</span> <span class="token hexcode">#f6f6f6</span></span>
|
|
<span class="token property-declaration"><span class="token property">--codeColor</span><span class="token punctuation">:</span> <span class="token hexcode">#525252</span></span>
|
|
<span class="token func"><span class="token function">codeThemeLight</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span>
|
|
<span class="token comment">// 代码块深色主题</span>
|
|
<span class="token comment">// --codeBg: #252526</span>
|
|
<span class="token comment">// --codeColor: #fff</span>
|
|
<span class="token comment">// codeThemeDark()</span>
|
|
|
|
<span class="token selector"><span class="token comment">// 深色模式</span>
|
|
.theme-mode-dark</span>
|
|
<span class="token property-declaration"><span class="token property">--bodyBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgb</span><span class="token punctuation">(</span><span class="token number">39</span><span class="token punctuation">,</span><span class="token number">39</span><span class="token punctuation">,</span><span class="token number">43</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--mainBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">30</span><span class="token punctuation">,</span><span class="token number">30</span><span class="token punctuation">,</span><span class="token number">34</span><span class="token punctuation">,</span><span class="token number">1</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--sidebarBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">30</span><span class="token punctuation">,</span><span class="token number">30</span><span class="token punctuation">,</span><span class="token number">34</span><span class="token punctuation">,</span><span class="token number">.8</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--blurBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">30</span><span class="token punctuation">,</span><span class="token number">30</span><span class="token punctuation">,</span><span class="token number">34</span><span class="token punctuation">,</span><span class="token number">.8</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--textColor</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgb</span><span class="token punctuation">(</span><span class="token number">140</span><span class="token punctuation">,</span><span class="token number">140</span><span class="token punctuation">,</span><span class="token number">150</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--textLightenColor</span><span class="token punctuation">:</span> <span class="token hexcode">#0085AD</span></span>
|
|
<span class="token property-declaration"><span class="token property">--borderColor</span><span class="token punctuation">:</span> <span class="token hexcode">#2C2C3A</span></span>
|
|
<span class="token property-declaration"><span class="token property">--codeBg</span><span class="token punctuation">:</span> <span class="token hexcode">#252526</span></span>
|
|
<span class="token property-declaration"><span class="token property">--codeColor</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span></span>
|
|
<span class="token func"><span class="token function">codeThemeDark</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span>
|
|
|
|
<span class="token selector"><span class="token comment">// 阅读模式</span>
|
|
.theme-mode-read</span>
|
|
<span class="token property-declaration"><span class="token property">--bodyBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgb</span><span class="token punctuation">(</span><span class="token number">240</span><span class="token punctuation">,</span><span class="token number">240</span><span class="token punctuation">,</span><span class="token number">208</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--mainBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">245</span><span class="token punctuation">,</span><span class="token number">245</span><span class="token punctuation">,</span><span class="token number">213</span><span class="token punctuation">,</span><span class="token number">1</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--sidebarBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">245</span><span class="token punctuation">,</span><span class="token number">245</span><span class="token punctuation">,</span><span class="token number">213</span><span class="token punctuation">,</span><span class="token number">.8</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--blurBg</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">245</span><span class="token punctuation">,</span><span class="token number">245</span><span class="token punctuation">,</span><span class="token number">213</span><span class="token punctuation">,</span><span class="token number">.9</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--textColor</span><span class="token punctuation">:</span> <span class="token hexcode">#004050</span></span>
|
|
<span class="token property-declaration"><span class="token property">--textLightenColor</span><span class="token punctuation">:</span> <span class="token hexcode">#0085AD</span></span>
|
|
<span class="token property-declaration"><span class="token property">--borderColor</span><span class="token punctuation">:</span> <span class="token func"><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">.15</span><span class="token punctuation">)</span></span></span>
|
|
<span class="token property-declaration"><span class="token property">--codeBg</span><span class="token punctuation">:</span> <span class="token hexcode">#282c34</span></span>
|
|
<span class="token property-declaration"><span class="token property">--codeColor</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span></span>
|
|
<span class="token func"><span class="token function">codeThemeDark</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span>
|
|
</code></pre></div><p>上面的变量值可能不是最新的，最新的变量值可查看：<a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/theme-vdoing/styles/palette.styl" target="_blank" rel="noopener noreferrer">palette.styl<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="样式修改与适配"><a href="#样式修改与适配" class="header-anchor">#</a> 样式修改与适配</h2> <p>当你想修改主题某个地方的样式时，或者你在给博客添加了一些新的模块或插件，发现样式和主题的样式不协调时，都可以在<code>.vuepress/styles/index.styl</code>
|
|
添加css样式来做修改。
|
|
需要注意的是，你在自己写的css样式中，请尽量使用主题提供的变量来进行适配。</p> <blockquote><p><strong>小技巧</strong>：当你发现自己写的css样式优先级没有原来的样式高时，可以在样式后面添加<code>!improtant</code>后缀，使你的样式优先级是最高的。</p></blockquote></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/03/15, 13:11:57</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/neutrino-proxy/pages/1cc523/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">添加摘要</div></a> <a href="/neutrino-proxy/pages/ce175c/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">评论栏</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
|
|
←
|
|
<a href="/neutrino-proxy/pages/1cc523/" class="prev">添加摘要</a></span> <span class="next"><a href="/neutrino-proxy/pages/ce175c/">评论栏</a>→
|
|
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="mailto:[email protected]" title="发邮件" target="_blank" class="iconfont icon-youjian"></a><a href="https://gitee.com/dromara/neutrino-proxy" title="Gitee" target="_blank" class="iconfont icon-gitee"></a><a href="https://github.com/aoshiguchen/neutrino-proxy" title="Github" target="_blank" class="iconfont icon-github"></a></div>
|
|
Theme by
|
|
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
|
| Copyright © 2023-2024
|
|
<span>傲世孤尘 | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
|
|
跟随系统
|
|
</li><li class="iconfont icon-rijianmoshi">
|
|
浅色模式
|
|
</li><li class="iconfont icon-yejianmoshi">
|
|
深色模式
|
|
</li><li class="iconfont icon-yuedu">
|
|
阅读模式
|
|
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
|
|
<script src="/neutrino-proxy/assets/js/app.26329228.js" defer></script><script src="/neutrino-proxy/assets/js/2.bcc017ba.js" defer></script><script src="/neutrino-proxy/assets/js/28.7dfe2be6.js" defer></script>
|
|
</body>
|
|
</html>
|