I've been trying to change text color of Facepile because my site has black background and thus the black text of Facepile doesn't show up.
I tried setting "color" parameter of "metadata_with_margin", but that didn't work.
Any help would be much appreciated!
Thanks,
Use the attribute colorscheme="dark". Then the Facepile text will be white.
(The only two choices for colorscheme are "light", which is the default, and "dark".)
Related
I am designing a UI in SwiftUI. There are a few buttons that I have customised with a rounded rectangle. I want the color of that rectangle to be the same as the color of the text - blue by default, and light grey in disabled mode.
At present I am hardcoding the colors. Is there some variable or function available to match the system settings for either of those colors?
The default color of a button is .accentColor. This works for both light & dark mode too:
Color.accentColor
I can't seem to find out how to get the disabled button color yet, but I'll update this if I find out.
I have enabled codemirror in summernote editor for code view and it works, but I have an issue with font color. Because I am using light color scheme for summernote and dark color scheme for codemirror color of text in codemirror is black (obviously from that light scheme summernote has). I would like somehow to override that and make that text white in codemirror. But how can I do it?
I have noticed that color comes from .note-frame * {...}, so I need somehow to change that.
Greets,
Dejan
I found the solution today.
And because it was not possible to override .note-frame * {...} color I decided to remove it. By removing this summernote is receiving main color of the page and that is perfectly fine, I mean why not? In 99% of cases we want the same color of the font on the entire page.
I have a form field text-field and I have set its fill color to no color, but it still shows background gray-ish color in the preview and also after saving the file. I want transparent/white background for the textfield so that reading the text in it can be easy.
Thanks in advance.
Go to Edit-Preferences-Forms and deselect "show border hover color for fields".
I am working with RepeatBox in smartface. When i am making "Allow pull-up to refresh" to true, i am getting gray color strip at the bottom of the RepeatBox. How to change that color to white.
I tried with Fill color of repeatBox but, didn't help.
Can any one help me in this.
Thanks in advance
If you are using a static repeatbox, you can change it's color from palette.
Select "Pull-up Item" from RepeatBox Edit Mode. As you see, I changed its color property as blue.
See the attached picture below :
Is it possible to change the color of text in a Facebook like button? Besides selecting a different color scheme, I don't see a way to adjust the font...
Facebook retains control over their button and only allows you to set predefined options for skinning it. As font color goes, you can choose the light colorscheme to go with light backgrounds, or the dark colorscheme to go with dark backgrounds.
http://developers.facebook.com/docs/reference/plugins/like-box/
YES
It can be done
NO
It's probably not allowed by Facebook's brand guidelines.
Demonstration
I created a demo page that lets you pick the colors using a slider or palette, or that lets you manipulate the filter directly.
Background information
The technique basically works by applying a hue-rotate filter to the element containing the i-frame. Hue-rotate sort-of rotates a color wheel. As such we can't give the button any color we want. We are limited to the 360 degrees of rotation we can apply to the default button. But there are some greens, browns, reds, pink and even purple we can play with. Try it out for yourself.
References
StackOverflow: how to change color of facebook like button
Stijn de Witt's Blog: Change the facebook button color
Include data-colorscheme="light/dark" according to your background in the div with class "fb-like". Light color scheme is for light background and vice-versa.
Facebook has not released this feature yet. However, you may change it using javascript - when using the JS based version, not iframe.