- Issue created by @w01f
- π¨π¦Canada mandclu
It's also worth pointing out that the svg icons are hardcoded to use CSS variables if available (e.g.
--color1
) that are likely to have collisions because they are so generic. It would be better if these could be prefixed to avoid unintended collisions. -
shelane β
committed 8315c121 on 5.x
Issue #3513004: Add color configuration for icons
-
shelane β
committed 8315c121 on 5.x
-
shelane β
committed 94f793f4 on 5.x
Issue #3513004: Add color configuration for icons
-
shelane β
committed 94f793f4 on 5.x
- πΊπΈUnited States shelane
The default colors for the social networks come from the companies directly, so I don't want to change the default.
I was trying to find an example module where there is configuration for a fill. SVG is not something I have a lot of experience with, so I would need something to base it on.
Per @mandclu's suggestion, the variables now contain a prefix of "bss-" so you have var(--bss-color1) through var(-bss-color14). With this change, you can add the colors you would like in your css file:
:root {
--bss-color1: #2b6a94;
--bss-color2: #fff;
--bss-color3: #cddc39;
--bss-color4: #f60;
--bss-color5: #489951;
--bss-color6: #3a559f;
--bss-color7: #0076b2;
--bss-color8: #0084ff;
--bss-color9: #bd081c;
--bss-color10: #157efb;
--bss-color11: #ff4500;
--bss-color13: #3b445c;
--bss-color14: #000;
--bss-color15: #25d366;
}I've added this to the README file that will be released with version 5.0.
Automatically closed - issue fixed for 2 weeks with no activity.