github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-11 22:51:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄

Browse Source
This commit is contained in:
Vanessa 2023-07-06 10:23:41 +08:00
parent e9120599c2
commit 31ad87f2f6
3 changed files with 14 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -51,7 +51,7 @@
/* 提示 */ /* 提示 */
--b3-tooltips-background: rgba(0, 0, 0, .9); --b3-tooltips-background: rgba(0, 0, 0, .9);
--b3-tooltips-color: #fff; --b3-tooltips-color: #bababa;
--b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1); --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);
/* 遮罩 */ /* 遮罩 */
@ -103,7 +103,7 @@
--b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background); --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
/* 阴影 */ /* 阴影 */
--b3-point-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 2px 0px rgba(0, 0, 0, 0.2); --b3-point-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 2px 0px rgba(0, 0, 0, 0.2);
--b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); --b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
--b3-button-shadow: 0px 5px 5px -3px rgb(0 0 0 / 0.2), 0px 8px 10px 1px rgb(0 0 0 / 0.14), 0px 3px 14px 2px rgb(0 0 0 / 0.12); --b3-button-shadow: 0px 5px 5px -3px rgb(0 0 0 / 0.2), 0px 8px 10px 1px rgb(0 0 0 / 0.14), 0px 3px 14px 2px rgb(0 0 0 / 0.12);

15
app/src/assets/scss/component/_tooltips.scss
View File

@ -8,7 +8,7 @@
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
color: var(--b3-tooltips-color); color: var(--b3-tooltips-color);
word-wrap: break-word; word-wrap: break-word;
background: var(--b3-tooltips-background); background-color: var(--b3-tooltips-background);
border-radius: var(--b3-border-radius); border-radius: var(--b3-border-radius);
line-height: 17px; line-height: 17px;
max-width: 320px; max-width: 320px;
@ -40,11 +40,11 @@
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
color: #fff; color: var(--b3-tooltips-color);
word-wrap: break-word; word-wrap: break-word;
white-space: pre; white-space: pre;
content: attr(aria-label); content: attr(aria-label);
background: var(--b3-tooltips-color); background-color: var(--b3-tooltips-background);
border-radius: var(--b3-border-radius); border-radius: var(--b3-border-radius);
line-height: 17px; line-height: 17px;
transform: scale(0.8); transform: scale(0.8);
@ -59,7 +59,6 @@
z-index: 1000001; z-index: 1000001;
width: 0; width: 0;
height: 0; height: 0;
color: var(--b3-tooltips-color);
content: ""; content: "";
border: 5px solid transparent; border: 5px solid transparent;
transform: scale(1.54); transform: scale(1.54);
@ -100,7 +99,7 @@
right: 50%; right: 50%;
bottom: -5px; bottom: -5px;
margin-right: -5px; margin-right: -5px;
border-bottom-color: var(--b3-tooltips-color) border-bottom-color: var(--b3-tooltips-background)
} }
&__se::after { &__se::after {
@ -128,7 +127,7 @@
right: 50%; right: 50%;
bottom: auto; bottom: auto;
margin-right: -5px; margin-right: -5px;
border-top-color: var(--b3-tooltips-color) border-top-color: var(--b3-tooltips-background)
} }
&__ne::after { &__ne::after {
@ -163,7 +162,7 @@
bottom: 50%; bottom: 50%;
left: -5px; left: -5px;
margin-top: -5px; margin-top: -5px;
border-left-color: var(--b3-tooltips-color); border-left-color: var(--b3-tooltips-background);
} }
&__e::after { &__e::after {
@ -184,7 +183,7 @@
right: -5px; right: -5px;
bottom: 50%; bottom: 50%;
margin-top: -5px; margin-top: -5px;
border-right-color: var(--b3-tooltips-color); border-right-color: var(--b3-tooltips-background);
} }
} }

16
app/src/assets/scss/viewerjs/_viewer.scss
View File

@ -16,7 +16,7 @@
svg { svg {
height: 24px; height: 24px;
width: 12px; width: 12px;
color: rgba(255, 255, 255, .78); color: var(--b3-tooltips-color);
} }
} }
@ -165,7 +165,7 @@
padding: 6px 3px; padding: 6px 3px;
& > li { & > li {
background-color: var(--b3-tooltips-color); background-color: var(--b3-tooltips-background);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
float: left; float: left;
@ -223,9 +223,9 @@
} }
&-tooltip { &-tooltip {
background-color: var(--b3-tooltips-color); background-color: var(--b3-tooltips-background);
border-radius: var(--b3-border-radius-b); border-radius: var(--b3-border-radius-b);
color: #fff; color: var(--b3-tooltips-color);
display: none; display: none;
font-size: 12px; font-size: 12px;
height: 20px; height: 20px;
@ -240,21 +240,15 @@
} }
&-title { &-title {
color: var(--b3-theme-on-secondary); color: var(--b3-theme-on-background);
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12px;
line-height: 1.2; line-height: 1.2;
margin: 0 5% 5px; margin: 0 5% 5px;
max-width: 90%; max-width: 90%;
opacity: 0.8;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
transition: opacity 0.15s;
white-space: nowrap; white-space: nowrap;
&:hover {
opacity: 1;
}
} }
&-button { &-button {