I want to make my tiny mce's editor's background transparent. I tried to edit the Ui.css and content.css for advanced themes. but no luck. I tried to add
allowTransparency:"allowTransparency",
after
frameBorder:"0",
but this also could not help. How to do this ?
Thanks in advance.
Have you tried:
background-color: transparent;
in the css. This should work in everything but IE 6.
Related
How do I change the activity bar icons in Visual Studio Code? I kept googling but couldn't find anything, and have seen people do it, here for example.
Also, can I make VSC's background transparent?
To change the color of the badge, you need to add this to your settings.json file:File > Preferences > Settings > Open json file
"workbench.colorCustomizations": {
"activityBarBadge.background": "#0F99D677",
"activityBarBadge.foreground": "#EEE"
},
In your example, looks it is a theme with a CSS gradient or a picture as background. It seems this cannot be achieved with a setting, you probably need an extension for this.
Same to make VS Code transparent; you could use this one:
https://marketplace.visualstudio.com/items?itemName=s-nlf-fh.glassit
The border around the code tag is annoying, especially if there are many of code tags inside a paragraph. Can I remove it in the VScode editor?
Well, the reason is I installed the markdown all in one extension and the border was hardcoded for the dark theme.
There is a issue talking about the problem and how to tweak it from code.
But for me, the built-in markdown support of VScode just work well.
After upgrading my eclipse to neon from juno, I noticed that I am getting extra space for the min/restore buttons for the c/c++ editor.
looked like this in juno
looks like this in neon
it doesnt look like much in the screenshots but it adds a tabs heights to the whole window. Anyway to get rid of it, or make it smaller like in Juno ?
Don't know how to get rid of the extra space, but the space only occurs when you have multiple editors/views side-by-side in the same tab space. That looks like this:
If you drag the windows such that they are not in the same tab space, then you don't have the extra space:
You can add the following style in the .css file that is active for you. For example, add the following to e4-dark.css for eclipse oxygen's dark style.
#org-eclipse-ui-editorss {
swt-tab-height: 5px;
padding: 0px 2px 2px;
}
I am trying to change background color for Eclipse. I want the editor background to be completely black. To make the UI respond I first have to choose a random color, as I do at step A in the picture. Then I can choose black, click Apply and I get the desired color as seen at step B. But as soon as I exit the settings dialog, the color changes back to step C. It looks like eclipse thinks the grey-ish color is actually black, I don't know. Does anyone know how to deal with this?
eclipse pic
Not the best answer but I found a way to fix it. Im using moonrise theme.
Opened eclipse/plugins/ and found com.github.eclipseuitheme.themes.moonrise-ui,
opened the jar file and edited the moonrise-ui-standalone_WIN.css file (yes im using windows 10, 64 bit (if that has anything to do with it(there were several similiarly named files)))
changed this block:
.MPartStack.active #org-eclipse-e4-ui-compatibility-editor Canvas > * > * {
background-color: #000000;
}
Now it seems to work just fine with black background.
I'm aware of color themes for Eclipse: I've used it to change most of the editor colors, and that's great.
But that wasn't enough, there's still too much white. How to change it? (It hurts my eyes.)
I've searched in the preferences (both using Eclipse itself and editing the files) for instances of white (255,255,255) and changed them all. Looks like I'm missing something.
Each time you see white or gray color, this is more than likely related to OS system colors.
In other word, to truly have an Eclipse full dark theme, you need first to have a dark theme for your OS, and then your Eclipse will follow.
Here is an example on a Windows7, modifying just one parameter:
alt text http://img92.imageshack.us/img92/5053/eclipsered.png
Probably not the answer you're looking for, but the IntelliJ community edition is an excellent free IDE and is very easy to use. The background colours can be set and changed to many colours. There are also a number of free plugins which can customize backgrounds and the look and feel. Well worth a look if you don't find exactly what you're looking for with Eclipse.
I see you're on the Mac - the easiest thing to do would go to System Preferences -> Accessibility -> Seeing -> Display -> "White on Black". It will invert everything on your screen though, I don't know, if you'd like that?
YES, THERE IS A WAY TO DO IT
You will need to configure 3 things in order to get your dark UI.
1) Java Editor Colors
This is the source code edition area. You can use http://eclipsecolorthemes.org/ for the editor part, though those colors can be manually edited by default.
2) Eclipse UI
The UI colors can be edited with the addin Chrome Theme which can be found in the eclipse market place or in the following link https://github.com/jeeeyul/eclipse-themes/. If you want a dark theme just edit away until you find the colors that suit you.
3) Final touches
After doing the previous steps, some colors will still match the OS colors. To darken what's left, just get the pre-baked Dark Juno theme from https://github.com/eclipse-color-theme/eclipse-ui-themes. Download the zip file and unzip it into your dropins folder (which is located in your eclipse folder). If the dropins folder doesn't exist, just create it.
Restart eclipse and you are set.
You can try these steps:
Find the path: ~/.p2/pool/plugins/org.eclipse.ui.themes_*.*.****.v********-****/css/e4_basestyle.css;
Use a text editor (example: Sublime Text 3) to open e4_basestyle.css if you used default theme config;
Append this code and save
#org-eclipse-jdt-ui-PackageExplorer Tree,
#org-eclipse-ui-navigator-ProjectExplorer Tree {
font-size: 10px;
font-family: "DejaVu Sans Mono for Powerline";
background-color: RGB(223,238,223);
},
#org-eclipse-ui-views-ContentOutline Tree,
#PerspectiveSwitcher ToolBar {
font-size: 10px;
font-family: "DejaVu Sans Mono for Powerline";
background-color: RGB(223,238,223);
}
Restart Eclipse. It is like this: result