diff --git a/public/image/theme/chester/logo/all.png b/public/image/theme/chester/logo/all.png new file mode 100644 index 00000000..f17082aa Binary files /dev/null and b/public/image/theme/chester/logo/all.png differ diff --git a/public/image/theme/chester/logo/icon-only.png b/public/image/theme/chester/logo/icon-only.png new file mode 100644 index 00000000..a4fc8802 Binary files /dev/null and b/public/image/theme/chester/logo/icon-only.png differ diff --git a/public/image/theme/chester/preview@2x.png b/public/image/theme/chester/preview@2x.png new file mode 100644 index 00000000..3be552b2 Binary files /dev/null and b/public/image/theme/chester/preview@2x.png differ diff --git a/src/assets/style/theme/chester/index.scss b/src/assets/style/theme/chester/index.scss new file mode 100644 index 00000000..7b69d576 --- /dev/null +++ b/src/assets/style/theme/chester/index.scss @@ -0,0 +1,2 @@ +@import './setting.scss'; +@import '../theme.scss'; diff --git a/src/assets/style/theme/chester/setting.scss b/src/assets/style/theme/chester/setting.scss new file mode 100644 index 00000000..899e0aa6 --- /dev/null +++ b/src/assets/style/theme/chester/setting.scss @@ -0,0 +1,64 @@ +// 主题名称 +$theme-name: 'chester'; +// 主题背景颜色 +$theme-bg-color: #2C3643; +// 主题背景图片遮罩 +$theme-bg-mask: rgba(#000, 0); + +// 消息提示 +$theme-message-info-background-color: #FFFFFF; +$theme-message-info-text-color: #222A34; +$theme-message-info-border-color: #222A34; + +// container组件 +$theme-container-background-color: rgba(#FFF, 1); +$theme-container-header-footer-background-color: #FFF; +$theme-container-border-inner: 1px solid #CFD7E5; +$theme-container-border-outer: 1px solid #2A2D2E; + +$theme-multiple-page-control-color: #CCCCCC; +$theme-multiple-page-control-color-active: #242D38; +$theme-multiple-page-control-nav-prev-color: #CCCCCC; +$theme-multiple-page-control-nav-next-color: #CCCCCC; +$theme-multiple-page-control-border-color: #2A2D2E; +$theme-multiple-page-control-border-color-active: #FFFFFF; +$theme-multiple-page-control-background-color: #242D38; +$theme-multiple-page-control-background-color-active: #FFFFFF; + +// 顶栏和侧边栏中展开的菜单 hover 状态下 +$theme-menu-item-color-hover: #CCCCCC; +$theme-menu-item-background-color-hover: #2A2D2E; + +// 顶栏上的文字颜色 +$theme-header-item-color: #CCCCCC; +$theme-header-item-background-color: transparent; +// 顶栏上的项目在 hover 时 +$theme-header-item-color-hover: #CCCCCC; +$theme-header-item-background-color-hover: #2A2D2E; +// 顶栏上的项目在 focus 时 +$theme-header-item-color-focus: #CCCCCC; +$theme-header-item-background-color-focus: #222A34; +// 顶栏上的项目在 active 时 +$theme-header-item-color-active: #FFFFFF; +$theme-header-item-background-color-active: #222A34; + +// 侧边栏上的文字颜色 +$theme-aside-item-color: #CCCCCC; +$theme-aside-item-background-color: transparent; +// 侧边栏上的项目在 hover 时 +$theme-aside-item-color-hover: #CCCCCC; +$theme-aside-item-background-color-hover: #2A2D2E; +// 侧边栏上的项目在 focus 时 +$theme-aside-item-color-focus: #CCCCCC; +$theme-aside-item-background-color-focus: #222A34; +// 侧边栏上的项目在 active 时 +$theme-aside-item-color-active: #FFFFFF; +$theme-aside-item-background-color-active: #222A34; + +// 侧边栏菜单为空的时候显示的元素 +$theme-aside-menu-empty-icon-color: #CCCCCC; +$theme-aside-menu-empty-text-color: #CCCCCC; +$theme-aside-menu-empty-background-color: #242D38; +$theme-aside-menu-empty-icon-color-hover: #FFFFFF; +$theme-aside-menu-empty-text-color-hover: #FFFFFF; +$theme-aside-menu-empty-background-color-hover: #242D38; \ No newline at end of file diff --git a/src/assets/style/theme/register.scss b/src/assets/style/theme/register.scss index 47dca207..b9449115 100644 --- a/src/assets/style/theme/register.scss +++ b/src/assets/style/theme/register.scss @@ -1,6 +1,7 @@ @import '~@/assets/style/theme/theme-base.scss'; @import '~@/assets/style/theme/d2/index.scss'; +@import '~@/assets/style/theme/chester/index.scss'; @import '~@/assets/style/theme/line/index.scss'; @import '~@/assets/style/theme/star/index.scss'; @import '~@/assets/style/theme/tomorrow-night-blue/index.scss'; diff --git a/src/setting.js b/src/setting.js index 01161f0d..bca1d15e 100644 --- a/src/setting.js +++ b/src/setting.js @@ -37,6 +37,11 @@ export default { name: 'd2', preview: 'image/theme/d2/preview@2x.png' }, + { + title: 'Chester', + name: 'chester', + preview: 'image/theme/chester/preview@2x.png' + }, { title: '紫罗兰', name: 'violet',