diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css index 9d45dc083..cd36bbbd9 100644 --- a/app/appearance/themes/daylight/theme.css +++ b/app/appearance/themes/daylight/theme.css @@ -95,11 +95,11 @@ /* 阴影 */ --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-dialog-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + --b3-dialog-shadow: 0 8px 24px rgba(140,149,159,0.2); /* 图表颜色 */ --b3-graph-p-point: #076f7e; - --b3-graph-heading-point: #660e7a; + --b3-graph-heading-point: #8250df; --b3-graph-math-point: #80FFA5; --b3-graph-code-point: #00DDFF; --b3-graph-table-point: #37A2FF; @@ -137,7 +137,7 @@ --b3-protyle-inline-mark-background: rgb(252, 212, 126); --b3-protyle-inline-mark-color: #202124; --b3-protyle-inline-tag-color: #5f6368; - --b3-protyle-inline-blockref-color: #660e7a; + --b3-protyle-inline-blockref-color: #8250df; /* PDF */ --b3-pdf-selection: #d0e9c8; diff --git a/app/appearance/themes/midnight/theme.css b/app/appearance/themes/midnight/theme.css index 918648efa..74f3fd6a0 100644 --- a/app/appearance/themes/midnight/theme.css +++ b/app/appearance/themes/midnight/theme.css @@ -95,11 +95,11 @@ /* 阴影 */ --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-dialog-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + --b3-dialog-shadow: 0 8px 24px #010409; /* 图表颜色 */ --b3-graph-p-point: #076f7e; - --b3-graph-heading-point: #9876aa; + --b3-graph-heading-point: #8957e5; --b3-graph-math-point: #80FFA5; --b3-graph-code-point: #00DDFF; --b3-graph-table-point: #37A2FF; @@ -137,7 +137,7 @@ --b3-protyle-inline-mark-background: rgb(50, 89, 61); --b3-protyle-inline-mark-color: #e8eaed; --b3-protyle-inline-tag-color: #9aa0a6; - --b3-protyle-inline-blockref-color: #9876aa; + --b3-protyle-inline-blockref-color: #8957e5; /* PDF */ --b3-pdf-selection: #779170; diff --git a/app/src/assets/scss/_block.scss b/app/src/assets/scss/_block.scss index 717e5f68c..fe13d16f1 100644 --- a/app/src/assets/scss/_block.scss +++ b/app/src/assets/scss/_block.scss @@ -13,6 +13,7 @@ display: flex; flex-direction: column; min-height: 160px; + border: 1px solid var(--b3-theme-surface-lighter); &--open { opacity: 1; diff --git a/app/src/assets/scss/_dialog.scss b/app/src/assets/scss/_dialog.scss index 068ca0cbf..333a0b5ee 100644 --- a/app/src/assets/scss/_dialog.scss +++ b/app/src/assets/scss/_dialog.scss @@ -46,6 +46,7 @@ transform: scale(.8); opacity: 0; transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); + border: 1px solid var(--b3-theme-surface-lighter); } &__header { diff --git a/app/src/assets/scss/_menu.scss b/app/src/assets/scss/_menu.scss index 65816cc33..4a15d3254 100644 --- a/app/src/assets/scss/_menu.scss +++ b/app/src/assets/scss/_menu.scss @@ -2,6 +2,7 @@ position: fixed; border-radius: 4px; box-shadow: var(--b3-dialog-shadow); + border: 1px solid var(--b3-theme-surface-lighter); background-color: var(--b3-menu-background); padding: 8px; z-index: 210; diff --git a/app/src/assets/scss/_toolbar.scss b/app/src/assets/scss/_toolbar.scss index 9d3b1440f..3814de550 100644 --- a/app/src/assets/scss/_toolbar.scss +++ b/app/src/assets/scss/_toolbar.scss @@ -49,6 +49,7 @@ position: fixed; border-radius: 4px; box-shadow: var(--b3-dialog-shadow); + border: 1px solid var(--b3-theme-surface-lighter); background-color: var(--b3-menu-background); z-index: 201; overflow: auto; @@ -61,6 +62,7 @@ position: fixed; border-radius: 4px; box-shadow: var(--b3-dialog-shadow); + border: 1px solid var(--b3-theme-surface-lighter); background-color: var(--b3-menu-background); padding: 8px; max-height: 80vh; diff --git a/app/src/assets/scss/_typography.scss b/app/src/assets/scss/_typography.scss index ca3377eda..f29064099 100644 --- a/app/src/assets/scss/_typography.scss +++ b/app/src/assets/scss/_typography.scss @@ -613,6 +613,7 @@ position: fixed; border-radius: 4px; box-shadow: var(--b3-dialog-shadow); + border: 1px solid var(--b3-theme-surface-lighter); background-color: var(--b3-menu-background); z-index: 304; padding: 4px; diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss index 2527f11e5..6d71ddf89 100644 --- a/app/src/assets/scss/base.scss +++ b/app/src/assets/scss/base.scss @@ -137,6 +137,7 @@ progressLoading: 400 .pcr-app { box-shadow: var(--b3-dialog-shadow); + border: 1px solid var(--b3-theme-surface-lighter); border-radius: 4px; .pcr-interaction .pcr-result { diff --git a/app/src/assets/scss/pdf/_pdf.scss b/app/src/assets/scss/pdf/_pdf.scss index 6d766feb5..7b15b62e9 100644 --- a/app/src/assets/scss/pdf/_pdf.scss +++ b/app/src/assets/scss/pdf/_pdf.scss @@ -616,10 +616,10 @@ a:focus > .thumbnail > .thumbnailSelectionRing, #dialogContainer > .dialog { padding: 8px; box-shadow: var(--b3-dialog-shadow); + border: 1px solid var(--b3-theme-surface-lighter); background-color: var(--b3-menu-background); border-radius: 4px; width: 520px; - border: 0; position: absolute; inset-inline-start: 0px; inset-inline-end: 0px;