Skip to content

Obsidian 样式 -Thino 列表模式日期样式调整

Obsidian Style - Thino List Mode Date Style Adjustment

After enabling “Show date markers in list mode” in Thino Pro, date markers will appear in list mode and can be collapsed by clicking (Command + click can also display all thinos for that day separately).

Obsidian Style - Thino List Mode Date Style Adjustment--Steps

I’ve made a few style changes to this section: zoom in, center left, and a more pronounced mouse hover.

Obsidian Style - Thino List Mode Date Style Adjustment--Steps

CSS Code

For how to use CSS code, see: Obsidian的CSS代码片段

div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark {
justify-content: left;
width: fit-content;
margin: 15px 0 5px;
font-family: Inter,ui-sans-serif,system-ui;
font-size: 1.2rem;
font-weight: 600;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark {
color: var(--memos-text-black);
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark .day-mark-text {
opacity: 1;
color: var(--memos-text-black);
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark .day-mark-text:hover {
color: var(--memos-text-black);
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded .day-mark-text {
opacity: .2;
color: var(--memos-text-black);
transition: all .4s ease;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded .day-mark-text:hover {
opacity: 1;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded::before,
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded::after {
display: none;
}