建议对标签外观做一点优化

[i-iooi-i]

Is your feature request related to a problem?

这是来自Obsidian上的一款Memos插件，它对标签做了单独的圆角高亮的外观处理。

Describe the solution you'd like

想请大佬考虑下Memos针对标签做如上优化的可行性。
目前的标签外观确实在视觉上对文字内容形成了一些干扰，若是能通过设计标签外观样式做以区分，应该会更好一些。

Additional context

No response

[fakerange]

设置里应该可以自定义CSS吧

.tag-span{
border: solid;
border-radius: 6px;
background-color: pink;
border-color: pink;
}

[Issues-translate-bot]

Issue is not in English. It has been translated automatically.

---

It should be possible to customize the CSS in the settings.

[Wujiao233]

自定义CSS里添加下面的代码可以做到深浅色都兼容的类似的效果

.dark .tag-span{
    border: 1px solid rgb(97,97,97);
    border-radius: 6px;
    background-color: rgb(97, 97, 97);
    font-size: 12px;
    padding: 0px 4px;
    color: rgb(231,231,231) !important;
}

.tag-span{
    border: 1px solid rgb(231,231,231);
    border-radius: 6px;
    background-color: rgb(231, 231, 231);
    font-size: 12px;
    padding: 0px 4px;
    color: rgb(97,97,97) !important;
}

[siddiqun03]

Nice solution 🤔

[Issues-translate-bot]

Issue is not in English. It has been translated automatically.

---

Add the following code in the custom CSS to achieve a similar effect that both dark and light colors are compatible

.dark .tag-span{
    border: 1px solid rgb(97,97,97);
    border-radius: 6px;
    background-color: rgb(97, 97, 97);
    font-size: 12px;
    padding: 0px 4px;
    color: rgb(231,231,231) !important;
}

.tag-span{
    border: 1px solid rgb(231,231,231);
    border-radius: 6px;
    background-color: rgb(231, 231, 231);
    font-size: 12px;
    padding: 0px 4px;
    color: rgb(97,97,97) !important;
}

[i-iooi-i]

自定义CSS里添加下面的代码可以做到深浅色都兼容的类似的效果

.dark .tag-span{
    border: 1px solid rgb(97,97,97);
    border-radius: 6px;
    background-color: rgb(97, 97, 97);
    font-size: 12px;
    padding: 0px 4px;
    color: rgb(231,231,231) !important;
}

.tag-span{
    border: 1px solid rgb(231,231,231);
    border-radius: 6px;
    background-color: rgb(231, 231, 231);
    font-size: 12px;
    padding: 0px 4px;
    color: rgb(97,97,97) !important;
}

好棒，感谢，视觉效果一下变高级了。🥰

[Issues-translate-bot]

Issue is not in English. It has been translated automatically.

---

Add the following code in the custom CSS to achieve a similar effect that both dark and light colors are compatible

.dark .tag-span{
border: 1px solid rgb(97,97,97);
border-radius: 6px;
background-color: rgb(97, 97, 97);
font-size: 12px;
padding: 0px 4px;
color: rgb(231,231,231) !important;
}

.tag-span{
border: 1px solid rgb(231,231,231);
border-radius: 6px;
background-color: rgb(231, 231, 231);
font-size: 12px;
padding: 0px 4px;
color: rgb(97,97,97) !important;
}

Great, thank you, the visual effect has become more advanced. 🥰

[Jonnyan404]

• css代码 (来源于官方群

.memo-content-wrapper>.memo-content-text .tag-span {
    color: #5783f7;
    cursor: pointer;
    background-color: #eef3fe;
    padding: 4px;
    font-size: 15px;
    border-radius: 3px;
}

• 效果图

[Issues-translate-bot]

Issue is not in English. It has been translated automatically.

---

• css code (from the official group

.memo-content-wrapper>.memo-content-text .tag-span {
    color: #5783f7;
    cursor: pointer;
    background-color: #eef3fe;
    padding: 4px;
    font-size: 15px;
    border-radius: 3px;
}

• renderings

[i-iooi-i]

看上去还是很不错的。

[Issues-translate-bot]

Issue is not in English. It has been translated automatically.

---

It still looks pretty good.

[17huiwei]

官方能不能做成美化方案选项？