diff --git a/phycat-green.css b/phycat-green.css
index d0d43f6..8c70af3 100644
--- a/phycat-green.css
+++ b/phycat-green.css
@@ -2,39 +2,48 @@
:root {
/* 标题后小图标，借鉴自思源笔记主题——Savor */
- --h1-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h2-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h3-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h4-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h5-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h6-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
+ --h1-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h2-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h3-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h4-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h5-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h6-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+
+ /* 是否开启网格背景？1 是；0 否 */
+ --bg-grid: 0;
/* 主题颜色 */
- --head-title-color: #11aa63; /* 标题主色 */
- --head-title-h2-background: linear-gradient(
- to right,
- #43bd84,
- #68eaad
- ); /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
+ --head-title-color: #11aa63;
+ /* 标题主色 */
+ --head-title-h2-color: #000;
+ --head-title-h2-background: linear-gradient(to right,
+ #43bd84,
+ #68eaad);
+ /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
- --element-color: #11aa63; /* 元素主色 */
- --element-color-deep: #009a52; /* 元素深色 */
- --element-color-shallow: #80c3a4; /* 元素浅色 */
- --element-color-so-shallow: #43bd8499; /* 元素很浅色 */
- --element-color-soo-shallow: #6cb19125; /* 元素非常浅色 */
+ --element-color: #11aa63;
+ /* 元素主色 */
+ --element-color-deep: #009a52;
+ /* 元素深色 */
+ --element-color-shallow: #80c3a4;
+ /* 元素浅色 */
+ --element-color-so-shallow: #43bd8499;
+ /* 元素很浅色 */
+ --element-color-soo-shallow: #6cb19125;
+ /* 元素非常浅色 */
- --element-color-linecode: #143526; /* 行内代码文字色 */
- --element-color-linecode-background: #80c3a495; /* 行内代码背景色 */
+ --element-color-linecode: #143526;
+ /* 行内代码文字色 */
+ --element-color-linecode-background: #80c3a495;
+ /* 行内代码背景色 */
/* 程序本体UI */
- --appui-color: #008145; /* 程序UI主题色 */
- --appui-color-icon: #0e874f; /* 程序UI图标颜色 */
- --appui-color-text: #333; /* 程序UI文字色 */
-}
+ --appui-color: #008145;
+ /* 程序UI主题色 */
+ --appui-color-icon: #0e874f;
+ /* 程序UI图标颜色 */
+ --appui-color-text: #333;
+ /* 程序UI文字色 */
+ --primary-color: #008145;
+}
\ No newline at end of file
diff --git a/phycat-mint.css b/phycat-mint.css
index 4b471c5..919c128 100644
--- a/phycat-mint.css
+++ b/phycat-mint.css
@@ -2,39 +2,48 @@
:root {
/* 标题后小图标，借鉴自思源笔记主题——Savor */
- --h1-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h2-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h3-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h4-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h5-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h6-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
+ --h1-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h2-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h3-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h4-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h5-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h6-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+
+ /* 是否开启网格背景？1 是；0 否 */
+ --bg-grid: 0;
/* 主题颜色 */
- --head-title-color: #3db8bf; /* 标题主色 */
- --head-title-h2-background: linear-gradient(
- to right,
- #3db8bf,
- #80f7ff
- ); /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
+ --head-title-color: #3db8bf;
+ /* 标题主色 */
+ --head-title-h2-color: #fff;
+ --head-title-h2-background: linear-gradient(to right,
+ #3DB8D3,
+ #80F7C4);
+ /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
- --element-color: #3db8bf; /* 元素主色 */
- --element-color-deep: #089ba3; /* 元素深色 */
- --element-color-shallow: #7aeaf0; /* 元素浅色 */
- --element-color-so-shallow: #7aeaf077; /* 元素很浅色 */
- --element-color-soo-shallow: #7aeaf018; /* 元素非常浅色 */
+ --element-color: #3db8bf;
+ /* 元素主色 */
+ --element-color-deep: #089ba3;
+ /* 元素深色 */
+ --element-color-shallow: #7aeaf0;
+ /* 元素浅色 */
+ --element-color-so-shallow: #7aeaf077;
+ /* 元素很浅色 */
+ --element-color-soo-shallow: #7aeaf018;
+ /* 元素非常浅色 */
- --element-color-linecode: #143526; /* 行内代码文字色 */
- --element-color-linecode-background: #7aeaf077; /* 行内代码背景色 */
+ --element-color-linecode: #143526;
+ /* 行内代码文字色 */
+ --element-color-linecode-background: #7aeaf077;
+ /* 行内代码背景色 */
/* 程序本体UI */
- --appui-color: #3db8bf; /* 程序UI主题色 */
- --appui-color-icon: #3db8bf; /* 程序UI图标颜色 */
- --appui-color-text: #333; /* 程序UI文字色 */
-}
+ --appui-color: #3db8bf;
+ /* 程序UI主题色 */
+ --appui-color-icon: #3db8bf;
+ /* 程序UI图标颜色 */
+ --appui-color-text: #333;
+ /* 程序UI文字色 */
+ --primary-color: #3db8bf;
+}
\ No newline at end of file
diff --git a/phycat-orange.css b/phycat-orange.css
index 06257f7..8b9ce51 100644
--- a/phycat-orange.css
+++ b/phycat-orange.css
@@ -2,36 +2,47 @@
:root {
/* 标题后小图标，借鉴自思源笔记主题——Savor */
- --h1-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h2-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h3-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h4-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h5-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h6-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
+ --h1-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h2-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h3-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h4-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h5-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h6-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+
+ /* 是否开启网格背景？1 是；0 否 */
+ --bg-grid: 0;
/* 主题颜色 */
- --head-title-color: #ffc000; /* 标题主色 */
- --head-title-h2-background: linear-gradient(to right, #f7ce68, #fbabfe); /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
+ --head-title-color: #ffc000;
+ /* 标题主色 */
+ --head-title-h2-color: #000;
+ --head-title-h2-background: linear-gradient(to right, #f7ce68, #fbabfe);
+ /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
- --element-color: #FB9500; /* 元素主色 */
- --element-color-deep: #FB9500; /* 元素深色 */
- --element-color-shallow: #fbcf4b; /* 元素浅色 */
- --element-color-so-shallow: #fb970069; /* 元素很浅色 */
- --element-color-soo-shallow: #fffaf4; /* 元素非常浅色 */
+ --element-color: #ffc000;
+ /* 元素主色 */
+ --element-color-deep: #ffa531;
+ /* 元素深色 */
+ --element-color-shallow: #fbcf4b;
+ /* 元素浅色 */
+ --element-color-so-shallow: #fb970069;
+ /* 元素很浅色 */
+ --element-color-soo-shallow: #fffaf4;
+ /* 元素非常浅色 */
- --element-color-linecode: #dc3545; /* 行内代码文字色 */
- --element-color-linecode-background: #ffe7e7; /* 行内代码背景色 */
+ --element-color-linecode: #dc3545;
+ /* 行内代码文字色 */
+ --element-color-linecode-background: #ffe7e7;
+ /* 行内代码背景色 */
/* 程序本体UI */
- --appui-color: #546f99; /* 程序UI主题色 */
- --appui-color-icon: #374966; /* 程序UI图标颜色 */
- --appui-color-text: #374966; /* 程序UI文字色 */
-}
+ --appui-color: #ff6c31;
+ /* 程序UI主题色 */
+ --appui-color-icon: #ff6c31;
+ /* 程序UI图标颜色 */
+ --appui-color-text: #374966;
+ /* 程序UI文字色 */
+ --primary-color: #ff6c31;
+}
\ No newline at end of file
diff --git a/phycat-plusblue.css b/phycat-plusblue.css
index 28fc02b..a8b32b4 100644
--- a/phycat-plusblue.css
+++ b/phycat-plusblue.css
@@ -2,35 +2,47 @@
:root {
/* 标题后小图标，借鉴自思源笔记主题——Savor */
- --h1-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h2-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h3-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h4-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h5-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h6-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
+ --h1-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h2-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h3-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h4-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h5-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h6-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+
+ /* 是否开启网格背景？1 是；0 否 */
+ --bg-grid: 0;
/* 主题颜色 */
- --head-title-color: #5c7aaa; /* 标题主色 */
- --head-title-h2-background: #6785b4; /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
+ --head-title-color: #5c7aaa;
+ /* 标题主色 */
+ --head-title-h2-color: #fff;
+ --head-title-h2-background: linear-gradient(to right,
+ #6785b4,
+ #3E5477);
+ /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
- --element-color: #546f99; /* 元素主色 */
- --element-color-deep: #374966; /* 元素深色 */
- --element-color-shallow: #7893bf; /* 元素浅色 */
- --element-color-so-shallow: #546e9954; /* 元素很浅色 */
- --element-color-soo-shallow: #ffffff; /* 元素非常浅色 */
+ --element-color: #546f99;
+ /* 元素主色 */
+ --element-color-deep: #374966;
+ /* 元素深色 */
+ --element-color-shallow: #7893bf;
+ /* 元素浅色 */
+ --element-color-so-shallow: #546e9954;
+ /* 元素很浅色 */
+ --element-color-soo-shallow: #f9fbffb5;
+ /* 元素非常浅色 */
- --element-color-linecode: #0e1014; /* 行内代码文字色 */
- --element-color-linecode-background: #546e9954; /* 行内代码背景色 */
+ --element-color-linecode: #0e1014;
+ /* 行内代码文字色 */
+ --element-color-linecode-background: #546e992c;
+ /* 行内代码背景色 */
/* 程序本体UI */
- --appui-color: #546f99; /* 程序UI主题色 */
- --appui-color-icon: #374966; /* 程序UI图标颜色 */
- --appui-color-text: #333; /* 程序UI文字色 */
-}
+ --appui-color: #546f99;
+ /* 程序UI主题色 */
+ --appui-color-icon: #374966;
+ /* 程序UI图标颜色 */
+ --appui-color-text: #333;
+ /* 程序UI文字色 */
+}
\ No newline at end of file
diff --git a/phycat-purple.css b/phycat-purple.css
index 7ff7a2c..85beaa1 100644
--- a/phycat-purple.css
+++ b/phycat-purple.css
@@ -2,36 +2,47 @@
:root {
/* 标题后小图标，借鉴自思源笔记主题——Savor */
- --h1-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h2-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h3-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h4-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h5-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
- --h6-r-graphic: url("data:image/svg+xml;utf8,")
- no-repeat center;
+ --h1-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h2-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h3-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h4-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h5-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+ --h6-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
+
+ /* 是否开启网格背景？1 是；0 否 */
+ --bg-grid: 1;
/* 主题颜色 */
- --head-title-color: #cfacfa; /* 标题主色 */
- --head-title-h2-background: linear-gradient(to right,#cfa8ff, #beaafd);; /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
+ --head-title-color: #cfacfa;
+ /* 标题主色 */
+ --head-title-h2-color: #fff;
+ --head-title-h2-background: linear-gradient(to right, #cfa8ff, #a962ff);
+ /* 二级标题主色，因为二级标题是背景色的，所以单独设置 */
- --element-color: #cfa8ff; /* 元素主色 */
- --element-color-deep: #a962ff; /* 元素深色 */
- --element-color-shallow: #dcc1fd; /* 元素浅色 */
- --element-color-so-shallow: #cfa8ff5c; /* 元素很浅色 */
- --element-color-soo-shallow: #cfa8ff10; /* 元素非常浅色 */
+ --element-color: #cfa8ff;
+ /* 元素主色 */
+ --element-color-deep: #a962ff;
+ /* 元素深色 */
+ --element-color-shallow: #dcc1fd;
+ /* 元素浅色 */
+ --element-color-so-shallow: #cfa8ff5c;
+ /* 元素很浅色 */
+ --element-color-soo-shallow: #cfa8ff10;
+ /* 元素非常浅色 */
- --element-color-linecode: #2c1f3c; /* 行内代码文字色 */
- --element-color-linecode-background: #cfa8ff5c; /* 行内代码背景色 */
+ --element-color-linecode: #2c1f3c;
+ /* 行内代码文字色 */
+ --element-color-linecode-background: #cfa8ff5c;
+ /* 行内代码背景色 */
/* 程序本体UI */
- --appui-color: #546f99; /* 程序UI主题色 */
- --appui-color-icon: #374966; /* 程序UI图标颜色 */
- --appui-color-text: #374966; /* 程序UI文字色 */
-}
+ --appui-color: #546f99;
+ /* 程序UI主题色 */
+ --appui-color-icon: #374966;
+ /* 程序UI图标颜色 */
+ --appui-color-text: #374966;
+ /* 程序UI文字色 */
+ --primary-color: #546f95;
+}
\ No newline at end of file
diff --git a/phycat/phycat.dark.css b/phycat/phycat.dark.css
index 9c8790c..a26da37 100644
--- a/phycat/phycat.dark.css
+++ b/phycat/phycat.dark.css
@@ -422,7 +422,6 @@ li.md-list-item {
/* 图片*/
#write img {
border-radius: 6px;
- display: block;
margin: 20px auto;
object-fit: contain;
}
diff --git a/phycat/phycat.light.css b/phycat/phycat.light.css
index 265367c..868a359 100644
--- a/phycat/phycat.light.css
+++ b/phycat/phycat.light.css
@@ -51,6 +51,9 @@ html {
word-break: break-word;
word-wrap: break-word;
text-align: left;
+ background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) calc(3%*var(--bg-grid)), rgba(0, 0, 0, 0) calc(3%*var(--bg-grid))), linear-gradient(360deg, rgba(50, 0, 0, 0.05) calc(3%*var(--bg-grid)), rgba(0, 0, 0, 0) calc(3%*var(--bg-grid)));
+ background-size: 20px 20px;
+ background-position: center center;
}
#write p {
@@ -102,7 +105,8 @@ h6:after {
/* 二级标题 */
#write h2 {
- font-size: 1.5rem;
+ color: var(--head-title-h2-color);
+ font-size: 1.4rem;
line-height: 1.6;
width: fit-content;
font-weight: bold;
@@ -196,7 +200,7 @@ h6:after {
/* 列表 */
::marker {
- color: #626161;
+ color: var(--element-color-deep);
}
li.md-list-item {
@@ -251,7 +255,7 @@ li.md-list-item {
height: calc(100% - 50px);
top: 35px;
position: absolute;
- border-left: 0.5px solid #d6d6d6;
+ border-left: 0.5px solid var(--element-color);
left: -14.5px;
}
@@ -307,7 +311,8 @@ li.md-list-item {
#write blockquote {
margin-left: 12px;
padding: 12px;
- border: 1px solid var(--element-color);
+ background: var(--element-color-soo-shallow);
+ border: 0px solid var(--element-color);
border-left-color: var(--element-color);
border-left-width: 4px;
border-radius: 4px;
@@ -394,7 +399,6 @@ li.md-list-item {
/* 图片*/
#write img {
border-radius: 6px;
- display: block;
margin: 20px auto;
object-fit: contain;
}