样式更新:表格行颜色交替显示优化,提升可读性

This commit is contained in:
OLDREDSTONE
2025-10-21 22:00:11 +08:00
parent 90af884c2c
commit 139f1eef71
7 changed files with 45 additions and 27 deletions
+25 -3
View File
@@ -5,6 +5,20 @@
src: url(/font/DinkieBitmap-7px.woff2) format('woff2');
}
@font-face {
font-family: 'd7i';
font-style: normal;
font-weight: 400;
src: url(/font/DinkieBitmap-9pxItalic.woff2) format('woff2');
}
@font-face {
font-family: 'd7c';
font-style: normal;
font-weight: 400;
src: url(/font/DinkieBitmap-9pxCode.woff2) format('woff2');
}
@font-face {
font-family: 'd9';
font-style: normal;
@@ -964,7 +978,7 @@ section.cover blockquote>p>a {
.markdown-section output,
.markdown-section pre {
margin: 1.2em 0;
margin: 1em 0;
position: relative
}
@@ -1000,8 +1014,8 @@ section.cover blockquote>p>a {
.markdown-section pre>code {
color: #525252;
font-size: .8rem;
padding: 2.2em 5px;
line-height: inherit;
padding: 1em 5px;
line-height: 1.2em;
margin: 0 2px;
max-width: inherit;
overflow: inherit;
@@ -1269,4 +1283,12 @@ del {
color: inherit;
transition: background-color 0.1s, color 0.1s;
}
}
.docsify-copy-code-button{
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
padding: 0;
margin: 0;
border-radius: 5px;
font: 300 12px 'd9c', 'd9';
}
+10 -17
View File
@@ -7,12 +7,16 @@
.markdown-section blockquote{
background-color: var(--section-blockquote-background-color);
color: var(--section-blockquote-color);
color: var(--main-color);
}
.markdown-section p.tip,
.markdown-section tr:nth-child(2n) {
background-color: var(--section-background-color);
background-color: var(--table-2nd-row-background-color);
}
.markdown-section tr:nth-child(2n-1) {
background-color: var(--table-1st-row-background-color);
}
.progress {
@@ -132,7 +136,7 @@ body {
}
.markdown-section a {
color: var(--theme-color, var(--main-theme-color));
color: var(--theme-color, var(--section-blockquote-color));
}
.markdown-section blockquote {
@@ -142,7 +146,7 @@ body {
.markdown-section code {
background-color: var(--section-main-color);
color: var(--theme-color);
color: var(--section-blockquote-color);
font-family: d9c, d9;
}
@@ -151,9 +155,6 @@ body {
-webkit-font-smoothing: initial;
background-color: var(--section-main-color);
font-family: d9c, d9;
margin: 1.2em 0;
padding: 0 1.4rem;
position: relative;
}
.token.string {
@@ -172,22 +173,14 @@ body {
-moz-osx-font-smoothing: initial;
-webkit-font-smoothing: initial;
background-color: var(--section-main-color);
border-radius: 2px;
color: var(--section-background-color);
display: block;
color: var(--section-blockquote-color);
font-family: d9c, d9;
}
.markdown-section code:after,
.markdown-section code:before {
letter-spacing: .05rem
}
pre:after {
color: #ccc;
content: attr(data-lang);
top: 0
top: 0;
}
.markdown-section p.tip {
+3 -1
View File
@@ -7,7 +7,7 @@ body.dark {
--section-background-color: #003333;
--section-table-header-border-color: #303030;
--section-blockquote-background-color: #003a3a;
--section-blockquote-color: #d4d4d4;
--section-blockquote-color: #7cdcfe;
--section-tip-background-color: #161616;
--section-tip-color: #3f3f3fcc;
--section-p-warn-background-color: #ea6f5a1a;
@@ -15,6 +15,8 @@ body.dark {
--notice-background-color: #3f3f3fcc;
--notice-border-color: #303030;
--notice-hover-background-color: #525252cc;
--table-1st-row-background-color: #00000038;
--table-2nd-row-background-color: #000000cc;
-webkit-tap-highlight-color: rgb(0, 0, 0);
--special-theme-position-backgound-color: #177500;
+2
View File
@@ -15,6 +15,8 @@ body.light {
--notice-background-color: #f0f0f0;
--notice-border-color: #b1b1b1;
--notice-hover-background-color: #e0e0e0;
--table-1st-row-background-color: #08c5ff26;
--table-2nd-row-background-color: #08c5ff5b;
-webkit-tap-highlight-color: rgb(255, 255, 255);
--special-theme-position-backgound-color: #05a000;