How do I make comments contrast more with the dark background?
I am curious about customizing dark themes in jupyter notebooks. I installed jupyter themes with the jupyter-themes package:
conda install -c conda-forge jupyterthemes
The available themes seem to make the comments too light. i.e. they don't contrast enough.
I tried various themes:
jt -t chesterish
Soft blueish Headings and bolds but comments almost not visible
jt -t monokai -m 200
markdown is in bright green (i.e. headings, etc). But comments are some dark brownish hue making them almost invisible.
jt -t onedork # contrast too low
Onedork has even less contrast for all text (except numerical values and commands)
[![onedork has low contrast text][1]][1]
I want to make it like a bright grey, like the here in the stackoverflow dark theme?
This question was also asked in Jupyter Notebook - Customize Style/Themes but no answers yet
[1]: https://i.stack.imgur.com/95yYJ.png
If you use MS Edge, a work around that impacts all websites, not just jupyter notebooks, is a browser extension called Dark Reader.
https://microsoftedge.microsoft.com/addons/detail/dark-reader/ifoakfbpdcdoeenechcleahebpibofpc
Before installing it... I reset the jt dark themes and restarted jupyter notebooks
jt -r
jupyter notebook &
Related
I know there is a way to color fonts by using HTML tag in this way: <span style='color:green'>TEST</span>
But when I do something like <span style='color:green'>## TEST</span>, the headers feature will not appear, i.e. the font size is not enlarged.
Is there a neat way to color headers in markdown in Jupyter Notebook without using lengthy css stuff? Thanks.
I have tried searched a lot on Google and Stackoverflow but I still cannot find a solution to my problem. I am expecting a solution. Thanks.
On github and gitlab you can use KATEX who can help with good codes like \color{colorname} who change the color from the text inside the $$$$ code, like below:
# $${\color{purple} \boxed{ \frak{ \color{orange}Rise \space \color{cyan}and \space \color{magenta}Rise \space \color{lime}again \space \color{violet}until \space \color{lightgray}Lambs \space \color{teal}become \space \color{red}Lions !} } }$$
On github profile:
Like jupiter use almost the same markdown, you can check if you can use LATEX or KATEX code.
More info about LATEX on jupyter here: towards data science - markdown latex on jupyter
I have seen these two questions:
Can I change the font of terminal?
Is it possible to show mathematical symbols in the terminal?
The answer to both is yes.
I am wondering if it is possible to have a CLI print out mathematical symbols into the terminal from a custom font only it is personally using, while at the same time I never have to change the font on my terminal (I can keep using the default font for everything else). That is, say I have my default font for my terminal set to x. The CLI program would have downloaded and have a local copy of font y. Then the CLI sets the font type to font y for the terminal, draws some stuff in font y, and then sets it back to font x before closing. That way the terminal still has its original font but it was also able to display symbols (like math symbols) from another font. Wondering if this is in any way possible.
I'm imagining this sort of like how you have font-families in CSS. In CSS, you can provide a downloaded font to the end user's browser to display the text using a different font than what they have as the default in the browser. Wondering if you can do this same sort of thing with the terminal. Specifically I am on the Mac using iTerm2, but knowing if it's possible there or on any other terminal would be useful to know.
Not really. In principle you can switch fonts with the ANSI escape code ESC [ 11m where 11 can be any of the “fonts” between 10 and 20 inclusive with 10 being the default. You would have to load an appropriate font first (setfont?).
In practice no terminal emulator actually supports this (I've heard that pangoterm does).
The usual workaround is to create a patched Unicode font that encodes additional symbols in private-use areas, and configure your terminal emulator to use that font. However, your programs would then have to output the correct codepoints, you can't locally switch the font for ASCII. Font patching is e.g. suggested by the Powerline vim extension.
In X applications, font substitution already does what you describe. By default, when a font does not have a certain glyph, it is substituted from a different font. The details are customisable in /etc/fonts/fonts.conf, there are several GUI configuration tools for that.
Screenshot: Konsole 18.04, configured font for application is DejaVu Sans Mono size 16, beer mugs glyph substituted from Symbola
so far I've used aptana build 3.4.
I recently installed Aptana Studio 3, build: 3.6.1.201410201044 on my new mac, and by default the theme is bright.
I tried changing the theme to be dark, but only the background colors seems to change.
The font stay the same as before no matter what I do.
I change the theme via:
but the font color doesn't change, but stays like the default (light theme). and thus it looks weird:
Tried searching for solution for hours now but couldn't find anything.
Any help would be appreciated!
You can change the colors for PyDev editors via: Preferences > PyDev > Editor
...but unfortunatly I also have not found out, how to apply the color-themes.
edit: somebody came up with a solution to the python-editor theme problem, that worked for me :)
https://stackoverflow.com/a/28075375/3313410
Pretty random question here, but just wondered why some classes in FontAwesome (http://fortawesome.github.io/Font-Awesome/) have -o at the end, such as fa-hdd-o.
From an outsider, it seems as though there is no reason for this as there is no other class that might be a variation.
I am asking because I want to see the thinking behind the design decision.
Actually I think the o stands for an "outline" version of the icon. Not all icons have a -o type version of them, by design. This See example of the Font Awesome file icon:
Important to note too that the -o version icons will have a transparent background, so areas not in the outline will show the background color or image they are placed on top of. This aspect gets back to your question #Savvas Nicholas about design and these -o icon types, stylistically they provide a different visual effect.
I think because with the -o they want to say something like outer. For example check fa-bell vs fa-bell-o and see the difference.
If you go to the cheatsheet, you can see the exact difference between the icons having -o and the ones which don't. The ones having -o usually have more white than black, whereas the ones not having -o are rather black.
It stands for "off".
if you take:
fa-bell-slash
for example when you look at the icon you can sorta tell that its on.
but if you look at:
fa-bell-slash-o
it looks like the bell is off.
Is there a css editor (for Windows) which would show colors? Or more generally, editor that would always display a 6-characters hexadecimal values with a color background.
e.g. like this:
div.myclass {
color: #ff8861; <- the background (or foreground, doesn't matter) of #ff8861 has orange color in the editor
}
[Edit 1]: not a wysiwyg, just a rich text editor showing colors and syntax
[Edit 2]: ideally, it should also support LESS syntax
Try Crunch! - It's a LESS CSS editor that color codes, compiles and compresses. It's written in Adobe Air, so it's cross-platform. http://crunchapp.net/
Update - Visual Studio 2012 has a fantastic LESS editor, as a plug-in that you can install easily via the extensions manager. I believe that in VS2012, the extension is provided by Microsoft, and integrates with DotLess, and gives you a variety of options for when your LESS file is compiled (at compile, build or run times).
If you're interested in using Visual Studio, ReSharper 6 (in beta when that blog post was written, but released now) will show a thick underline in the specified color.
If you want something lighter-weight (or less expensive) than Visual Studio, the same folks who wrote ReSharper also make standalone IDEs. WebStorm 3 (currently in beta) shows color chips in the editor gutter. (Released versions may do this too; I can't find screenshots online.) Here's a screenshot I took from the beta; note the little gold square:
I use Coda:
http://panic.com/coda/
It can display colors when editing CSS.
http://KineticWing.com can shows colors inside less files. It highlights text in color. I mean #fff will appear as white text. It can handle #fff and #ffffff patterns.
Can work on windows/linux
I was searching for that for a long time.
My solution is using Netbeans CSS Styles editor
in the top menu click on Window -> Web -> CSS Styles
From 2 years my only one truth editor become vs code - perfect for JavaScript, to visualization CSS colors plugin: COLORIZE