Skip to content

Commit

Permalink
modified: CHANGELOG.md
Browse files Browse the repository at this point in the history 
	modified:   README.md
	modified:   README_zh_CN.md
	modified:   style/layout/editor.scss
	modified:   theme.css
	modified:   theme.json
	modified:   theme.scss
  • Loading branch information
@mustakshif
mustakshif committed Jan 3, 2024
1 parent 41f10ca commit 497cdd6
Show file tree
Hide file tree
Showing 7 changed files with 301 additions and 293 deletions.
14 changes: 14 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,17 @@
### v1.1.3

* 适配数据库/属性视图样式
* 自定义背景色改为不透明色
* 修复隐藏状态栏时浮动面板的显示问题
* 优化底栏图标间距

<br />

* Adapted the style of database / atrribute view.
* Changed the customizable text background colors to solid colors instead of transparent ones.
* Fixed the display issue of floating panels when the status bar is hidden.
* Optimized the spacing between icons in the bottom bar.

### v1.1.2

* 适配底栏和底栏面板
Expand Down
14 changes: 7 additions & 7 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,19 +10,19 @@ An ultra-modern macOS-like theme for [SiYuan Note](https://github.com/siyuan-not

## Latest Updates

### v1.1.3

* Adapted the style of database / atrribute view.
* Changed the customizable text background colors to solid colors instead of transparent ones.
* Fixed the display issue of floating panels when the status bar is hidden.
* Optimized the spacing between icons in the bottom bar.

### v1.1.2

* Adapted the bottom dock and bottom panel.
* Fine-tuned the icons of the text style list in the `/` menu.
* Accelerated top bar's pop-up animation.

### v1.1.1

* Improved the distribution of keyword context and document paths in the horizontal layout of the search list.
* Fixed an issue on Mac where, in dark mode with system scroll bar set to `When scrolling`, certain page elements would still display the light mode scroll bar.
* Modified the pointer to default in the blank space of the tab bar.
* Updated the theme instructions to highlight changes that might affect the user experience.

Check all updates here 👉 [CHANGELOG](./CHANGELOG.md)

## Theme Features
Expand Down
14 changes: 7 additions & 7 deletions README_zh_CN.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,19 +10,19 @@ Hadeeth 是一款极富现代感的类 macOS [思源笔记](https://github.com/s

## 最近更新

### v1.1.3

* 适配数据库/属性视图样式
* 自定义背景色改为不透明色
* 修复隐藏状态栏时浮动面板的显示问题
* 优化底栏图标间距

### v1.1.2

* 适配底栏和底栏面板
* 微调 `/` 菜单中样式列表的图标
* 加快顶栏弹出动画速率

### v1.1.1

* 改进搜索列表水平布局时的关键字上下文和文档路径的分布
* 修复暗色模式下，Mac 端系统滚动条设置为自动隐藏时，部分页面元素滚动条仍显示浅色模式滚动条的问题
* 将页签栏空白处的鼠标指针改为默认指针
* 更新主题说明，将可能影响体验的改动提前

查看全部日志 👉 [更新日志](./CHANGELOG.md)

## 主题特性
Expand Down
274 changes: 271 additions & 3 deletions style/layout/editor.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -956,8 +956,276 @@
}

// 数据库/属性视图 ————————————————————————————
.custom-attr .block__logo.custom-attr__avheader {
color: var(--b3-theme-primary);

.av {

// 数据库视图切换、标题
&__header {
.layout-tab-bar {
@include dialog-tabbar;

.item:not(.item--focus) {
.item__graphic {
color: var(--b3-theme-on-surface);
}

&:hover {
.item__graphic {
color: var(--b3-theme-on-background);
}
}
}

.item--focus {
&:hover {
@include theme-variant-color(background-color, light-components, 1, 0.2, $important: true);
}
}
}

.block__icon {
&:hover {
background-color: transparent !important;
}

&--active {
color: var(--b3-theme-primary);
background-color: transparent;
}
}

.av__title {
font-size: 1.2em;
margin: 0 0 4px;
}
}

// 数据库主体
&__scroll {
.av__row--header {
color: var(--b3-theme-on-surface);
font-weight: 500;
}

.av__row {
border-bottom-color: var(--b3-border-color-trans);

&:hover .b3-chip[data-type=block-more] {
opacity: 1;
}

.av__cell {
border-right-color: var(--b3-border-color-trans);

.b3-chip {
border-radius: 4px;
padding: 2px 6px;
color: var(--b3-theme-on-surface);
background-color: var(--b3-theme-surface);

&:hover {
color: var(--b3-theme-on-background);
}
}

// 「更新」按钮
.popover__block {
color: var(--b3-theme-primary);
font-weight: 500;

&:hover {
background-color: var(--b3-theme-primary);
color: var(--b3-theme-on-primary);
}
}

.b3-chip[data-type=block-more] {
font-weight: 500;
}

.av__celltext--url,
.av__celltext--ref {
border-bottom: none;
text-decoration: underline var(--b3-theme-primary-lightest);
text-decoration-thickness: 0.1em;
}

&:hover {
.block__icon {
background-color: var(--b3-theme-surface) !important;
}
}
}
}

// 单元格选中状态
.av__cell--select {
box-shadow: none;
outline: 3px solid var(--b3-theme-primary-light);

}
}

// 菜单
&__panel {
.b3-menu {
.b3-menu__items {
.b3-menu__item[data-type="nobg"] {
cursor: default;
align-items: center;
height: 30px;

.b3-menu__label {
font-weight: 500;
color: var(--b3-theme-on-surface)
}
}

.b3-menu__item[data-type="goUpdateColType"] {
height: 30px;
align-items: center;
margin-top: 4px;
}

.b3-menu__item[draggable=true] {
mix-blend-mode: normal !important;

.b3-chip:not(.b3-chip--primary) {
background-color: var(--b3-theme-surface);
}

&:hover .b3-menu__action {
opacity: 0.7;

&:hover {
opacity: 1;
}
}
}
}

.b3-chips {
border-bottom: 1px solid var(--b3-border-color-trans);
margin-bottom: 4px;

//多选标签
.b3-chip--middle {
&::before {
content: '';
display: inline-block;
width: 8px;
transition: var(--b3-transition);
}

.b3-chip__close {
opacity: 0;
width: 8px;
}

&:hover {
&::before {
width: 0;
}

.b3-chip__close {
opacity: 1;
width: 16px;
}
}
}

.b3-chip--middle,
&~div [data-type="addColOptionOrCell"] .b3-chip {
border-radius: 4px;
}

input {
background-color: transparent;
}
}
}

}


// 文本框键入
&__mask {
textarea {
resize: both;
background-color: var(--b3-theme-surface);
}

.b3-text-field,
select.b3-select {
background-color: var(--b3-theme-surface);
}
}
}

.b3-menu {
&[data-name="av-col-option"] {
.b3-menu__item {
.color__square {
box-shadow: none;
}
}
}

.b3-menu__label {
input:focus {
background-color: var(--b3-menu-background);
}

.b3-chip {
border-radius: 4px;
}
}

&__item {
.b3-menu__accelerator {
svg {
height: 24px !important;
}
}
&:hover textarea,
textarea:focus {
background-color: var(--b3-menu-background);
transition: none;
}
&:hover {
select {
background-color: var(--b3-menu-background);
transition: none;
}
}

.b3-button {
@include button-primary;
}
}

.b3-chip {
border-radius: 4px;

&[style*="background-color"] {
padding: 4px 8px;
}
}
}

.av {}

.protyle-hint {
&>input.b3-text-field {
margin: 0 !important;
background-color: var(--b3-menu-background);
padding: 8px;
box-sizing: content-box;
border-bottom: 1px solid var(--b3-border-color-trans);
border-radius: 0;

&:focus {
background-color: var(--b3-menu-background);
outline: none;
}
}
}
2 changes: 1 addition & 1 deletion theme.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion theme.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "Hadeeth",
"author": "MUSTAKSHIF",
"url": "https://github.com/mustakshif/Hadeeth",
"version": "1.1.2",
"version": "1.1.3",
"displayName": {
"default": "Hadeeth",
"zh_CN": "Hadeeth",
Expand Down
Loading

0 comments on commit 497cdd6

Please sign in to comment.