@onwave/ui
Version:
onwave ui library
77 lines • 2.68 kB
JavaScript
export var Color;
(function (Color) {
Color["White"] = "#FFF";
Color["Black"] = "#000";
Color["Gray000"] = "#F8F8F9";
Color["Gray100"] = "#DCDCDC";
Color["Gray200"] = "#BCBCBC";
Color["Gray300"] = "#A1A1A1";
Color["Gray400"] = "#868686";
Color["Gray500"] = "#5E5E5E";
Color["Gray600"] = "#4A4A4A";
Color["Gray700"] = "#323232";
Color["Gray800"] = "#232323";
Color["Gray900"] = "#1A1A1A";
Color["Red000"] = "#feeff2";
Color["Red100"] = "#ffd1d7";
Color["Red200"] = "#fa9da5";
Color["Red300"] = "#f77c83";
Color["Red400"] = "#fc515a";
Color["Red500"] = "#fc3d46";
Color["Red600"] = "#f33340";
Color["Red700"] = "#e02839";
Color["Red800"] = "#d32032";
Color["Red900"] = "#c40d24";
Color["Orange000"] = "#fff9f2";
Color["Orange100"] = "#ffe8cc";
Color["Orange200"] = "#ffd8a8";
Color["Orange300"] = "#ffc078";
Color["Orange400"] = "#ffa94d";
Color["Orange500"] = "#ff922b";
Color["Orange600"] = "#fd7e14";
Color["Orange700"] = "#f76707";
Color["Orange800"] = "#e8590c";
Color["Orange900"] = "#d9480f";
Color["Blue000"] = "#EEF4FE";
Color["Blue100"] = "#CCDEFC";
Color["Blue200"] = "#9EC0FA";
Color["Blue300"] = "#78A6F8";
Color["Blue400"] = "#508CF7";
Color["Blue500"] = "#1D63F6";
Color["Blue600"] = "#144CD2";
Color["Blue700"] = "#0932A6";
Color["Blue800"] = "#07217B";
Color["Blue900"] = "#081954";
Color["Green500"] = "#00b79d";
})(Color || (Color = {}));
export var isLightMode = true;
export var white = "#FFFFFF";
export var black = "#010101";
export var light900 = "#292929";
export var light800 = "#575757";
export var light700 = "#808080";
export var light600 = "#A3A3A3";
export var light500 = "#BDBDBD";
export var light400 = "#D1D1D1";
export var light300 = "#E0E0E0";
export var light200 = "#F0F0F0";
export var light100 = "#FAFAFA";
export var dark900 = "#EBEBEB";
export var dark800 = "#C7C7C7";
export var dark700 = "#999999";
export var dark600 = "#757575";
export var dark500 = "#575757";
export var dark400 = "#3D3D3D";
export var dark300 = "#292929";
export var dark200 = "#1A1A1A";
export var dark100 = "#0F0F0F";
export var orange600 = "#FD7E14";
export var primaryColor = orange600;
export var text01 = isLightMode ? light900 : dark900;
export var text02 = isLightMode ? light800 : dark800;
export var uiBackground01 = isLightMode ? white : black;
export var ui01 = isLightMode ? light100 : dark100;
export var ui02 = isLightMode ? white : black;
export var border01 = isLightMode ? light200 : dark200;
export var focus01 = isLightMode ? light900 : dark900;
//# sourceMappingURL=colors.js.map