Barebones icon indicating copy to clipboard operation
Barebones copied to clipboard

Allow overriding of default button style variables

Open thegecko opened this issue 6 years ago • 2 comments

This PR adds explicit variables for the the colours of the default buttons.

This enables a user to override the default button colours, specifically the background colour using:

        :root {
            --button-color: var(--button-primary-color);
            --button-background: var(--accent-color);
            --border-color: var(--accent-color);
            --button-color-hover: var(--button-primary-color);
            --button-background-hover: var(--accent-color-hover);
            --border-color-richer: var(--accent-color-hover);
        }

They all default to the same as before, except for the hover border which is now set to #888888 to match skeleton.

This may be cleaner introducing a new hue for the default button, but I didn't want to break backwards compatibility nor have to deal with a 'transparent' hue colour.

thegecko avatar Jul 13 '19 21:07 thegecko

Bump + context: I'm shopping for CSS frameworks, and this Skeleton fork seems the least dead + most relevant to what I'm looking for... but several totally sensible PRs like this hanging open for a year isn't a good sign.

@thegecko, are you still using Barebones, or have you moved on to something else?

alex-r-bigelow avatar May 28 '20 16:05 alex-r-bigelow

Not used if for a year :)

thegecko avatar May 28 '20 17:05 thegecko