Fill Palette Flavors

Fill palettes are groups of atomic classes for <[svg]> (XML SVG Markup) application elements. Palettes consist of property/value pairs where the property is something specific to your color, app, brand, or industry, while the value defines that property's characteristics with CSS classes.

Fill Palette: Default

Contributor:@oberocks
            
                // ./src/app.vv.ts

                import { VvConfig } from '@obewds/vueventus'
                import type { ConfigVv } from '@obewds/vueventus'

                let appVv: ConfigVv = VvConfig
            
        
                    
                        appVv.fills.palettes.default = {
                            default   : "dark:fill-gray-100 fill-gray-900",
                            error     : "fill-rose-500 dark:fill-rose-300",
                            primary   : "fill-blue-500 dark:fill-blue-300",
                            secondary : "fill-violet-500 dark:fill-violet-300",
                            success   : "fill-green-600 dark:fill-green-300",
                        }
                    
                
            
                export default appVv