Skip to content

自定义 CSS 功能使用指南

功能介绍

Anteey支持通过自定义CSS来个性化应用的外观和样式。您可以通过编辑自定义CSS文件来修改界面元素的样式,如颜色、字体、间距等。

使用方法

1. 找到自定义CSS文件位置

自定义CSS文件位于以下位置:

  • Windows: %APPDATA%\anteey\UserData\Custom\custom.css
  • macOS: ~/Library/Application Support/anteey/UserData/Custom/custom.css
  • Linux: ~/.config/anteey/UserData/Custom/custom.css

注意:首次使用时,如果Custom目录或custom.css文件不存在,应用会自动创建。

2. 编辑CSS文件

使用任何文本编辑器(如VSCode、Sublime Text、记事本等)打开custom.css文件,添加您需要的CSS样式。

记得要增加 !important 来覆盖默认样式。

3. 应用样式

保存CSS文件后,刷新或重启Anteey应用即可应用新的样式。应用会在启动时自动加载并应用custom.css文件中的样式。

注意事项

  1. 备份样式:在进行大量修改前,建议先备份您的custom.css文件。
  2. CSS选择器:为了正确修改元素样式,您需要使用适当的CSS选择器。可以使用浏览器开发者工具来检查元素的类名和结构。
  3. 样式冲突:自定义CSS会覆盖应用默认样式,如果出现显示异常,请检查是否有样式冲突。
  4. 应用更新:应用更新可能会改变界面结构,导致某些自定义样式失效,需要相应调整。

常见问题

Q: 我的自定义样式没有生效
A: 请确认CSS文件路径正确,并且已经重启应用。检查CSS选择器是否正确匹配到目标元素。

Q: 应用更新后我的样式失效了
A: 应用更新可能会改变元素的类名或结构,需要相应更新CSS选择器。

Q: 如何恢复默认样式?
A: 删除或清空custom.css文件,然后重启应用即可恢复默认样式。

用卡片盒笔记法重新认识思考