Merge pull request #7 from EvanNotFound/dev

Redefine Theme v0.3.0

README.md

@@ -6,7 +6,7 @@
 
 "Theme Redefine" is based on [hexo-theme-keep](https://github.com/XPoet/hexo-theme-keep), but with **prettier interface** and **more functions**.
 
-[![NPM version](https://img.shields.io/npm/v/hexo-theme-redefine?color=red&logo=npm&style=flat-square)](https://www.npmjs.com/package/hexo-theme-redefine) [![Github License](https://img.shields.io/github/license/XPoet/hexo-theme-keep.svg?style=flat-square)](https://github.com/EvanNotFound/hexo-theme-redefine/blob/main/LICENSE) [![Required Hexo version](https://img.shields.io/badge/hexo-%3E=5.0.0-blue?style=flat-square&logo=hexo)](https://hexo.io) [![Node.js Version](https://img.shields.io/badge/node-%3E=12.0-success.svg?style=flat-square&logo=Node.js&longCache=true)](https://hexo.io)
+[![NPM version](https://img.shields.io/npm/v/hexo-theme-redefine?color=red&logo=npm&style=flat-square)](https://www.npmjs.com/package/hexo-theme-redefine) [![npm](https://img.shields.io/npm/dw/hexo-theme-redefine?logo=npm&style=flat-square)](https://www.npmjs.com/package/hexo-theme-redefine) [![Github License](https://img.shields.io/github/license/XPoet/hexo-theme-keep.svg?style=flat-square)](https://github.com/EvanNotFound/hexo-theme-redefine/blob/main/LICENSE) [![Required Hexo version](https://img.shields.io/badge/hexo-%3E=5.0.0-blue?style=flat-square&logo=hexo)](https://hexo.io) [![Node.js Version](https://img.shields.io/badge/node-%3E=12.0-success.svg?style=flat-square&logo=Node.js&longCache=true)](https://hexo.io)
 
 
 
@@ -86,8 +86,7 @@ If you don't want to donate, you can still leave a comment on [my blog](https://
 
 If, yes if, you think that this theme is pretty good, why not buy me a cup of coffee? Thanks.
 
-![IMG_7991](https://user-images.githubusercontent.com/68590232/195916630-2785ca44-1199-45c6-8b57-1472ec3c6906.JPG)
-
+<img src="https://user-images.githubusercontent.com/68590232/195916630-2785ca44-1199-45c6-8b57-1472ec3c6906.JPG" referrerpolicy="no-referrer" alt="IMG_7991" style="zoom:30%">
 
 
 

_config.yml

@@ -30,6 +30,12 @@ style:
   # Content area max width
   content_max_width: 960px #content max width, for article
 
+  #navigation bar background color (from left to right)
+  nav_color: 
+    left: "#f78736" #left side 
+    right: "#367df7"  #right side
+    transparency: 35 #percent (10-99)
+
   # Mouse hover
   hover:
     shadow: true # shadow effect when the mouse hover
@@ -218,4 +224,4 @@ footer:
 # ---------------------------------------------------------------------------------------
 # Redefine Theme version (Please don't modify)
 # ---------------------------------------------------------------------------------------
-version: 0.2.2
+version: 0.3.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-redefine",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "private": false,
   "description": "\"Redefine\" hexo theme is a simple & fast & pure theme, but with no compromise.",
   "scripts": {

source/css/common/variables.styl

@@ -56,6 +56,10 @@ $z-index-9 = 1009;
 $temp-color = hexo-config('style.primary_color');
 $primary-color = $temp-color ? convert($temp-color) : #0066CC;
 
+//navbar color
+$nav-color-1 = convert(hexo-config('style.nav_color.left') + hexo-config('style.nav_color.transparency'));
+$nav-color-2 = convert(hexo-config('style.nav_color.right') + hexo-config('style.nav_color.transparency'));
+$nav-color-bg = linear-gradient(120deg, $nav-color-1 0%, $nav-color-2 100%);
 
 // ========================================================================================
 // light mode color

source/css/layout/_partial/header.styl

@@ -10,7 +10,7 @@ $logo-image-box-width = 46px;
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(90deg, rgba(87,152,235,0.25) 0%, rgba(133,222,213,0.25) 100%);
+  background: $nav-color-bg;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   padding-top: $scroll-progress-bar-height;