Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-01-21 15:56:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 table https://github.com/siyuan-note/siyuan/issues/12713

Browse source
This commit is contained in:
Vanessa 2024-10-11 11:21:04 +08:00
parent bf413e01f9
commit 0026b84622
3 changed files with 21 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

29
app/appearance/themes/daylight/theme.css
View file

@ -17,7 +17,7 @@
--b3-theme-on-primary: #fff;
--b3-theme-on-secondary: #fff;
--b3-theme-on-background: #222;
--b3-theme-on-background-rgba: rgb(34, 34, 34, 0.86);
--b3-theme-on-background-rgba: rgb(34, 34, 34, .86);
--b3-theme-on-surface: #5f6368;
--b3-theme-on-surface-light: rgba(95, 99, 104, .68);
--b3-theme-on-error: #fff;
@ -73,16 +73,16 @@
/* 卡片背景 */
--b3-card-error-color: rgb(97, 26, 21);
--b3-card-error-background: #f5d1cf;
--b3-card-error-background-rgba: rgb(245, 209, 207, 0.86);
--b3-card-error-background-rgba: rgb(245, 209, 207, .86);
--b3-card-warning-color: rgb(102, 60, 0);
--b3-card-warning-background: #ffe8c8;
--b3-card-warning-background-rgba: rgb(255, 232, 200, 0.86);
--b3-card-warning-background-rgba: rgb(255, 232, 200, .86);
--b3-card-info-color: rgb(13, 60, 97);
--b3-card-info-background: #d6eaf9;
--b3-card-info-background-rgba: rgb(214, 234, 249, 0.86);
--b3-card-info-background-rgba: rgb(214, 234, 249, .86);
--b3-card-success-color: rgb(30, 70, 32);
--b3-card-success-background: #d7eed8;
--b3-card-success-background-rgba: rgb(215, 238, 216, 0.86);
--b3-card-success-background-rgba: rgb(215, 238, 216, .86);
/* 自定义文字 */
--b3-font-color1: var(--b3-card-error-color);
@ -115,14 +115,14 @@
--b3-font-background2-rgba: var(--b3-card-warning-background-rgba);
--b3-font-background3-rgba: var(--b3-card-info-background-rgba);
--b3-font-background4-rgba: var(--b3-card-success-background-rgba);
--b3-font-background5-rgba: rgb(226, 227, 228, 0.86);
--b3-font-background6-rgba: rgb(172, 208, 252, 0.86);
--b3-font-background7-rgba: rgb(253, 238, 214, 0.86);
--b3-font-background8-rgba: rgb(250, 225, 207, 0.86);
--b3-font-background9-rgba: rgb(253, 213, 231, 0.86);
--b3-font-background10-rgba: rgb(230, 199, 230, 0.86);
--b3-font-background11-rgba: rgb(222, 240, 217, 0.86);
--b3-font-background12-rgba: rgb(250, 227, 228, 0.86);
--b3-font-background5-rgba: rgb(226, 227, 228, .86);
--b3-font-background6-rgba: rgb(172, 208, 252, .86);
--b3-font-background7-rgba: rgb(253, 238, 214, .86);
--b3-font-background8-rgba: rgb(250, 225, 207, .86);
--b3-font-background9-rgba: rgb(253, 213, 231, .86);
--b3-font-background10-rgba: rgb(230, 199, 230, .86);
--b3-font-background11-rgba: rgb(222, 240, 217, .86);
--b3-font-background12-rgba: rgb(250, 227, 228, .86);
--b3-font-background13-rgba: var(--b3-theme-on-background-rgba);
/* 动画效果 */
@ -193,6 +193,9 @@
--b3-pdf-background6: #69B0F2;
--b3-pdf-background7: #C885DA;
--b3-pdf-dark: #212224;
/* 表格偶数行 */
--b3-table-even-background: rgba(0, 0, 0, .02);
}
:lang(ja_JP):root {

3
app/appearance/themes/midnight/theme.css
View file

@ -192,6 +192,9 @@
--b3-pdf-background6: #69B0F2;
--b3-pdf-background7: #C885DA;
--b3-pdf-dark: #212224;
/* 表格偶数行 */
--b3-table-even-background: rgba(255, 255, 255, .03);
}
:lang(ja_JP):root {

5
app/src/assets/scss/component/_typography.scss
View file

@ -212,13 +212,12 @@
border-spacing: 0;
width: max-content;
tr:nth-child(2n) td {
background-color: var(--b3-theme-background);
tr:nth-child(even) td {
background-color: var(--b3-table-even-background);
}
td,
th {
background-color: var(--b3-theme-surface);
padding: 4px 8px;
border: 1px solid var(--b3-theme-surface-lighter);
box-sizing: border-box;