I want to use the body text color in my web part, so if the theme is black, it would display text in white, if the background is white, it'd display it in black. Currently I am referencing this in my .scss file:
#import '~office-ui-fabric-react/dist/sass/References.scss'
I'm looking at these files under office-ui-fabric-react/dist/sass:
_Font.scss and _Color.scss, but I'm not finding anything related to bodytext color.
Any help is appreciated.
You can reference theme colors within your scss files like so:
.myClass {
color: "[theme: themePrimary, default: #0078d7]";
}
I believe in your situation you would use "black" or "neutralPrimary" for your color as it should invert when using a theme that is inverted (dark or black background).
Related
I'm using SBAdmin bootstrap theme in my project https://startbootstrap.com/template-overviews/sb-admin/
It's all good but i need to change background color of sidebar navbar nav item
What i've tryed:
Change color in this file Style/sccc/_navbar,
/vendor/bootstrap/css/bootstrap.css but unsuccesful
Changing css of bootstrap is not a good thing.
It's better to add a separate style sheet and override styles as you want.
.sidebar{
background-color: gray;
}
Add above css to change background color of sidebar.
You can change background color by replacing "gray" with any color code you
want.
Sometimes you need to remove class type in bootstrap like this
I would like to start using Eclipse in place of Netbeans. However, it seems to be that even the most basic things like setting the colours are very difficult to do.
I really can not figure out how to have a decent colour in both tooltips and documentation dialogs. Currently, they are like you can see here:
As you can see in the following image, I have already set the documentation background to white, but to no avail. I also tried different colours, nothing changes.
Following some advices in an other answer, I tried modifying my theme tooltip colour, but is already as they suggest me to edit it.
/usr/share/themes/Numix-ArchBlue/gtk-2.0/gtkrc
Other settings are like these:
I am on Arch with xfce4-session 4.12.1 (Xfce 4.12) and Numix-ArchBlue as theme.
Any idea about what I shall do?
I had the same problem, however I use the Greybird theme on a Debian testing machine.
I managed to solve it by doing the following:
Edit /usr/share/themes/Greybird/gtk-3.0/gtk-contained.css
Particularly, set the tooltip background and foreground colors as follows:
background-color: #ffffff;
color: black;
This sets the background color to white and the foreground (font) color to black.
The tooltip section of the CSS file looks like this:
The modified tooltip section of the gtk-contained.css
I did the same for /usr/share/themes/Greybird/gtk-3.0/gtk-contained-dark.css
The end result in Eclipse is depicted below:
Eclipse tooltip after editing the CSS files
Maybe for the Numix theme, this would be of help:
https://askubuntu.com/questions/765909/tweaking-newer-gtk3-themes
Good luck!
Kind regards,
Nikolay
In my .ai (illustrator) file you can see the right color:
But when I save to web SVG the colors change to more lighter colors:
What is happening?
I don't think illustrators svg export functionality includes blend mode filtering. So all of your blends are not being rendered, just the basic shape fill colors. I believe you could achieve your blend effects with filters or css, but it would likely have to be done outside of illustrator in the svg or web code.
A quick question regarding the Chrome Badge/Browser Action API.
Is there a method to set the badge text colour? (much like you can with the back colour).
I'm sure I remember seeing a reference to a method such as SetBadgeTextColor() somewhere on the Internet (not sure where, mind).
Edit: Chromium Wiki - Browser Actions Proposal
The link above is where I saw a method to set the badge text colour. Was this proposal ever implemented?
You cannot change the text color directly.
What you can do is to paint the base image on a canvas, then draw the text using your desired color and finally use chrome.browserAction.setIcon to update the badge.
chrome ext detects badge bg color (light or dark) and set text color automatically (black or white). if your background color is around the boundary of those. try to increase or decrease your bg color code e.g your bg color is red #FF0000 then chrome will detects it as light but when you decrease the color code hex to #FE0000 it will detected as dark, and it's still solid red in our eyes
Hi
This might be a very stupid question. I am using export of 'Inkscape' to convert the svg file to png. As I am using the transparent backgroung the color of background is automatically yellow. I want to change this default colour to white
It was a mistake. as the background was transparent. It depends which image viewer are you using. While displaying everybody has its own color. In general, at linux i found it to be yellow and in windows white.
I am sorry for asking a stupid question.