mirror of
https://github.com/142vip/408CSFamily.git
synced 2026-11-05 06:38:34 +08:00
refactor(vuepress): 迁移主题样式与站点品牌资源
将 styles 与 logo/favicon 移至根目录 .vuepress,并更新为透明背景单 logo。
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
@@ -1,12 +0,0 @@
|
||||
// 参考:https://theme-hope.vuejs.press/zh/guide/interface/code-theme.html
|
||||
|
||||
// 浅色主题
|
||||
$code-light-them: 'coldark-cold';
|
||||
|
||||
// 深色主题
|
||||
$code-dark-theme: 'atom-dark';
|
||||
|
||||
// 主题色
|
||||
// $theme-colors: #2196f3, #f26d6d, #3eaf7c, #fb9b5f;
|
||||
|
||||
$theme-color: #2196f3;
|
||||
@@ -1,128 +0,0 @@
|
||||
/* 此处自定义样式,对主题进行覆盖 */
|
||||
|
||||
// 全站主题色
|
||||
:root {
|
||||
// brand colors
|
||||
// --c-brand: #3eaf7c;
|
||||
// --c-brand-light: #4abf8a;
|
||||
|
||||
--c-brand: #4ce9ad;
|
||||
--c-brand-light: #42b983;
|
||||
|
||||
// background colors
|
||||
--c-bg: #ffffff;
|
||||
--c-bg-light: #f3f4f5;
|
||||
--c-bg-lighter: #eeeeee;
|
||||
--c-bg-navbar: var(--c-bg);
|
||||
--c-bg-sidebar: var(--c-bg);
|
||||
--c-bg-arrow: #cccccc;
|
||||
|
||||
// text colors
|
||||
--c-text: #2c3e50;
|
||||
--c-text-accent: var(--c-brand);
|
||||
--c-text-light: #3a5169;
|
||||
--c-text-lighter: #4e6e8e;
|
||||
--c-text-lightest: #6a8bad;
|
||||
--c-text-quote: #999999;
|
||||
|
||||
// border colors
|
||||
--c-border: #eaecef;
|
||||
--c-border-dark: #dfe2e5;
|
||||
|
||||
// custom container colors
|
||||
--c-tip: #42b983;
|
||||
--c-tip-bg: var(--c-bg-light);
|
||||
--c-tip-title: var(--c-text);
|
||||
--c-tip-text: var(--c-text);
|
||||
--c-tip-text-accent: var(--c-text-accent);
|
||||
--c-warning: #e7c000;
|
||||
--c-warning-bg: #fffae3;
|
||||
--c-warning-title: #ad9000;
|
||||
--c-warning-text: #746000;
|
||||
--c-warning-text-accent: var(--c-text);
|
||||
--c-danger: #cc0000;
|
||||
--c-danger-bg: #ffe0e0;
|
||||
--c-danger-title: #990000;
|
||||
--c-danger-text: #660000;
|
||||
--c-danger-text-accent: var(--c-text);
|
||||
--c-details-bg: #eeeeee;
|
||||
|
||||
// badge component colors
|
||||
--c-badge-tip: var(--c-tip);
|
||||
--c-badge-warning: var(--c-warning);
|
||||
--c-badge-danger: var(--c-danger);
|
||||
|
||||
// transition vars
|
||||
--t-color: 0.3s ease;
|
||||
--t-transform: 0.3s ease;
|
||||
|
||||
// code blocks vars
|
||||
--code-bg-color: #282c34;
|
||||
--code-hl-bg-color: rgba(0, 0, 0, 0.66);
|
||||
--code-ln-color: #9e9e9e;
|
||||
--code-ln-wrapper-width: 3.5rem;
|
||||
|
||||
// font vars
|
||||
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
|
||||
'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
--font-family-code: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
|
||||
// layout vars
|
||||
--navbar-height: 3.6rem;
|
||||
--navbar-padding-v: 0.7rem;
|
||||
--navbar-padding-h: 1.5rem;
|
||||
--sidebar-width: 20rem;
|
||||
--sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
|
||||
--content-width: 740px;
|
||||
--homepage-width: 960px;
|
||||
}
|
||||
|
||||
// plugin-docsearch
|
||||
.DocSearch {
|
||||
--docsearch-primary-color: var(--c-brand);
|
||||
--docsearch-text-color: var(--c-text);
|
||||
--docsearch-highlight-color: var(--c-brand);
|
||||
--docsearch-muted-color: var(--c-text-quote);
|
||||
--docsearch-container-background: rgba(9, 10, 17, 0.8);
|
||||
--docsearch-modal-background: var(--c-bg-light);
|
||||
--docsearch-searchbox-background: var(--c-bg-lighter);
|
||||
--docsearch-searchbox-focus-background: var(--c-bg);
|
||||
--docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);
|
||||
--docsearch-hit-color: var(--c-text-light);
|
||||
--docsearch-hit-active-color: var(--c-bg);
|
||||
--docsearch-hit-background: var(--c-bg);
|
||||
--docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);
|
||||
--docsearch-footer-background: var(--c-bg);
|
||||
}
|
||||
|
||||
// plugin-external-link-icon
|
||||
.external-link-icon {
|
||||
--external-link-icon-color: var(--c-text-quote);
|
||||
}
|
||||
|
||||
// plugin-medium-zoom
|
||||
.medium-zoom-overlay {
|
||||
--medium-zoom-bg-color: var(--c-bg);
|
||||
}
|
||||
|
||||
// plugin-pwa-popup
|
||||
.pwa-popup {
|
||||
--pwa-popup-text-color: var(--c-text);
|
||||
--pwa-popup-bg-color: var(--c-bg);
|
||||
--pwa-popup-border-color: var(--c-brand);
|
||||
--pwa-popup-shadow: 0 4px 16px var(--c-brand);
|
||||
--pwa-popup-btn-text-color: var(--c-bg);
|
||||
--pwa-popup-btn-bg-color: var(--c-brand);
|
||||
--pwa-popup-btn-hover-bg-color: var(--c-brand-light);
|
||||
}
|
||||
|
||||
// plugin-search
|
||||
.search-box {
|
||||
--search-bg-color: var(--c-bg);
|
||||
--search-accent-color: var(--c-brand);
|
||||
--search-text-color: var(--c-text);
|
||||
--search-border-color: var(--c-border);
|
||||
|
||||
--search-item-text-color: var(--c-text-lighter);
|
||||
--search-item-focus-bg-color: var(--c-bg-light);
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
// 主题色
|
||||
//$theme-color: #2980B9;
|
||||
$theme-color: #6184e8;
|
||||
//$sidebar-width: 20rem;
|
||||
//$sidebar-mobile-width: 16rem;
|
||||
//$content-width: 75rem;
|
||||
$home-page-width: 80rem;
|
||||
Reference in New Issue
Block a user