原文参考链接:https://sashamaps.net/docs/resources/20-colors/
效果如下:
json 文件
直接复制导入
{
"name": "Distinct_Colors",
"light": {
"font-background12": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(240, 50, 230, 0.8)"
},
"font-background10": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(66, 212, 244, 0.8)"
},
"font-background7": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(245, 130, 49, 0.8)"
},
"font-background3": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(70, 153, 144, 0.8)"
},
"font-background1": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(128, 0, 0, 0.8)"
},
"font-background2": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(154, 99, 36, 0.8)"
},
"font-background4": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(0, 0, 117, 0.5)"
},
"font-background5": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(0, 0, 0, 0.4)"
},
"font-background6": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(230, 25, 75, 0.8)"
},
"font-background8": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(255, 225, 25, 0.8)"
},
"font-background9": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(60, 180, 75, 0.8)"
},
"font-background11": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(67, 99, 216, 0.88)"
},
"font-background13": {
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-bottom-right-radius": "5px",
"border-bottom-left-radius": "5px",
"border-top-color": "rgba(255,255,255,0.1)",
"border-right-color": "rgba(255,255,255,0.1)",
"border-bottom-color": "rgba(255,255,255,0.1)",
"border-left-color": "rgba(255,255,255,0.1)",
"border-top-width": "1px",
"border-right-width": "1px",
"border-bottom-width": "1px",
"border-left-width": "1px",
"border-top-style": "groove",
"border-right-style": "groove",
"border-bottom-style": "groove",
"border-left-style": "groove",
"background-color": "rgba(169, 169, 169, 0.44)"
}
},
"dark": {}
}
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于