Skip to content

Commit

Permalink
0.29版本
Browse files Browse the repository at this point in the history
  • Loading branch information
UserZYF committed Oct 16, 2022
1 parent 21d3e36 commit 3120353
Show file tree
Hide file tree
Showing 15 changed files with 225 additions and 176 deletions.
10 changes: 9 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@

### 反馈渠道

- GitHub主页
- [GitHub主页](https://github.com/UserZYF/blue-dog/issues)
- 邮箱:3466181911@qq.com

### 功能展示
Expand All @@ -33,6 +33,14 @@

### 更新进度

#### 0.29版本

- 适配思源笔记v2.4.1版本的更新(侧栏变宽,状态栏变高)
- 修改反向链接面板的样式
- ![image.png](https://tva1.sinaimg.cn/large/006Cw1j8ly1h77l0i4dtjj31hc0smakh.jpg)
- 将底部状态栏样式恢复为默认样式
- 加强嵌入块中分割线的样式,更加显眼

#### 0.28版本

- 修改3级标题样式,类似于百度百科标题样式
Expand Down
61 changes: 28 additions & 33 deletions style/01-color-font/color-font.css
Original file line number Diff line number Diff line change
Expand Up @@ -21,68 +21,65 @@

/* ————————————————————dock界面———————————————————— */
--b3-toolbar-background: #f3f5f7;
--b3-dockleft-background:linear-gradient(to right, #75a7f1, #65a3ff);
--b3-dockright-background:white;
--b3-status-background:white;

--b3-item-svg:rgba(255, 255, 255, 0.5);
--b3-item-active-svg:white;
--b3-dockleft-background: linear-gradient(to right, #75a7f1, #65a3ff);
--b3-dockright-background: white;
--b3-status-background: white;

/* ————————————————————文档树界面———————————————————— */
--b3-block-logo-color: #80808080;
--b3-counter-color:#55555a5d;
--b3-counter-color: #55555a5d;

/* ————————————————————标签页———————————————————— */
/* 标签页背景色 */
--b3-tab-bar-background:#f3f3f5;
--b3-tab-bar-background: #f3f3f5;
/* 当前标签页背景色 */
--b3-tab-bar-focus-background:linear-gradient(to right, #75a7f1, #65a3ff);
--b3-tab-bar-focus-background: linear-gradient(to right, #75a7f1, #65a3ff);
/* 标签页鼠标悬浮时背景色 */
--b3-tab-bar-hover-background: #8080803c;
/* 当前标签页文字色 */
--b3-tab-bar-focus-color:white;
--b3-tab-bar-focus-color: white;
/* 标签页边框颜色 */
--b3-tab-bar-border-right-color:#e6e6e8;
--b3-tab-bar-border-right-color: #e6e6e8;
/* 关闭按钮图标颜色 */
--b3-tab-bar-close-color: white ;
--b3-tab-bar-close-color: white;
/* 关闭按钮背景颜色 */
--b3-tab-bar-close-background:rgba(255, 255, 255, 0.5);
--b3-tab-bar-close-background: rgba(255, 255, 255, 0.5);

/* ————————————————————面包屑———————————————————— */
/* 面包屑文字颜色 */
--b3-breadcrumb-color:#55555a4d;
--b3-breadcrumb-color: #55555a4d;
/* 面包屑背景颜色 */
--b3-breadcrumb-background:white;
--b3-breadcrumb-background: white;
/* 面包屑边框颜色 */
--b3-breadcrumb-border-color: #e6e6e8;

/* ————————————————————鼠标mouse———————————————————— */
--b3-mouse-select-background:rgba(128, 128, 128, 0.08);
--b3-mouse-select-background: rgba(128, 128, 128, 0.08);

/* ————————————————————悬浮工具栏toolbar———————————————————— */
--b3-small-toolbar-background:white;
--b3-small-toolbar-background: white;
--b3-small-toolbar-shadow: rgb(0 0 0 / 20%) 0px 4px 20px 0px;

/* ————————————————————菜单menu———————————————————— */
--b3-menu-background:white;
/* ————————————————————菜单menu———————————————————— */
--b3-menu-background: white;
--b3-white-black: white;
--b3-gray:gray;
--b3-gray: gray;

/* ————————————————————分栏column———————————————————— */
/* ————————————————————分栏column———————————————————— */
--b3-80808080: #80808080;

/* ————————————————————on/off———————————————————— */
/* ————————————————————on/off———————————————————— */
--b3-switch-background: #8080802b;
--b3-switch-background-off: #a1a1a1;
--b3-switch-border: #bfbfbf;

/* ————————————————————on/off———————————————————— */
--b3-block-ref-color:#175199;
--b3-block-ref-before: rgba(128,128,128,0.6);
--b3-block-ref-hover-background:#0066ff1a;
/* ————————————————————on/off———————————————————— */
--b3-block-ref-color: #175199;
--b3-block-ref-before: rgba(128, 128, 128, 0.6);
--b3-block-ref-hover-background: #0066ff1a;

/* ————————————————————keyboard(kbd)———————————————————— */
--b3-kbd-color:gray;
--b3-kbd-color: gray;


/* ----------------------------------------------------------------块级元素---------------------------------------------------------- */
Expand All @@ -103,9 +100,9 @@
/* 文字颜色 */
--b3-bq-color: rgba(0, 0, 0, .68);
/* 背景颜色 */
--b3-bq-background:#f8f8f8;
--b3-bq-background: #f8f8f8;
/* 左侧条背景色 */
--b3-border-left-background:#e6e6e6;
--b3-border-left-background: #e6e6e6;


/* ————————————————————背景色———————————————————— */
Expand Down Expand Up @@ -210,8 +207,6 @@
--b3-tab-background: #f2f2f2;
--b3-tab-focus-background: var(--b3-theme-background2);

/* 菜单 */
--b3-menu-background: var(--b3-theme-background2);

/* 提示气泡颜色 */
--b3-tooltips-color: gray;
Expand Down
2 changes: 1 addition & 1 deletion style/02-appearance/breadcrumb.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
}

.protyle-breadcrumb__bar {
overflow: hidden;
/* overflow: hidden; */
margin-top: -2px;
}

Expand Down
32 changes: 10 additions & 22 deletions style/02-appearance/column.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,51 +4,39 @@
.hint--menu {
column-count: 4;
column-width: 148px !important;
column-gap: 5px;
column-gap: 5px !important;
min-width: 50vw !important;
max-height: 480px !important;
border: var(--b3-border-column);
padding: 4px;
/* background-color: white; */
}

/* 取消显示分割线 */
/* 修改分割线颜色 */
.hint--menu .b3-menu__separator {
display: none;
background-color: var(--b3-theme-primary);
}

/* ————————————————————02 [[选择———————————————————— */
.b3-menu.b3-list.b3-list--background {
padding: 4px;
/* background-color: white; */
}

/* 设置输入框的圆角大小 */
.b3-menu input.b3-text-field {
border-radius: 1px;
}

/* 设置文档路径的文字颜色 */
.b3-menu:not(.hint--menu).b3-list.b3-list--background .b3-list-item__meta {
.b3-list-item__meta {
color: var(--b3-80808080);
padding-bottom: 2px;
}

/* ————————————————————03 设置单个项目(两个选择器共用)———————————————————— */
.b3-menu .b3-list-item {
.b3-list-item--two {
font-size: 90%;
border: var(--b3-border-column-item);
border: var(--b3-border-column-item) !important;
box-sizing: border-box;
vertical-align: middle;
padding: 2px 8px !important;
margin-bottom: 0.1em;
margin-bottom: 0.1em !important;
width: 100% !important;
}


.b3-list.b3-list--background.b3-menu.hint--menu>.emojis {
.hint--menu>.emojis {
/* 表情菜单 */
/* REF https: //github.com/siyuan-note/siyuan/issues/4575#issuecomment-1152490468 */
column-span: all;
column-span: all !important;
}

/* ----------------------------------------------------分栏代码 End-------------------------------------------------- */
42 changes: 22 additions & 20 deletions style/02-appearance/dock.css
Original file line number Diff line number Diff line change
@@ -1,62 +1,64 @@
/* ----------------------------------------------01 顶栏---------------------------------------------- */
.toolbar {
background-color: var(--b3-toolbar-background);
margin-bottom: -22px;
z-index: 99;
opacity: 0;
transition: opacity 300ms;
transition-delay: 500ms;
height: 22px;
}

.toolbar__item {
padding: 2px 12px;
}

.toolbar__item svg {
height: 15px;
width: 15px;
}

.toolbar:hover {
opacity: 1;
transition: all 300ms;
}

/* 给左侧dock栏设置右边框 */

/* ----------------------------------------------02 左侧栏---------------------------------------------- */
/* 设置左栏蓝色渐变背景,下移item,防止和顶栏冲突 */
div#dockLeft {
background-image: var(--b3-dockleft-background);
padding-top: 10px;
padding-bottom: 5px;
height: calc(100% - 15px);
}



div#dockLeft svg {
color: var(--b3-item-svg);
color: #ffffff80;
}

div#dockLeft .dock__item--active svg {
color: var(--b3-item-active-svg) !important;
color: white;
}

div#dockLeft .dock__item:hover {
background-color: transparent;
div#dockLeft .dock__item:hover,
div#dockLeft .dock__item--active {
background-color: rgba(0, 102, 255, 0.5);
}


/* 给右侧dock栏设置左边框 */
/* ----------------------------------------------03 右侧栏---------------------------------------------- */
div#dockRight {
background-color: var(--b3-dockright-background);
padding-top: 10px;
padding-bottom: 5px;
height: calc(100% - 15px);
}


.status {
/* ----------------------------------------------04 底部状态栏---------------------------------------------- */
/* .status {
background-color: var(--b3-status-background) !important;
position: absolute;
bottom: 0px;
right: 30px;
border-top-left-radius: 5px;
}

.status #barDock>.b3-menu {
left: unset !important;
right: 5em;
}

.status__msg {
display: none;
}
25 changes: 17 additions & 8 deletions style/02-appearance/file-tree.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@
.block__icons {
background-color: var(--b3-theme-surface);
border-bottom: 2px dashed var(--b3-border-color);
padding-top: 9px;
}

/* 文档树引用数字的颜色 */
Expand Down Expand Up @@ -72,6 +71,15 @@ span.b3-list-item__icon.b3-tooltips.b3-tooltips__n {
}


/* 文档树item */
/* 抵消v2.4.1α的影响 */
.b3-list-item {
margin: 0px !important;
}

.b3-list--background .b3-list-item {
border-radius: 0px;
}

/* ------------------------------------文档树文字设置为灰色------------------------------- */
.b3-list-item__text {
Expand Down Expand Up @@ -106,59 +114,60 @@ span.b3-list-item__icon.b3-tooltips.b3-tooltips__n {
background-color: var(--b3-theme-tm-gray) !important;
}


/* --------------------------------文档树辅助线(来自于Rem Craft主题)--------------------------------------- */
.b3-list:not(.b3-list--border) .b3-list-item+ul {
box-shadow: 13px 0 rgba(255, 255, 255, 1) inset, 14px 0 rgba(231, 231, 231, 1) inset
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item {
margin-left: 6px
margin-left: 6px !important
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul {
box-shadow: 13px 0 rgba(255, 255, 255, 1) inset, 14px 0 rgba(231, 231, 231, 1) inset, 35px 0 rgba(255, 255, 255, 1) inset, 36px 0 rgba(231, 231, 231, 1) inset
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item {
margin-left: 12px
margin-left: 12px !important
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul {
box-shadow: 13px 0 rgba(255, 255, 255, 1) inset, 14px 0 rgba(231, 231, 231, 1) inset, 35px 0 rgba(255, 255, 255, 1) inset, 36px 0 rgba(231, 231, 231, 1) inset, 57px 0 rgba(255, 255, 255, 1) inset, 58px 0 rgba(231, 231, 231, 1) inset
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item {
margin-left: 18px
margin-left: 18px !important
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul {
box-shadow: 13px 0 rgba(255, 255, 255, 1) inset, 14px 0 rgba(231, 231, 231, 1) inset, 35px 0 rgba(255, 255, 255, 1) inset, 36px 0 rgba(231, 231, 231, 1) inset, 57px 0 rgba(255, 255, 255, 1) inset, 58px 0 rgba(231, 231, 231, 1) inset, 79px 0 rgba(255, 255, 255, 1) inset, 80px 0 rgba(231, 231, 231, 1) inset
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item {
margin-left: 24px
margin-left: 24px !important
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul {
box-shadow: 13px 0 rgba(255, 255, 255, 1) inset, 14px 0 rgba(231, 231, 231, 1) inset, 35px 0 rgba(255, 255, 255, 1) inset, 36px 0 rgba(231, 231, 231, 1) inset, 57px 0 rgba(255, 255, 255, 1) inset, 58px 0 rgba(231, 231, 231, 1) inset, 79px 0 rgba(255, 255, 255, 1) inset, 80px 0 rgba(231, 231, 231, 1) inset, 101px 0 rgba(255, 255, 255, 1) inset, 102px 0 rgba(231, 231, 231, 1) inset
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item {
margin-left: 30px
margin-left: 30px !important
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul {
box-shadow: 13px 0 rgba(255, 255, 255, 1) inset, 14px 0 rgba(231, 231, 231, 1) inset, 35px 0 rgba(255, 255, 255, 1) inset, 36px 0 rgba(231, 231, 231, 1) inset, 57px 0 rgba(255, 255, 255, 1) inset, 58px 0 rgba(231, 231, 231, 1) inset, 79px 0 rgba(255, 255, 255, 1) inset, 80px 0 rgba(231, 231, 231, 1) inset, 101px 0 rgba(255, 255, 255, 1) inset, 102px 0 rgba(231, 231, 231, 1) inset, 123px 0 rgba(255, 255, 255, 1) inset, 124px 0 rgba(231, 231, 231, 1) inset
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item {
margin-left: 36px
margin-left: 36px !important
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul {
box-shadow: 13px 0 rgba(255, 255, 255, 1) inset, 14px 0 rgba(231, 231, 231, 1) inset, 35px 0 rgba(255, 255, 255, 1) inset, 36px 0 rgba(231, 231, 231, 1) inset, 57px 0 rgba(255, 255, 255, 1) inset, 58px 0 rgba(231, 231, 231, 1) inset, 79px 0 rgba(255, 255, 255, 1) inset, 80px 0 rgba(231, 231, 231, 1) inset, 101px 0 rgba(255, 255, 255, 1) inset, 102px 0 rgba(231, 231, 231, 1) inset, 123px 0 rgba(255, 255, 255, 1) inset, 124px 0 rgba(231, 231, 231, 1) inset, 145px 0 rgba(255, 255, 255, 1) inset, 146px 0 rgba(231, 231, 231, 1) inset
}

.b3-list:not(.b3-list--border) .b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item+ul>.b3-list-item {
margin-left: 42px
margin-left: 42px !important
}
1 change: 1 addition & 0 deletions style/02-appearance/menu.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
/* 设置menu中item背景颜色 */
.b3-menu .b3-menu__item {
background-color: var(--b3-theme-background);
border-radius: 3px;
}

/* 鼠标hover时背景颜色 */
Expand Down
Loading

0 comments on commit 3120353

Please sign in to comment.