[{"name":"ThemeSpec","comment":" ThemeSpec is a theme specification that can be used across a variety of projects to quickly theme them based on CSS variables. Themes are scoped and multiple can be used at the same time in an application. ThemeSpec is fully compatible with darkmode and any theme can have dark variants.\n\n@docs ThemeSpec, ThemeSpecBackground, ThemeSpecColor, theme\n\n\n# Default Themes\n\n@docs lightTheme, darkTheme\n\n\n# Theme Sample\n\n@docs sample\n\n\n# Theme Variables\n\n@docs fontTitle, fontText, fontCode, borderRadius, borderRadiusLarge, focus, background, base, accent, success, warning, danger\n\n","unions":[],"aliases":[{"name":"ThemeSpec","comment":" ","args":[],"type":"{ fontTitle : String.String, fontText : String.String, fontCode : String.String, borderRadius : String.String, borderRadiusLarge : String.String, focus : String.String, background : ThemeSpec.ThemeSpecBackground, base : ThemeSpec.ThemeSpecColor, accent : ThemeSpec.ThemeSpecColor, success : ThemeSpec.ThemeSpecColor, warning : ThemeSpec.ThemeSpecColor, danger : ThemeSpec.ThemeSpecColor }"},{"name":"ThemeSpecBackground","comment":" ","args":[],"type":"{ base : String.String, dark : String.String, darker : String.String, shadow : String.String }"},{"name":"ThemeSpecColor","comment":" ","args":[],"type":"{ base : String.String, light : String.String, lighter : String.String, shadow : String.String }"}],"values":[{"name":"accent","comment":" CSS Variables based on **accent** colors.\n\n  - accent.base `var(--tmspc-accent)`\n  - accent.dark `var(--tmspc-accent-dark)`\n  - accent.darker `var(--tmspc-accent-darker)`\n  - accent.shadow `var(--tmspc-accent-shadow)`\n\n","type":"ThemeSpec.ThemeSpecColor"},{"name":"background","comment":" CSS Variables based on **background** colors.\n\n  - background.base `var(--tmspc-background)`\n  - background.dark `var(--tmspc-background-dark)`\n  - background.darker `var(--tmspc-background-darker)`\n  - background.shadow `var(--tmspc-background-shadow)`\n\n","type":"ThemeSpec.ThemeSpecBackground"},{"name":"base","comment":" CSS Variables based on **base** colors.\n\n  - base.base `var(--tmspc-base)`\n  - base.dark `var(--tmspc-base-dark)`\n  - base.darker `var(--tmspc-base-darker)`\n  - base.shadow `var(--tmspc-base-shadow)`\n\n","type":"ThemeSpec.ThemeSpecColor"},{"name":"borderRadius","comment":" `var(--tmspc-border-radius)`\n\nUsually used for the border radius of small elements. (e.g. buttons)\n\n","type":"String.String"},{"name":"borderRadiusLarge","comment":" `var(--tmspc-border-radius-large)`\n\nUsually used for the border radius of large elements. (e.g. cards)\n\n","type":"String.String"},{"name":"danger","comment":" CSS Variables based on **danger** colors.\n\n  - danger.base `var(--tmspc-danger)`\n  - danger.dark `var(--tmspc-danger-dark)`\n  - danger.darker `var(--tmspc-danger-darker)`\n  - danger.shadow `var(--tmspc-danger-shadow)`\n\n","type":"ThemeSpec.ThemeSpecColor"},{"name":"darkTheme","comment":" ","type":"ThemeProvider.Theme"},{"name":"focus","comment":" `var(--tmspc-focus)`\n\nUsually used for accessibility purposes.\n\n","type":"String.String"},{"name":"fontCode","comment":" `var(--tmspc-font-code)`\n","type":"String.String"},{"name":"fontText","comment":" `var(--tmspc-font-text)`\n","type":"String.String"},{"name":"fontTitle","comment":" `var(--tmspc-font-title)`\n","type":"String.String"},{"name":"lightTheme","comment":" ","type":"ThemeProvider.Theme"},{"name":"sample","comment":" Renders an element that showcases all the current theme's colors and settings.\n","type":"Html.Html msg"},{"name":"success","comment":" CSS Variables based on **success** colors.\n\n  - success.base `var(--tmspc-success)`\n  - success.dark `var(--tmspc-success-dark)`\n  - success.darker `var(--tmspc-success-darker)`\n  - success.shadow `var(--tmspc-success-shadow)`\n\n","type":"ThemeSpec.ThemeSpecColor"},{"name":"theme","comment":" Used for turning a `ThemeSpec` into a `Theme` used by [elm-theme-provider](https://package.elm-lang.org/packages/uncover-co/elm-theme-provider/latest/).\n","type":"ThemeSpec.ThemeSpec -> ThemeProvider.Theme"},{"name":"warning","comment":" CSS Variables based on **warning** colors.\n\n  - warning.base `var(--tmspc-warning)`\n  - warning.dark `var(--tmspc-warning-dark)`\n  - warning.darker `var(--tmspc-warning-darker)`\n  - warning.shadow `var(--tmspc-warning-shadow)`\n\n","type":"ThemeSpec.ThemeSpecColor"}],"binops":[]}]