bingshuo/hololake-system-architecture
Watch
1
0
Fork
You've already forked hololake-system-architecture
 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

fix(knowledge): restore classification colors and scroll-synced outline

Browse source
This commit is contained in:
冰朔 2026-09-03 16:40:56 +08:00
commit 71cece74b0
10 changed files with 404 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

109
product-source/hololake-clean-desktop/src/styles.css
View file

@ -485,6 +485,71 @@ main {
font-size: 10px;
color: #6f879e;
}
.knowledge-tree {
padding: 9px 0 18px;
}
.tree-branch {
position: relative;
}
.tree-folder,
.tree-document {
width: 100%;
min-height: 38px;
display: grid;
align-items: center;
gap: 7px;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: #8fa5ba;
text-align: left;
}
.tree-folder {
grid-template-columns: 13px 18px minmax(0, 1fr) auto;
font-size: 13px;
font-weight: 590;
}
.tree-document {
grid-template-columns: 18px minmax(0, 1fr);
font-size: 12.5px;
font-weight: 480;
}
.tree-folder svg,
.tree-document svg {
width: 16px;
height: 16px;
color: #78bce6;
}
.tree-folder span,
.tree-document span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tree-folder em {
padding-right: 7px;
color: #617a91;
font-size: 10px;
font-style: normal;
}
.tree-folder:hover,
.tree-document:hover,
.tree-document.active {
color: #eef6ff;
background: rgba(78, 144, 194, 0.12) !important;
}
.tree-document.active {
box-shadow: inset 2px 0 #74bee9;
}
.tree-chevron {
display: grid;
place-items: center;
font-size: 18px;
transition: transform 0.14s ease;
}
.tree-chevron.open {
transform: rotate(90deg);
}
.knowledge-workspace > aside {
border-right: 1px solid var(--line);
padding: 13px;
@ -593,6 +658,45 @@ main {
background: rgba(71, 139, 188, 0.14);
font-size: 10px;
}
.meta-tags .tag-sky {
color: #a9dcff;
background: rgba(57, 145, 205, 0.18);
}
.meta-tags .tag-violet {
color: #d3b8ff;
background: rgba(128, 79, 190, 0.2);
}
.meta-tags .tag-amber {
color: #f6d28a;
background: rgba(188, 130, 35, 0.2);
}
.meta-tags .tag-mint {
color: #9fe2ba;
background: rgba(48, 148, 91, 0.2);
}
.meta-tags .tag-rose {
color: #ffb2ba;
background: rgba(185, 65, 81, 0.2);
}
.meta-properties {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 10px;
}
.meta-properties span {
display: inline-flex;
gap: 6px;
padding: 5px 8px;
border-radius: 6px;
color: #93a9bd;
background: rgba(255, 255, 255, 0.035);
font-size: 10px;
}
.meta-properties b {
color: #c5d4e1;
font-weight: 620;
}
.markdown-document {
color: #cbd8e6;
font-size: 15px;
@ -726,6 +830,11 @@ main {
line-height: 1.45;
padding-block: 7px;
}
.outline-list button.active {
color: #f5d791;
background: rgba(198, 146, 49, 0.12);
box-shadow: inset 2px 0 var(--gold);
}
.outline-list p {
color: #72899f;
font-size: 11px;