ncore-ui-kit/src/variants/themes/default.json

{
    "shapes": {
        "radiuses": {
            "soft": {
                "form": 8,
                "surface": 12,
                "actions": 8,
                "chip": 8,
                "full": 9999,
                "xs": 4,
                "none": 0,
                "sm": 8,
                "md": 12,
                "lg": 16,
                "xl": 28
            },
            "sharp": {
                "form": 4,
                "surface": 8,
                "actions": 4,
                "chip": 4,
                "full": 9999,
                "xs": 2,
                "none": 0,
                "sm": 4,
                "md": 8,
                "lg": 12,
                "xl": 16
            },
            "rounded": {
                "form": 12,
                "surface": 28,
                "actions": 9999,
                "chip": 9999,
                "full": 9999,
                "xs": 8,
                "none": 0,
                "sm": 12,
                "md": 16,
                "lg": 28,
                "xl": 28
            }
        },
        "inlineSpaces": {
            "subTitle": 2,
            "required": 2
        },
        "borders": {
            "line": 2
        },
        "spaces": {
            "spacious": {
                "spacingXs": 4,
                "spacingSm": 8,
                "spacingMd": 16,
                "spacingLg": 24,
                "spacingXl": 32
            },
            "compact": {
                "spacingXs": 2,
                "spacingSm": 4,
                "spacingMd": 12,
                "spacingLg": 16,
                "spacingXl": 24
            }
        }
    },
    "typography": {
        "spacious": {
            "displayLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "300",
                "fontSize": 57,
                "lineHeight": 64,
                "letterSpacing": -0.25
            },
            "displayMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "300",
                "fontSize": 45,
                "lineHeight": 52,
                "letterSpacing": 0
            },
            "displaySmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "300",
                "fontSize": 36,
                "lineHeight": 44,
                "letterSpacing": 0
            },
            "headlineLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 32,
                "lineHeight": 40,
                "letterSpacing": 0
            },
            "headlineMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 28,
                "lineHeight": 36,
                "letterSpacing": 0
            },
            "headlineSmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 24,
                "lineHeight": 32,
                "letterSpacing": 0
            },
            "titleLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 22,
                "lineHeight": 28,
                "letterSpacing": 0
            },
            "titleMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 16,
                "lineHeight": 24,
                "letterSpacing": 0.15
            },
            "titleSmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 14,
                "lineHeight": 20,
                "letterSpacing": 0.1
            },
            "bodyLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 16,
                "lineHeight": 24,
                "letterSpacing": 0.5
            },
            "bodyMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 14,
                "lineHeight": 20,
                "letterSpacing": 0.25
            },
            "bodySmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 12,
                "lineHeight": 16,
                "letterSpacing": 0.4
            },
            "labelLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 14,
                "lineHeight": 20,
                "letterSpacing": 0.1
            },
            "labelMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 12,
                "lineHeight": 16,
                "letterSpacing": 0.5
            },
            "labelSmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 11,
                "lineHeight": 16,
                "letterSpacing": 0.5
            }
        },
        "compact": {
            "displayLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "300",
                "fontSize": 45,
                "lineHeight": 52,
                "letterSpacing": 0
            },
            "displayMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "300",
                "fontSize": 36,
                "lineHeight": 44,
                "letterSpacing": 0
            },
            "displaySmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "300",
                "fontSize": 32,
                "lineHeight": 40,
                "letterSpacing": 0
            },
            "headlineLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 28,
                "lineHeight": 36,
                "letterSpacing": 0
            },
            "headlineMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 24,
                "lineHeight": 32,
                "letterSpacing": 0
            },
            "headlineSmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 22,
                "lineHeight": 28,
                "letterSpacing": 0
            },
            "titleLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 16,
                "lineHeight": 24,
                "letterSpacing": 0.15
            },
            "titleMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 14,
                "lineHeight": 20,
                "letterSpacing": 0.1
            },
            "titleSmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "500",
                "fontSize": 12,
                "lineHeight": 16,
                "letterSpacing": 0.4
            },
            "bodyLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 14,
                "lineHeight": 20,
                "letterSpacing": 0.25
            },
            "bodyMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 12,
                "lineHeight": 16,
                "letterSpacing": 0.4
            },
            "bodySmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 11,
                "lineHeight": 16,
                "letterSpacing": 0.5
            },
            "labelLargeSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 12,
                "lineHeight": 16,
                "letterSpacing": 0.5
            },
            "labelMediumSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 11,
                "lineHeight": 16,
                "letterSpacing": 0.5
            },
            "labelSmallSize": {
                "fontFamily": "Geist",
                "fontWeight": "400",
                "fontSize": 11,
                "lineHeight": 16,
                "letterSpacing": 0.5
            }
        }
    },
    "palettes": [
        {
            "name": "nibgat",
            "themes": {
                "dark": {
                    "system": {
                        "default": {
                            "primary": "rgba(64,220,195,1)",
                            "secondary": "rgba(187,204,196,1)",
                            "tertiary": "rgba(171,203,228,1)",
                            "error": "rgba(255,187,177,1)",
                            "success": "rgba(179,250,188,1)",
                            "warning": "rgba(255,223,102,1)",
                            "info": "rgba(167,230,255,1)",
                            "background": "rgba(25,28,27,1)",
                            "surface": "rgba(25,28,27,1)"
                        },
                        "on": {
                            "primary": "rgba(0,63,54,1)",
                            "secondary": "rgba(28,53,47,1)",
                            "tertiary": "rgba(18,52,72,1)",
                            "error": "rgba(105,0,5,1)",
                            "success": "rgba(22,66,33,1)",
                            "warning": "rgba(97,54,0,1)",
                            "info": "rgba(0,62,90,1)",
                            "background": "rgba(224,226,225,1)",
                            "surface": "rgba(224,226,225,1)"
                        },
                        "container": {
                            "primary": "rgba(0,85,69,1)",
                            "secondary": "rgba(51,74,68,1)",
                            "tertiary": "rgba(43,74,95,1)",
                            "error": "rgba(147,0,8,1)",
                            "success": "rgba(50,97,58,1)",
                            "warning": "rgba(136,81,0,1)",
                            "info": "rgba(0,93,128,1)"
                        },
                        "onContainer": {
                            "primary": "rgba(101,250,222,1)",
                            "secondary": "rgba(206,232,224,1)",
                            "tertiary": "rgba(201,236,254,1)",
                            "error": "rgba(255,187,177,1)",
                            "success": "rgba(206,255,214,1)",
                            "warning": "rgba(255,241,200,1)",
                            "info": "rgba(217,241,255,1)"
                        },
                        "variant": {
                            "surface": "rgba(41,50,48,1)"
                        },
                        "onVariant": {
                            "surface": "rgba(191,201,199,1)"
                        },
                        "outline": "rgba(137,147,145,1)",
                        "shadow": "rgba(0,0,0,1)",
                        "scrim": "rgba(0,0,0,0.5)",
                        "onMid": {
                            "surface": "rgba(255,255,255,0.64)"
                        },
                        "onLow": {
                            "surface": "rgba(255,255,255,0.32)"
                        },
                        "state": {
                            "overlay": {
                                "hover": {
                                    "default": "rgba(255,255,255,0.32)",
                                    "primary": "rgba(64,220,195,0.08)",
                                    "error": "rgba(255,187,177,0.24)",
                                    "warning": "rgba(255,223,102,0.24)",
                                    "success": "rgba(179,250,188,0.24)",
                                    "neutral": "rgba(196,199,198,0.24)",
                                    "info": "rgba(167,230,255,0.24)"
                                },
                                "focus": {
                                    "default": "rgba(255,255,255,0.64)",
                                    "primary": "rgba(0,107,92,0.32)",
                                    "error": "rgba(255,187,177,0.32)",
                                    "warning": "rgba(255,223,102,0.32)",
                                    "success": "rgba(179,250,188,0.32)",
                                    "neutral": "rgba(196,199,198,0.32)",
                                    "info": "rgba(167,230,255,0.32)"
                                },
                                "pressed": {
                                    "default": "rgba(255,255,255,0.32)",
                                    "primary": "rgba(0,107,92,0.32)",
                                    "error": "rgba(255,187,177,0.32)",
                                    "warning": "rgba(255,223,102,0.32)",
                                    "success": "rgba(179,250,188,0.32)",
                                    "neutral": "rgba(196,199,198,0.32)",
                                    "info": "rgba(167,230,255,0.32)"
                                },
                                "disabled": {
                                    "primary": "rgba(0,107,92,0.24)",
                                    "error": "rgba(255,187,177,0.24)",
                                    "warning": "rgba(255,223,102,0.24)",
                                    "success": "rgba(179,250,188,0.24)",
                                    "neutral": "rgba(196,199,198,0.08)",
                                    "info": "rgba(167,230,255,0.24)"
                                }
                            },
                            "border": {
                                "disabled": {
                                    "primary": "rgba(0,107,92,0.64)",
                                    "error": "rgba(255,187,177,0.32)",
                                    "warning": "rgba(255,223,102,0.32)",
                                    "success": "rgba(179,250,188,0.32)",
                                    "neutral": "rgba(196,199,198,0.32)",
                                    "info": "rgba(167,230,255,0.32)"
                                }
                            },
                            "content": {
                                "disabled": {
                                    "primary": "rgba(0,107,92,0.64)",
                                    "error": "rgba(255,187,177,0.32)",
                                    "warning": "rgba(255,223,102,0.32)",
                                    "success": "rgba(179,250,188,0.32)",
                                    "neutral": "rgba(196,199,198,0.32)",
                                    "info": "rgba(167,230,255,0.32)"
                                },
                                "mid": {
                                    "error": "rgba(255,255,255,1)"
                                }
                            }
                        },
                        "disabled": {
                            "content": "rgba(255,255,255,0.24)"
                        },
                        "low": {
                            "error": "rgba(255,187,177,0.32)",
                            "warning": "rgba(255,223,102,0.32)",
                            "success": "rgba(179,250,188,0.32)",
                            "info": "rgba(167,230,255,0.32)"
                        }
                    },
                    "content": {
                        "text": {
                            "high": "rgba(224,226,225,1)",
                            "mid": "rgba(255,255,255,0.64)",
                            "low": "rgba(255,255,255,0.32)",
                            "disabled": "rgba(255,255,255,0.24)",
                            "emphasized": "rgba(64,220,195,1)",
                            "link": "rgba(64,220,195,1)",
                            "onPrimary": "rgba(0,63,54,1)",
                            "danger": "rgba(255,187,177,1)",
                            "success": "rgba(179,250,188,1)",
                            "warning": "rgba(255,223,102,1)",
                            "info": "rgba(167,230,255,1)",
                            "disabledWhite": "rgba(255,255,255,0.32)",
                            "dangerLow": "rgba(255,187,177,0.32)",
                            "warningLow": "rgba(255,223,102,0.32)",
                            "successLow": "rgba(179,250,188,0.32)",
                            "infoLow": "rgba(167,230,255,0.32)"
                        },
                        "icon": {
                            "default": "rgba(191,201,199,1)",
                            "emphasized": "rgba(64,220,195,1)",
                            "disabled": "rgba(255,255,255,0.24)",
                            "onPrimary": "rgba(0,63,54,1)",
                            "danger": "rgba(255,187,177,1)",
                            "success": "rgba(179,250,188,1)",
                            "warning": "rgba(255,223,102,1)",
                            "info": "rgba(167,230,255,1)",
                            "low": "rgba(255,255,255,0.32)",
                            "mid": "rgba(255,255,255,0.64)",
                            "high": "rgba(224,226,225,1)",
                            "disabledWhite": "rgba(255,255,255,0.32)"
                        },
                        "container": {
                            "default": "rgba(25,28,27,1)",
                            "subtle": "rgba(41,50,48,1)",
                            "emphasized": "rgba(0,85,69,1)",
                            "selected": "rgba(0,85,69,1)",
                            "mid": "rgba(37, 35, 34, 1)",
                            "inverse": "rgba(0,63,54,1)",
                            "overlay": "rgba(0,0,0,0.5)",
                            "danger": "rgba(147,0,8,1)",
                            "success": "rgba(50,97,58,1)",
                            "warning": "rgba(136,81,0,1)",
                            "info": "rgba(0,93,128,1)",
                            "primary": "rgba(64,220,195,1)"
                        },
                        "border": {
                            "default": "rgba(137,147,145,1)",
                            "subtle": "rgba(41,50,48,1)",
                            "emphasized": "rgba(64,220,195,1)",
                            "danger": "rgba(255,187,177,1)",
                            "success": "rgba(179,250,188,1)",
                            "disabled": "rgba(255,255,255,0.24)",
                            "warning": "rgba(255,223,102,1)",
                            "info": "rgba(167,230,255,1)"
                        }
                    }
                },
                "light": {
                    "system": {
                        "default": {
                            "primary": "rgba(0,107,92,1)",
                            "secondary": "rgba(74,101,95,1)",
                            "tertiary": "rgba(67,101,127,1)",
                            "error": "rgba(186,16,16,1)",
                            "success": "rgba(74,128,82,1)",
                            "warning": "rgba(176,108,0,1)",
                            "info": "rgba(37,123,167,1)",
                            "background": "rgba(250,252,251,1)",
                            "surface": "rgba(250,252,251,1)"
                        },
                        "on": {
                            "primary": "rgba(182,254,238,1)",
                            "secondary": "rgba(255,255,255,1)",
                            "tertiary": "rgba(255,255,255,1)",
                            "error": "rgba(255,255,255,1)",
                            "success": "rgba(255,255,255,1)",
                            "warning": "rgba(255,255,255,1)",
                            "info": "rgba(255,255,255,1)",
                            "background": "rgba(25,28,27,1)",
                            "surface": "rgba(25,28,27,1)"
                        },
                        "container": {
                            "primary": "rgba(101,250,222,1)",
                            "secondary": "rgba(206,232,224,1)",
                            "tertiary": "rgba(201,236,254,1)",
                            "error": "rgba(255,218,214,1)",
                            "success": "rgba(206,255,214,1)",
                            "warning": "rgba(255,241,200,1)",
                            "info": "rgba(217,241,255,1)"
                        },
                        "onContainer": {
                            "primary": "rgba(0,32,27,1)",
                            "secondary": "rgba(6,33,27,1)",
                            "tertiary": "rgba(0,30,47,1)",
                            "error": "rgba(65,0,2,1)",
                            "success": "rgba(2,34,10,1)",
                            "warning": "rgba(60,28,0,1)",
                            "info": "rgba(0,31,54,1)"
                        },
                        "variant": {
                            "surface": "rgba(233,240,238,1)"
                        },
                        "onVariant": {
                            "surface": "rgba(63,73,71,1)"
                        },
                        "outline": "rgba(111,121,119,1)",
                        "shadow": "rgba(0,0,0,1)",
                        "scrim": "rgba(0,0,0,0.5)",
                        "onMid": {
                            "surface": "rgba(0,0,0,0.64)"
                        },
                        "onLow": {
                            "surface": "rgba(0,0,0,0.32)"
                        },
                        "state": {
                            "overlay": {
                                "hover": {
                                    "default": "rgba(0,0,0,0.32)",
                                    "primary": "rgba(64,220,195,0.24)",
                                    "error": "rgba(186,16,16,0.24)",
                                    "warning": "rgba(176,108,0,0.24)",
                                    "success": "rgba(74,128,82,0.24)",
                                    "neutral": "rgba(91,95,94,0.24)",
                                    "info": "rgba(37,123,167,0.24)"
                                },
                                "focus": {
                                    "default": "rgba(0,0,0,0.64)",
                                    "primary": "rgba(0,107,92,0.32)",
                                    "error": "rgba(186,16,16,0.32)",
                                    "warning": "rgba(176,108,0,0.32)",
                                    "success": "rgba(74,128,82,0.32)",
                                    "neutral": "rgba(91,95,94,0.32)",
                                    "info": "rgba(37,123,167,0.32)"
                                },
                                "pressed": {
                                    "default": "rgba(0,0,0,0.32)",
                                    "primary": "rgba(0,107,92,0.32)",
                                    "error": "rgba(186,16,16,0.32)",
                                    "warning": "rgba(176,108,0,0.32)",
                                    "success": "rgba(74,128,82,0.32)",
                                    "neutral": "rgba(91,95,94,0.32)",
                                    "info": "rgba(37,123,167,0.32)"
                                },
                                "disabled": {
                                    "primary": "rgba(0,107,92,0.24)",
                                    "error": "rgba(186,16,16,0.24)",
                                    "warning": "rgba(176,108,0,0.24)",
                                    "success": "rgba(74,128,82,0.24)",
                                    "neutral": "rgba(91,95,94,0.08)",
                                    "info": "rgba(37,123,167,0.24)"
                                }
                            },
                            "border": {
                                "disabled": {
                                    "primary": "rgba(0,107,92,0.32)",
                                    "error": "rgba(186,16,16,0.32)",
                                    "warning": "rgba(176,108,0,0.32)",
                                    "success": "rgba(74,128,82,0.32)",
                                    "neutral": "rgba(91,95,94,0.32)",
                                    "info": "rgba(37,123,167,0.32)"
                                }
                            },
                            "content": {
                                "disabled": {
                                    "primary": "rgba(0,107,92,0.32)",
                                    "error": "rgba(186,16,16,0.32)",
                                    "warning": "rgba(176,108,0,0.32)",
                                    "success": "rgba(74,128,82,0.32)",
                                    "neutral": "rgba(91,95,94,0.32)",
                                    "info": "rgba(37,123,167,0.32)"
                                },
                                "mid": {
                                    "error": "rgba(255,255,255,1)"
                                }
                            }
                        },
                        "disabled": {
                            "content": "rgba(0,0,0,0.24)"
                        },
                        "low": {
                            "error": "rgba(186,16,16,0.32)",
                            "warning": "rgba(176,108,0,0.32)",
                            "success": "rgba(74,128,82,0.32)",
                            "info": "rgba(37,123,167,0.32)"
                        }
                    },
                    "content": {
                        "text": {
                            "high": "rgba(25,28,27,1)",
                            "mid": "rgba(0,0,0,0.64)",
                            "low": "rgba(0,0,0,0.32)",
                            "disabled": "rgba(0,0,0,0.24)",
                            "emphasized": "rgba(0,107,92,1)",
                            "link": "rgba(0,107,92,1)",
                            "onPrimary": "rgba(182,254,238,1)",
                            "danger": "rgba(186,16,16,1)",
                            "success": "rgba(74,128,82,1)",
                            "warning": "rgba(176,108,0,1)",
                            "info": "rgba(37,123,167,1)",
                            "disabledWhite": "rgba(255,255,255,0.32)",
                            "dangerLow": "rgba(186,16,16,0.32)",
                            "warningLow": "rgba(176,108,0,0.32)",
                            "successLow": "rgba(74,128,82,0.32)",
                            "infoLow": "rgba(37,123,167,0.32)"
                        },
                        "icon": {
                            "default": "rgba(63,73,71,1)",
                            "emphasized": "rgba(0,107,92,1)",
                            "disabled": "rgba(0,0,0,0.24)",
                            "onPrimary": "rgba(182,254,238,1)",
                            "danger": "rgba(186,16,16,1)",
                            "success": "rgba(74,128,82,1)",
                            "warning": "rgba(176,108,0,1)",
                            "info": "rgba(37,123,167,1)",
                            "low": "rgba(0,0,0,0.32)",
                            "mid": "rgba(0,0,0,0.64)",
                            "high": "rgba(25,28,27,1)",
                            "disabledWhite": "rgba(255,255,255,0.32)"
                        },
                        "container": {
                            "default": "rgba(250,252,251,1)",
                            "subtle": "rgba(233,240,238,1)",
                            "emphasized": "rgba(101,250,222,1)",
                            "selected": "rgba(101,250,222,1)",
                            "inverse": "rgba(182,254,238,1)",
                            "overlay": "rgba(0,0,0,0.5)",
                            "mid": "rgba(239, 240, 239, 1)",
                            "danger": "rgba(255,218,214,1)",
                            "success": "rgba(206,255,214,1)",
                            "warning": "rgba(255,241,200,1)",
                            "info": "rgba(217,241,255,1)",
                            "primary": "rgba(0,107,92,1)"
                        },
                        "border": {
                            "default": "rgba(111,121,119,1)",
                            "subtle": "rgba(233,240,238,1)",
                            "emphasized": "rgba(0,107,92,1)",
                            "danger": "rgba(186,16,16,1)",
                            "success": "rgba(74,128,82,1)",
                            "disabled": "rgba(0,0,0,0.24)",
                            "warning": "rgba(176,108,0,1)",
                            "info": "rgba(37,123,167,1)"
                        }
                    }
                }
            }
        }
    ]
}