Customize Firefox Developer dev tools color theme - firefox

Just as title says, I'd like to know if it's possible to change the color theme of Firefox Developer dev tools. Light and dark theme are nice, but I'd like to use a code color theme like Monokai or something similar, how can I do that?
Below you can see the current dark theme in the dev tools:
[

It's not documented (yet), but you could make an Add-on that uses gDevTools.registerTheme(themeDefinition) to create your own dev tools theme.

I found the answer to this in the Mozilla support forum and basically you have to modify the css style creating an overriding chrome stylesheet.
You would have to write your own style rules and apply them via
userChrome.css or Stylish. Use the !important flag to override
existing style rules.
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception
The customization files userChrome.css (user interface) and
userContent.css (websites) are located in the chrome folder in the
Firefox profile folder.
http://kb.mozillazine.org/Editing_configuration

Related

smoothing in fonts in helix framework

i use helix for my website. but any font that I insert to it via #font-face not work correctly and text in the screen has some sharp region.
demo: link to site
note: texts in header and body have two different font.
I guess that this happen because of helix setting. Is it true?
please help me for create a website with smooth text
You have a native feature inside the template for assign multiple fonts to your website.
Go to Extensions > Templates > Your Helix Template > Tab Typography
From here you can add a different font for the body, headings, navigation or enable a custom font for css selectors. This feature works well with Google Fonts.
Here you can find more information: Typography Settings.

What theme does Runnable Use for their Ace Editor Implementation

It looks as though runnable.com uses ace code editor. What is the purple theme they use?
http://runnable.com/UmGTLn0iIYljAAEu/codemirror-example-change-theme
It appears they are using custom theme runnable_dark. Try running ace.define.modules["ace/theme/runnable_dark"].cssText in devtools to see it's css.

KendoUI web custom theme

I am using KendoUI web widgets in my enterprise app. I need to create/customize a Theme as our corporate branding. After reading the docs, I realized that there is a tool called ThemeBuilder for this purpose available here http://demos.kendoui.com/themebuilder/web.html
Now I need to understand the logic behind the color options this tool (ThemeBuilder) shows me. All the Themes are based on 4 primary colors as shown in the selection options. However, when i try to modify/customize any theme, I found that there are more to it? How the ThemeBuilder is calculating all other colors besides the 4 Theme colors?
If I need to create my own corporate theme with 4 primary colors, how do I pick rest of the colors as shown in ThemeBuilder?
On the second note, ThemeBuilder can generate css and less. Is there a way to generate Scss as we are using scss in our organization?
Does Telerik provide scss version of their source styles. I know they provide css and less in their source directory. But converting them to scss looks like a nightmare to me!
Appreciate your help.
Sam
I have to manually convert less into scss.
I have variablized their stuff make it compatible with org's themes and colors.

Why are fonts looking so different in different themes in intellij?

In IntelliJ the Darcula theme fonts look as follows
and in the default light theme they look as follows
I want to use the lighter default theme, but I find the fonts in darcula theme to be more "clear" then the default lighter theme. Can you let me know how to correct this?
PS : I am using a Linux machine
This is controlled by Settings -> Editor -> Color & Fonts -> Font
However, I do not see a difference between the fonts for Darcula and the default theme :
Darcula :
vs.
Default:
both seem to use the same Consolas, Size 12 font.
Update
Since this is happening on Linux, from here:
Anti-aliasing of fonts is available with Oracle Java 1.6 on Linux. To
do this on a per user basis, add the following line to the user's
~/.bashrc.
export _JAVA_OPTIONS='-Dawt.useSystemAAFontSettings=[setting]'
Two other useful links :
How to fix font anti-aliasing in IntelliJ IDEA when using high DPI?
Intellij IDEA font smoothing in linux
I had the same question, and finally was able to discover the following:
The issue is not one font smoothing, but of the Default theme and the Darcula theme using different fonts on Linux. On my computer, the Default theme uses DejaVu Sans Mono, 12pt, but the Darcula theme uses Source Code Pro, 14pt.
If you want the Darcula Font, then go to File > Settings > Editor > Colors and Fonts > Font, make a copy of the Default scheme, and then change the font to Source Code Pro, 14pt.
See also the Wikipedia article on Source Code Pro .

Qt Creator color scheme

I like the dark "FakeVim" color scheme in Qt Creator. However it only makes the editor part dark while everything else stays normal, which is a bit disturbing. Is there any way to make such dark scheme global for Qt Creator?
Vim (dark) Color Scheme
Color scheme is applied solely to text editor (as this is the only option), and not the environment.
Simple in two line
Go to "Tools" -> "Options" -> "Environment" -> "General" tab,
Change "Theme" to dark
I found some trick for your problem!
Here you can see it: Habrahabr -- Redesigning Qt Creator by your hands (russian lang.)
According to that article, that trick is kind of not so dirty, but "hack" (probably it wouldn't harm your system, but it can leave some artifacts on your interface).
You don't need to patch something (there is possibility, but I don't recommend).
Main idea is to use stylesheet like this stylesheet.css:
// on Linux
qtcreator -stylesheet='.qt-stylesheet.css'
// on Windows
[pathToQt]\QtCreator\bin\qtcreator.exe -stylesheet [pathToStyleSheet]
To get such effect:
To customize by your needs, you may need to read documentation: Qt Style Sheets Reference, Qt Style Sheets Examples and so on.
This wiki page is dedicated to custom Qt Creator styling.
P.S. If you'll got better stylesheet, share it, I'll be happy! :)
UPD (10.12.2014): Hopefully, now we can close this topic. Thanks, Simon G., Things have changed once again. Users may use custom themes since QtCreator 3.3. So hacky stylesheets are no longer needed.
Everyone can take a look at todays update: Qt 5.4 released. There you can find information that Qt 5.4, also comes with a brand new version of Qt Creator 3.3. Just take a look at official video at Youtube.
So, to apply dark theme you need go to "Tools" -> "Options" -> "Environment" -> "General" tab, and there you need to change "Theme".
See more information about its configuring here: Configuring Qt Creator.
In newer versions of Qt Creator (Currently using 4.4.1), you can follow these simple steps:
Tools > Options > Environment > Interface
Here you can change the theme to Flat Dark.
It will change the whole Qt Creator theme, not just the editor window.
Here is my dark theme (based on Darcula IntelliJ Theme):
https://github.com/mervick/Qt-Creator-Darcula
QTcreator obeys your kde-wide configurations.
If you choose "obsidian-coast" as the system-wide color scheme qt creator will be all dark as well.
I know it is a partial solution but it works.
My Dark Color scheme for QtCreator is at:
https://github.com/borzh/qt-creator-css/blob/master/qt-creator.css
To use with Vim (dark) scheme.
Hope it is useful for someone.
I found a way to change the Application Output theme and everything that can't be edited from .css.
If you use osX:
Navigate to your Qt install directory.
Right click Qt Creator application and select "Show Package Contents"
Copy the following file to your desktop> Contents/Resources/themes/dark.creatortheme
or /default.creatortheme. Depending on if you are using dark theme or default theme.
Edit the file in text editor.
Under [Palette], there is a line that says error=ffff0000.
Set a new color, save, and override the original file.
Linux, Qt Creator >= 3.4:
You could edit theese themes:
/usr/share/qtcreator/themes/default.creatortheme
/usr/share/qtcreator/themes/dark.creatortheme
Here is a theme that I copied all the important parts of the Visual Studio 2013 dark theme.
**Update 08/Sep/15 - Qt Creator 3.5.1/Qt 5.5.1 might have fixed the rest of Qt not being dark properly and hard to read.

Resources