I write codes at a GitHub page and I want to highlight my codes in it. I know that Github provides default code highlighting but my problem is this: Operator colors are always black and this is a problem when I use a dark theme. I mean:
I use highlight.js. Why that operators are always black? I tried
code { color: white;
}
in a CSS file but it did not work.
Related
Hi I am new on here first of all nice to meet you all
I am facing a problem on wordpress
I am using "Quick Download Button" Plugin which the link is https://wordpress.org/plugins/quick-download-button/#description
after I have install it on my site I tried to change the button colour by css but I never ever success to change it. I have checked the button in inspect and I copied it but it didn't work.
what I tried was
.g-btn.f-l
{
color: #3c1c1c;
}
but it never worked.
please anyone help will be awsome thanks and sorry for my bad english
Like #jared said - it shouldn't be too hard to find the right selector and change the color within your browsers dev-tools. If you see the color change, bingo! Then if that doesn't work within your css file itself, you might have an ordering issue with your sites css files (i.e. your css is loading before the plugins). Quick way to test this is add the !important selector to that rule on your file - e.g:
color: #3c1c1c !important;
the css color-parameter is not defining the color of the button, but from the text of the button. if you want to change the color of the button, you need to look after "background" or "background-color".
example:
.g-btn.f-l{
color: #FFFFFF;
Background-color: #3c1c1c;
}
Visible example:
Source of example: Kryptonews Lexikon
I have read this document https://www.tiny.cloud/docs/advanced/creating-custom-notifications/ but i have not found where i can change the text color, icon color, background color. Currently the background and text are so light that users cannot read anything in the notification box, so i need to make some changes. But i have not been successfull.
First I added this code to my site css. (it is what i see in the console)
.tox .tox-notification--info {
background-color: #d2cbcb; /* off white */
border-color: #000000;
color: #000000;
}
.tox .tox-notification--info p {
color: #000000;
}
.tox .tox-notification--info svg {
fill: #000000;
}
And no effect even after hard cache clear. Then i put that same code in a custom css file and used the tinymce content_css: like so
content_css: 'sbc_custom.css',
if found the file but still no change. I can change the values in the console only. How do i get the css to work? (i am using TinyMCE version 5)
The proper way is to build a custom skin either by building it yourself as outlined in the docs, or use the TinyMCE 5 skin tool. The TinyMCE styles are written in LESS and you basically modify variables to customize the look and feel of TinyMCE. To style the notifications, the following variables are available to you.
If you're using the skin tool, switch to the advanced mode and copy & paste the following into #notification-warn-background-color: red; at the end of the existing variables which should turn the yellow notification red in the preview.
We use the hueman theme and the crayon syntaxhighlighter at our company blog. However we have a problem with the style of the code blocks.
For example: A blogpost at our blog
At every second code block the css stylesheet seems corrupt. The striped lines have the wrong background color and are white instead of grey. When I turn of the striped line feature, every second code block is white.
Anyone know this issue? I search for several hours but I wasn't able to fix it.
Fixed it. Had ".entry table tr.alt" in my css which override the default crayon syntaxhighlighting style
Added:
.entry tr.crayon-row.alt {
background-color: transparent;
}
and now it works as expected :)
I am trying to edit my colour scheme for Eclipse. (Windows!)
I seem to be unable to change the following white areas in the image below.
I know the following code works for certain areas:
.MPart Tree, .MPart Table{
background-color:black;
color: white;
}
If anybody could redirect me to a website containing everything css property or post some code I would be thankful!
The windows I want changed are the ones below in white!
Those white areas are governed by source code styling. Easiest way to change them is to use other plugin like Eclipse Color Theme. If you want to create your own theme you can modify a theme file or use http://www.eclipsecolorthemes.org/
You can also change them manually using Window -> Preferences and then Java -> Editor -> Syntax Coloring.
I am using Wordpress template Simple market and the default text colour is green but I want to change it to black. Even the widgets I install go green. Is there a way to change the whole color rather than changing it in css one by one?
You can put some CSS in your theme's style.css file to override its green text-color with black text-color, for example:
body {
color: black;
}
if the above not work, try something like:
body {
color: black !important;
}
This is just a quick patch but not a final solution. When your have better understanding in the theme you mentioned, you can use some tools like Firebug to locate the actual CSS codes and to search and replace them in style.css file which they belong to. That will be better.
Go to Style.css
replace green color(you will find it using colorpix) to black(i.e #000000) using find and replace feature in any stylesheet editor.
Simple enough and no other way.