This commit is contained in:
parent
2d204c3ebe
commit
c400e84f58
8 changed files with 35 additions and 35 deletions
|
@ -5,19 +5,19 @@
|
|||
--b3-theme-primary-lighter: rgba(53, 115, 240, 0.48);
|
||||
--b3-theme-primary-lightest: rgba(53, 115, 240, 0.24);
|
||||
--b3-theme-secondary: #f3a92f;
|
||||
--b3-theme-background: #1e1f22;
|
||||
--b3-theme-background-light: #353637;
|
||||
--b3-theme-surface: #2b2d30;
|
||||
--b3-theme-background: #1e1e1e;
|
||||
--b3-theme-background-light: rgba(255, 255, 255, 0.075);
|
||||
--b3-theme-surface: #262626;
|
||||
--b3-theme-surface-light: rgba(41, 42, 45, .86);
|
||||
--b3-theme-surface-lighter: rgba(230, 230, 230, .06);
|
||||
--b3-theme-error: #d23f31;
|
||||
|
||||
/* 文字颜色 */
|
||||
--b3-theme-on-primary: #fff;
|
||||
--b3-theme-on-primary: #bababa;
|
||||
--b3-theme-on-secondary: #fff;
|
||||
--b3-theme-on-background: #c9d1d9;
|
||||
--b3-theme-on-background: #dadada;
|
||||
--b3-theme-on-surface: #9aa0a6;
|
||||
--b3-theme-on-surface-light: rgba(154, 160, 166, .68);
|
||||
--b3-theme-on-surface-light: var(--b3-theme-on-primary);
|
||||
--b3-theme-on-error: #fff;
|
||||
|
||||
/* 字体 */
|
||||
|
@ -28,30 +28,30 @@
|
|||
--b3-font-family-math: KaTeX_Math;
|
||||
|
||||
/* 顶部工具栏 */
|
||||
--b3-toolbar-background: #2b2d30;
|
||||
--b3-toolbar-blur-background: #373a41;
|
||||
--b3-toolbar-color: #ced0d6;
|
||||
--b3-toolbar-hover: #383a42;
|
||||
--b3-toolbar-background: var(--b3-theme-surface);
|
||||
--b3-toolbar-blur-background: #363636;
|
||||
--b3-toolbar-color: var(--b3-theme-on-surface-light);
|
||||
--b3-toolbar-hover: var(--b3-theme-background-light);
|
||||
--b3-toolbar-left-mac: 69px;
|
||||
|
||||
/* 线条 */
|
||||
--b3-border-color: #0e0f10;
|
||||
--b3-border-color: #353637;
|
||||
|
||||
/* 滚动条 */
|
||||
--b3-scroll-color: rgba(230, 230, 230, .2);
|
||||
|
||||
/* 列表 */
|
||||
--b3-list-hover: #3f4041;
|
||||
--b3-list-hover: #363636;
|
||||
--b3-list-icon-hover: rgba(201, 209, 217, .1);
|
||||
|
||||
/* 菜单 */
|
||||
--b3-menu-background: #27282a;
|
||||
--b3-menu-background: var(--b3-theme-surface);
|
||||
|
||||
/* 提示 */
|
||||
--b3-tooltips-color: rgba(70, 72, 76, .86);
|
||||
--b3-tooltips-color: #030303;
|
||||
|
||||
/* 遮罩 */
|
||||
--b3-mask-background: rgba(0, 0, 0, 0.78);
|
||||
--b3-mask-background: rgba(10, 10, 10, 0.4);
|
||||
|
||||
/* 卡片背景 */
|
||||
--b3-card-error-color: rgb(243, 153, 147);
|
||||
|
@ -96,16 +96,22 @@
|
|||
--b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
|
||||
|
||||
/* 下拉菜单 */
|
||||
--b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(154, 160, 166, .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(154, 160, 166, .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 #363636;
|
||||
|
||||
/* 阴影 */
|
||||
--b3-point-shadow: 0 3px 6px #010409;
|
||||
--b3-dialog-shadow: 0 8px 24px #010409;
|
||||
--b3-point-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09),
|
||||
0 2px 4px 0 rgba(0, 0, 0, .15),
|
||||
0 1px 1.5px 0 rgba(0, 0, 0, .1),
|
||||
0 1px 2px 0 rgba(0, 0, 0, .2),
|
||||
0 0 0 0 transparent;
|
||||
--b3-dialog-shadow: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071),
|
||||
0px 6.3px 24.7px rgba(0, 0, 0, 0.112),
|
||||
0px 30px 90px 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-graph-p-point: #076f7e;
|
||||
--b3-graph-heading-point: #8957e5;
|
||||
--b3-graph-heading-point: hsl(254, 80%, 74.8%);
|
||||
--b3-graph-math-point: #80FFA5;
|
||||
--b3-graph-code-point: #00DDFF;
|
||||
--b3-graph-table-point: #37A2FF;
|
||||
|
@ -140,10 +146,10 @@
|
|||
--b3-protyle-inline-em-color: #e8eaed;
|
||||
--b3-protyle-inline-s-color: #e8eaed;
|
||||
--b3-protyle-inline-link-color: #8ab4f8;
|
||||
--b3-protyle-inline-mark-background: rgb(50, 89, 61);
|
||||
--b3-protyle-inline-mark-color: #e8eaed;
|
||||
--b3-protyle-inline-mark-background: rgba(255, 208, 0, .4);
|
||||
--b3-protyle-inline-mark-color: var(--b3-theme-on-background);
|
||||
--b3-protyle-inline-tag-color: #9aa0a6;
|
||||
--b3-protyle-inline-blockref-color: #8957e5;
|
||||
--b3-protyle-inline-blockref-color: hsl(254, 80%, 74.8%);
|
||||
--b3-protyle-inline-fileref-color: var(--b3-theme-secondary);
|
||||
|
||||
/* PDF */
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
position: relative;
|
||||
transition: var(--b3-transition);
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--b3-theme-surface-lighter);
|
||||
display: flex;
|
||||
|
||||
&--wrap {
|
||||
|
|
|
@ -7,10 +7,7 @@
|
|||
&--background .b3-list-item {
|
||||
border-radius: 4px;
|
||||
|
||||
&:hover:not(.b3-list-item--focus) {
|
||||
background-color: var(--b3-theme-background-light);
|
||||
}
|
||||
|
||||
&:hover:not(.b3-list-item--focus),
|
||||
&--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom) {
|
||||
background-color: var(--b3-list-hover);
|
||||
}
|
||||
|
@ -43,7 +40,7 @@
|
|||
&-item {
|
||||
line-height: 28px;
|
||||
min-height: 28px;
|
||||
padding: 1px 4px;
|
||||
padding: 0 4px;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
|
@ -52,7 +49,7 @@
|
|||
text-align: left;
|
||||
border: 0;
|
||||
color: var(--b3-theme-on-background);
|
||||
margin: 0 8px;
|
||||
margin: 1px 8px;
|
||||
|
||||
&[draggable="true"]:active {
|
||||
cursor: grabbing;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color .2s cubic-bezier(0, 0, .2, 1) 0ms;
|
||||
height: 28px;
|
||||
font-size: 14px;
|
||||
box-shadow: inset 0 0 0 0.6px var(--b3-theme-on-surface-light);
|
||||
box-shadow: inset 0 0 0 0.6px var(--b3-theme-on-surface);
|
||||
background: var(--b3-select-background);
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
.b3-text-field {
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 0 0 .6px var(--b3-theme-on-surface-light);
|
||||
box-shadow: inset 0 0 0 .6px var(--b3-theme-on-surface);
|
||||
padding: 4px 8px;
|
||||
line-height: 20px;
|
||||
box-sizing: border-box;
|
||||
|
|
|
@ -351,7 +351,7 @@
|
|||
align-items: center;
|
||||
margin-right: 8px;
|
||||
position: relative;
|
||||
box-shadow: inset 0 0 0 .6px var(--b3-theme-on-surface-light);
|
||||
box-shadow: inset 0 0 0 .6px var(--b3-theme-on-surface);
|
||||
}
|
||||
|
||||
&-empty {
|
||||
|
|
|
@ -12,7 +12,6 @@
|
|||
.pcr-selection .pcr-picker {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
border: 1px solid var(--b3-theme-surface-lighter);
|
||||
box-shadow: var(--b3-point-shadow);
|
||||
transition: transform 100ms ease-out;
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
border-radius: 4px;
|
||||
display: flex;
|
||||
transition: top .15s cubic-bezier(0, 0, .2, 1) 0ms;
|
||||
border: 1px solid var(--b3-theme-surface-lighter);
|
||||
|
||||
&__item {
|
||||
color: var(--b3-theme-on-surface);
|
||||
|
@ -16,7 +15,7 @@
|
|||
height: 29px;
|
||||
box-sizing: border-box;
|
||||
font-size: 0;
|
||||
padding: 0 6px;
|
||||
padding: 1px 6px;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
|
|
Loading…
Add table
Reference in a new issue