Border Palette Flavors

Border palettes are groups of atomic classes for <[any]> (any HTML tag) 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.

Border Palette: Default

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

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

                let appVv: ConfigVv = VvConfig
            
        
                    
                        appVv.borders.palettes.default = {
                            default   : "border-gray-200 dark:border-gray-600",
                            error     : "border-rose-600 dark:border-rose-300",
                            primary   : "border-blue-600 dark:border-blue-300",
                            secondary : "border-violet-600 dark:border-violet-300",
                            success   : "border-green-600 dark:border-green-300",
                        }
                    
                
            
                export default appVv