Im working with wetty.js and i want to change the font.
I tried to adding a new font in the index.html, wetty.scss and so on.
Also i tried to change the font throught xterm.js (dependency package for wetty.js)
Tried to adding font in Xresources without luck.
Thanks
I disable the option Allow Web Sites To Choose Their Own in firefox
Steps:
Type about:preferences#content in the address bar. Across from fonts and colors, press the Advanced button. On the bottom, turn off Allow Web Sites To Choose Their Own.
source: https://support.mozilla.org/es/questions/1204639#answer-1076474
Related
Is there any way of setting the browser's tab background color (not the favicon image) and text color with the help of an browser extension/addon.
I've searched the internet to and fro and found nothing in the APIs. So I think it is not possible. But maybe someone has a solution for that.
What I want to achieve is to tint the colors of TYPO3 tabs according to the application context (Development, Production/Staging, Staging). I managed to set the top-bar color in the TYPO3 backend depending in the application context, so the logic works well. What I'd like to have now is a way of tinting the tab.
You are right: there's nothing in Firefox or Chrome API that allows you to color individual tabs easily. But there are some workaround ideas..
Colorful Tabs uses theme override to style individual tabs, including (by default) based on domain, using the browser.theme API that only Firefox supports. However, after trying it out, it might not fit your requirements: in current Firefox version it only affects the color of the currently selected tab (and the address bar), not providing you with a good overview.
Some other extensions for Firefox, for example TST Colored Tabs use sidebar tab representation that duplicates the tab bar, with possible enhancements. Also not ideal, and also Firefox-specific.
For Chrome, there's a Chrome-specific API tabGroups that can add color outline to tabs, but only by adding them to a group. You can have many groups, but it's still going to be ugly if your tabs are interspersed or moved around.
So let me propose an out of the box solution: use a custom favicon per application context instead of trying to change how the tab UI looks. That would be always visible in the tabs strip without any code on the browser's part. You could also override favicons from extension code if there's no easy way to do it on the application side.
I've tried searching for this, and the closest related question that I could find was from 3+ years ago and had to do with the incognito window being dark, while a normal chrome window was light back then.
Now that we have the ability to have a light or dark mode browser, it's hard to find an icon design and color that looks good for both light and dark modes. Here's an example:
In the image above you can see that the first and third icons are black, so they are hard to see when using dark-mode. The middle icon (the one I'm using for my extension)looks great on dark mode, but terrible on light mode. See below:
So does anyone know if there is there a way to detect the browser mode (light or dark) and swap out the icon?
Thanks to wOxxOm I was able to figure this out.
First, I needed to create a content script (which I called toggleIcon.js) and add it to the manifist.json file.
Then I added the following to toggleIcon.js - which sends scheme: "dark" to my background.js file if window.matchMedia matches prefers-color-scheme: dark.
Then in my background.js file I listen for that message, and if request.scheme == "dark" I use chrome.broserAction.setIcon to change the paths for each of my icons to the dark version.
This effectively overrides my original icon paths as declared in the manifest.json file (as shown below).
The only downside I see is that this requires a content_script, which if you want your extension to work on any page, requires you to also add "matches": ["<all_urls>"] to your extension, which slows down the approval process. Which is why in my comments above I mentioned I had been avoiding using a content_script.
Also, I think it makes sense to use the version of your icons that work best on light-mode as your default, because I think the chrome extension page will pull from these for some of the icons they use (and that page has a white background). As an example, here's how my old icon looked (not enough contrast).
Hopefully this helps someone else!!
My VB6 application is having a layout problem on certain end user PCs, but so far we are unable to identify what is causing this.
Normal layout:
Broken layout:
The text on the left are the captions of the radio buttons. The text in the upper right is a label.
I am familiar with two different settings in Windows Control Panel which can affect text size, and initially we suspected this was the cause. In Windows 10, they are:
Control Panel >
Appearance and Personalization >
Display >
(1) "Use these display settings" > "Customize your display"
or
(2) "Set a custom scaling level"
(Terminology was different in earlier Windows versions but I think the features were the same?)
However upon testing these settings with our app neither reproduces the problem.
What else might be causing the text layout issue shown in the image?
This appears to be caused by a Windows bug.
The description & fix as mentioned in the source website are as follows:
if you have a high resolution screen at install time, Win7 will install a larger font set (125%) by default. If you then choose go back to the standard font size (100%), Windows will keep some of the large fonts even though everything else is adjusted for standard fonts, causing programs that use these fonts to break because the text will not always fit inside the GUI.
By editing the Windows registry you can get the original, intended fonts back:
Open the start menu and type regedit and then press Enter.
Locate the key HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts
Find the value MS Sans Serif 8,10,12,14,18,24
Change from SSERIFF.FON to SSERIFE.FON
Find MS Serif 8,10,12,14,18,24
Change from SERIFF.FON to SERIFE.FON
Finally find Courier 10,12,15
Change from COURF.FON to COURE.FON
Restart your system in order for the changes to take effect!
The exact font names may vary depending on locale settings.
I was able to create the problem scenario as described here on Windows 10, and that reproduced the problem with our VB6 app. I think that confirms this as the fix.
A Microsoft blog post seems to be the authoritative original source of this information.
How do you change the text within the extension library dialog box? No matter what I do, the text remains the same size. I can see the font change in the designer cleint but not in the browser. I tried looking at it with IE Developer Tools but I can't even see the text anywhere.
I have no idea what was going on yesterday but it just wasn't working. I was simply trying to set the text size of a computed field inside a dialog box. I changed the font size in the properties of the computed field and seems to work now, We have seen these issues on our dev server before.
I am not sure if you can change the text with text options but you can if you use HTML, and it should also work with CSS.
Standard <h1><h2><h... oh you get the idea works for me.
if i use a dark theme then links in Eclipse-"quick fix" or in i.e. Eclipse->Preferences->General->Editor (the three 'see... "File Associaton"|"Content Types"|"Appearance"'-links) are unreadable.
On this image the links i am talking about are cyan on grey:
I found a solution for Windows/XP:
The hover uses the same colors as the on your system. On Windows you
can change that via Display settings > Appearance > Advanced: ToolTip.
The link color is the one used in your browser (IE on Windows).
However, i need a solution for Linux (XFCE 4.8.1/GTK)
I checked/tested all settings of Eclipse and i found no setting for this link-color. It seems to be a system-setting (GTK), so i already tried to add this to gtkrc:
style "default" {
GtkWidget::link-color = "#ffffff"
}
class "GtkWidget" style "default"
but this did not change the link color in Eclipse.
I hope you can help - thanks!
GNOME
http://devblog.virtage.com/2013/06/eclipse-and-eclipse-based-apps-on-ubuntu-13-04-desktop-hacks/
KDE
Use the colors menu (the first entry in the picture):
And redefine the tooltip background color:
Then enjoy the readable popups:
Install gnome-color-chooser and customize the tooltip color as described here:
http://www.devsniper.com/black-tooltip-in-eclipse-on-ubuntu-12-04/
I'll chime in here, since I have the same issue.
There is no fix for this, when running Eclipse on Unix (KDE, Gnome, etc).
The color for links, which is used in the QuickFix list as well as various other places in the UI (such as Preferences panels), is hardcoded.
On Windows, you are luckier, since Eclipse uses the native link widget, which takes its colors from system settings.
On non-Windows, you are stuck with a dark-blue hardcoded color.
What it should do, at least on GTK, is use the GtkWidget::link-color setting. But it doesn't, currently.
If you want to see it fixed, either upvode this bug or fix the code yourself:
https://bugs.eclipse.org/bugs/show_bug.cgi?id=130444
Sad, I know ):
Check out this post https://stackoverflow.com/questions/96981/color-themes-for-eclipse or have a look at the Eclipse color themes site.