百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
A

atom

> 编程语言
开源

针对 Atom 文件的特定图标,提高视觉搜索效果。

1.4K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

针对 Atom 文件的特定图标,提高视觉搜索效果。

文件图标

Atom 中的文件特定图标可提高视觉搜索效果。

请参阅包中的样式表,查看使用了哪些类:

  • 图标: styles/icons.less
  • 颜色: styles/colours.less
  • 字体: styles/fonts.less

选择自己的橙色调

css
.dark-orange { color: #6a1e05; }
.medium-orange { color: #b8743d; }
.light-orange { color: #cf9b67; }

还原 PHP 的蓝色盾状图标

css
.php-icon:before{
font-family: MFizz;
内容: "\f147";
}

根据文件扩展名分配图标

以下示例使用 [属性选择器][12] 来针对特定的路径名:

css
.icon[data-name$=".js"]:before{
font-family: Devicons;
content: "\E64E";
}

为目录分配图标

.directory > .header > .icon{
&[data-path$=".atom/packages"]:before{
font-family:

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScriptatomicons

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言