Colors 来自内容类型的标志性颜色

Colors 来自内容类型的标志性颜色,colors,icons,color-scheme,Colors,Icons,Color Scheme,我有一个包含文件浏览器的web应用程序。我有一个小数据库,可以将一个图标与各种内容类型(即图像、word/lowriter文件、excel/Local C文件、PDF、纯文本、归档文件等)相关联。为了完整性,我在这里复制/粘贴(它是用于React Fontsome的TypeScript): const iconClasses:{[key:string]:IconDefinition}={ //媒体 “图像”:faFileImage, “音频”:faFileAudio, “视频”:faFileVi

我有一个包含文件浏览器的web应用程序。我有一个小数据库,可以将一个图标与各种内容类型(即图像、word/lowriter文件、excel/Local C文件、PDF、纯文本、归档文件等)相关联。为了完整性,我在这里复制/粘贴(它是用于React Fontsome的TypeScript):

const iconClasses:{[key:string]:IconDefinition}={
//媒体
“图像”:faFileImage,
“音频”:faFileAudio,
“视频”:faFileVideo,
//文件
“application/pdf”:faFilePdf,
“应用程序/msword”:faFileWord,
“application/vnd.ms word”:faFileWord,
“application/vnd.oasis.opendocument.text”:faFileWord,
“application/vnd.openxmlformats of cedocument.wordprocessingml”:
faFileWord,
“application/vnd.ms excel”:faFileExcel,
“application/vnd.openxmlformats of iceDocument.spreadsheetml”:
faFileExcel,
“application/vnd.oasis.opendocument.spreadsheet”:faFileExcel,
“application/vnd.ms powerpoint”:faFilePowerpoint,
“application/vnd.openxmlformats of iceDocument.presentationml”:
faFilePowerpoint,
“application/vnd.oasis.opendocument.presentation”:faFilePowerpoint,
“文本/普通”:faFileAlt,
“text/html”:faFileCode,
“application/json”:faFileCode,
//档案
“应用程序/gzip”:faFileArchive,
“应用程序/zip”:faFileArchive
};
导出函数getFontAwesomeIconFromMIME(mimeType:string):IconDefinition{
//官方MIME类型列表:http://www.iana.org/assignments/media-types/media-types.xhtml
const candidate=Object.entries(iconClasses.find)([k])=>
mimeType.startsWith(k)
)
如果(候选者===未定义){
返回文件;
}否则{
返回候选人[1];
}
}
但是,这些图标是灰色的。我想将“图标”颜色与图标关联(RGB格式)。我不是那种喜欢UI的人,但这些颜色似乎有些标准化了。例如,PDF图标为红色,Word图标为蓝色,Excel图标为绿色,归档文件为黄色,等等

有没有这样的标志性颜色列表