github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-19 02:21:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 外观调整

Browse Source
This commit is contained in:
Vanessa 2023-01-27 16:35:38 +08:00
parent 01e9b06847
commit f013161bc0
8 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/appearance/themes/daylight/theme.css
View File

@ -94,7 +94,7 @@
--b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms; --b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
/* 阴影 */ /* 阴影 */
--b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --b3-point-shadow: 0 3px 6px rgba(140,149,159,0.15);
--b3-dialog-shadow: 0 8px 24px rgba(140,149,159,0.2); --b3-dialog-shadow: 0 8px 24px rgba(140,149,159,0.2);
/* 图表颜色 */ /* 图表颜色 */

2
app/appearance/themes/midnight/theme.css
View File

@ -94,7 +94,7 @@
--b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms; --b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
/* 阴影 */ /* 阴影 */
--b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --b3-point-shadow: 0 3px 6px #010409;
--b3-dialog-shadow: 0 8px 24px #010409; --b3-dialog-shadow: 0 8px 24px #010409;
/* 图表颜色 */ /* 图表颜色 */

1
app/src/assets/scss/_card.scss
View File

@ -8,6 +8,7 @@
position: relative; position: relative;
transition: var(--b3-transition); transition: var(--b3-transition);
cursor: pointer; cursor: pointer;
border: 1px solid var(--b3-theme-surface-lighter);
&:hover { &:hover {
background-color: var(--b3-theme-surface-lighter); background-color: var(--b3-theme-surface-lighter);

1
app/src/assets/scss/_slider.scss
View File

@ -20,6 +20,7 @@
background-color: var(--b3-theme-primary); background-color: var(--b3-theme-primary);
margin-top: -4px; margin-top: -4px;
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
transition: transform 100ms ease-out; transition: transform 100ms ease-out;
} }

2
app/src/assets/scss/_switch.scss
View File

@ -16,11 +16,11 @@
user-select: none; user-select: none;
&:after { &:after {
border: 1px solid var(--b3-theme-surface-lighter);
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
box-sizing: border-box; box-sizing: border-box;
width: 16px; width: 16px;
height: 16px; height: 16px;
border: 1px solid #fff;
border-radius: 50%; border-radius: 50%;
pointer-events: none; pointer-events: none;
z-index: 1; z-index: 1;

1
app/src/assets/scss/_toolbar.scss
View File

@ -7,6 +7,7 @@
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
transition: top .15s cubic-bezier(0, 0, .2, 1) 0ms; transition: top .15s cubic-bezier(0, 0, .2, 1) 0ms;
border: 1px solid var(--b3-theme-surface-lighter);
&__item { &__item {
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);

3
app/src/assets/scss/base.scss
View File

@ -149,7 +149,7 @@ progressLoading: 400
.pcr-selection .pcr-picker { .pcr-selection .pcr-picker {
height: 16px; height: 16px;
width: 16px; width: 16px;
border: 0; border: 1px solid var(--b3-theme-surface-lighter);
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
transition: transform 100ms ease-out; transition: transform 100ms ease-out;
} }
@ -444,6 +444,7 @@ progressLoading: 400
border-radius: 90px; border-radius: 90px;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
} }
&__name { &__name {

2
app/src/assets/scss/mobile.scss
View File

@ -199,6 +199,7 @@
border-radius: 90px; border-radius: 90px;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
} }
&__info { &__info {
@ -254,6 +255,7 @@
background: var(--b3-theme-background); background: var(--b3-theme-background);
padding: 4px; padding: 4px;
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
z-index: 1; z-index: 1;
line-height: 28px; line-height: 28px;
left: 8px; left: 8px;