forked from RDCNWebs/rd.rdlevel.cn
样式更新:表格行颜色交替显示优化,提升可读性
This commit is contained in:
+25
-3
@@ -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
@@ -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
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user