如何解决来自内容类型的标志性颜色
我有一个包含文件浏览器的 Web 应用程序。我有一个小数据库,可以将 FontAwesome 图标与各种内容类型(即图像、word/lowriter 文件、excel/localc 文件、PDF、纯文本、档案等)相关联。为了完整起见,我在此处复制/粘贴(它是用于 React-FontAwesome 的 TypeScript):
const iconClasses: { [key: string]: IconDefinition } = {
// Media
"image": faFileImage,"audio": faFileAudio,"video": faFileVideo,// Documents
"application/pdf": faFilePdf,"application/msword": faFileWord,"application/vnd.ms-word": faFileWord,"application/vnd.oasis.opendocument.text": faFileWord,"application/vnd.openxmlformats-officedocument.wordprocessingml":
faFileWord,"application/vnd.ms-excel": faFileExcel,"application/vnd.openxmlformats-officedocument.spreadsheetml":
faFileExcel,"application/vnd.oasis.opendocument.spreadsheet": faFileExcel,"application/vnd.ms-powerpoint": faFilePowerpoint,"application/vnd.openxmlformats-officedocument.presentationml":
faFilePowerpoint,"application/vnd.oasis.opendocument.presentation": faFilePowerpoint,"text/plain": faFileAlt,"text/html": faFileCode,"application/json": faFileCode,// Archives
"application/gzip": faFileArchive,"application/zip": faFileArchive
};
export function getFontAwesomeIconFromMIME(mimeType: string): IconDefinition {
// List of official MIME Types: http://www.iana.org/assignments/media-types/media-types.xhtml
const candidate = Object.entries(iconClasses).find(([k]) =>
mimeType.startsWith(k)
)
if (candidate === undefined) {
return faFile;
} else {
return candidate[1];
}
}
但是这些图标是灰色的。我想将“标志性”颜色与图标(RGB 格式)相关联。我不是 UI 专家,但这些颜色似乎有些标准化。例如,PDF 图标是红色的,Word 图标是蓝色的,Excel 图标是绿色的,档案是黄色的,等等。
有这样一组标志性颜色吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。