koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
1 lines • 2.78 kB
Source Map (JSON)
{"version":3,"file":"theme.cjs","sources":["../../../../src/lib/Theme/theme.ts"],"sourcesContent":["export const theme = {\n fontFamily: `'Rubik Variable', sans-serif`,\n fontFamilyMonospace: `\"SF Mono\", \"Courier New\", FreeMono, \"Nimbus Mono PS\", Cousine, monospace`,\n sizeUnit: '6px',\n inputWidth: '240px',\n inputHeight: '38px',\n // font sizes\n fontSizeH1: '36px',\n fontSizeH2: '28px',\n fontSizeH3: '24px',\n fontSizeH4: '22px',\n fontSizeH5: '18px',\n fontSizeH6: '16px',\n fontSizeText: '16px',\n fontSizeMedium: '16px',\n fontSizeLarge: '18px',\n fontSizeSmall: '14px',\n fontSizeExtraSmall: '12px',\n // font weights\n fontWeightLighter: 300,\n fontWeightNormal: 400,\n fontWeightBolder: 500,\n fontWeightBold: 600,\n // colors\n textColor: '#111111',\n background000: 'white',\n background100: '#dedede',\n background200: '#bdbdbd',\n background300: '#808080',\n background400: '#525252',\n background500: '#363636',\n background600: '#000000',\n // theme\n colorDo: '#e3a075',\n colorRe: '#61483a',\n colorMi: '#ffdea6',\n colorFa: '#20b2aa',\n colorSol: '#597480',\n colorLa: '#99DFFF',\n // info colors\n colorError: '#FF004F',\n colorWarning: '#FFC72C',\n colorSuccess: '#3c9d74',\n colorAction: '#2100FF',\n // shadow config\n shadowColor: 'color-mix(in srgb, var(--kg-background-600) 11%, transparent)',\n shadow050: '3px 3px 3px 0 var(--kg-shadow-color)',\n shadow100: '6px 6px 3px 0 var(--kg-shadow-color)',\n shadow200: '9px 9px 3px 0 var(--kg-shadow-color)',\n textShadow: '1px 1px 1px rgb(0 0 0 / 66%)',\n // border radii\n borderRadius100: '2px',\n borderRadius200: '3px',\n borderRadius300: '6px',\n borderRadius400: '9px',\n borderRadius500: '12px',\n // border widths\n borderWidth100: '1px',\n borderWidth200: '2px',\n borderWidth300: '3px',\n timeXS: '111ms',\n timeSM: '333ms',\n timeMD: '666ms',\n timeLG: '999ms',\n timeXL: '1666ms',\n};\n\nexport type ThemeType = Partial<typeof theme>;\n"],"names":["theme"],"mappings":"6FAAO,MAAMA,EAAQ,CACjB,WAAY,+BACZ,oBAAqB,2EACrB,SAAU,MACV,WAAY,QACZ,YAAa,OAEb,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,aAAc,OACd,eAAgB,OAChB,cAAe,OACf,cAAe,OACf,mBAAoB,OAEpB,kBAAmB,IACnB,iBAAkB,IAClB,iBAAkB,IAClB,eAAgB,IAEhB,UAAW,UACX,cAAe,QACf,cAAe,UACf,cAAe,UACf,cAAe,UACf,cAAe,UACf,cAAe,UACf,cAAe,UAEf,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,SAAU,UACV,QAAS,UAET,WAAY,UACZ,aAAc,UACd,aAAc,UACd,YAAa,UAEb,YAAa,gEACb,UAAW,uCACX,UAAW,uCACX,UAAW,uCACX,WAAY,+BAEZ,gBAAiB,MACjB,gBAAiB,MACjB,gBAAiB,MACjB,gBAAiB,MACjB,gBAAiB,OAEjB,eAAgB,MAChB,eAAgB,MAChB,eAAgB,MAChB,OAAQ,QACR,OAAQ,QACR,OAAQ,QACR,OAAQ,QACR,OAAQ,QACZ"}