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

💄 https://github.com/siyuan-note/siyuan/issues/6197

Browse source
This commit is contained in:
Vanessa 2022-10-14 22:29:40 +08:00
parent 8832304eeb
commit 19e2bd2ab8
21 changed files with 81 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/src/assets/scss/_block.scss
View file

@ -95,10 +95,6 @@
height: 30px;
flex-shrink: 0;
&--active {
background-color: var(--b3-list-hover);
}
&--border {
background-color: var(--b3-theme-surface);
}

15
app/src/assets/scss/_layout.scss
View file

@ -1,7 +1,7 @@
.layout {
&__wnd--active {
.layout-tab-bar .item--focus {
box-shadow: inset 0 2px 0 0 var(--b3-theme-background-light) !important;
box-shadow: inset 0 -2px 0 0 var(--b3-theme-primary) !important;
& > .item__text {
color: var(--b3-theme-on-background);
@ -9,6 +9,17 @@
}
}
&__tab--active {
.b3-list--background .b3-list-item--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom) {
background-color: var(--b3-theme-primary-lightest);
}
.graph__svg,
.inbox__list {
background-color: var(--b3-theme-background);
}
}
&__resize {
cursor: row-resize;
margin: -3px 0;
@ -130,7 +141,6 @@
&:hover:not(.item--focus):not(.item--readonly) {
background-color: var(--b3-list-hover);
box-shadow: none;
border-radius: 4px 4px 0 0;
.item__text::after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.001), var(--b3-list-hover));
@ -160,7 +170,6 @@
&--focus {
background-color: var(--b3-theme-background);
box-shadow: none !important;
border-radius: 4px 4px 0 0;
.item__text::after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.001), var(--b3-theme-background));

1
app/src/assets/scss/_list.scss
View file

@ -8,6 +8,7 @@
&:hover:not(.b3-list-item--focus),
&--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom) {
background-color: var(--b3-list-hover);
border-radius: 4px;
}
}

2
app/src/assets/scss/_protyle.scss
View file

@ -168,7 +168,7 @@
padding: 4px;
line-height: 16px;
height: 16px;
border-radius: 2px;
border-radius: 4px;
margin: 3px 0;
color: var(--b3-theme-on-surface);
max-width: 70%;

8
app/src/assets/scss/_reset.scss
View file

@ -19,6 +19,10 @@ body {
max-height: 100%;
overflow: hidden;
&.body--blur .toolbar {
background: var(--b3-toolbar-blur-background);
}
&.body--win32 {
-webkit-font-smoothing: auto;
@ -26,10 +30,6 @@ body {
padding-left: 0;
}
&.body--blur {
border-top-color: var(--b3-theme-surface);
}
.fullscreen {
& > .protyle-breadcrumb,
& > .block__icons {

10
app/src/assets/scss/_scroll.scss
View file

@ -1,6 +1,6 @@
::-webkit-scrollbar {
width: 10px;
height: 10px;
width: 8px;
height: 8px;
}
::-webkit-scrollbar-corner {
@ -10,10 +10,10 @@
::-webkit-scrollbar-thumb {
box-sizing: content-box;
border: 3px solid transparent;
border-radius: 1024px;
box-shadow: inset 0 0 6px 6px var(--b3-scroll-color);
border-radius: 4px;
box-shadow: inset 0 0 4px 4px var(--b3-scroll-color);
&:hover {
border-width: 1.5px;
border-width: 1px;
}
}

7
app/src/assets/scss/base.scss
View file

@ -159,11 +159,12 @@ progressLoading: 400
}
.toolbar {
background-color: #292a2d;
background-color: var(--b3-toolbar-background);
box-sizing: border-box;
height: 42px;
line-height: 22px;
padding-left: 84px;
box-shadow: inset 0px -1px 1px 0px var(--b3-border-color);
&--browser {
padding-left: 0;
@ -183,7 +184,7 @@ progressLoading: 400
#drag {
-webkit-app-region: drag;
font-size: 14px;
color: #9aa0a6;
color: var(--b3-toolbar-color);
user-select: none;
text-align: center;
white-space: nowrap;
@ -193,7 +194,7 @@ progressLoading: 400
&__item {
flex-shrink: 0;
cursor: pointer;
color: #9aa0a6;
color: var(--b3-toolbar-color);
padding: 12px;
box-sizing: border-box;
transition: var(--b3-transition);