Progress OpenEdge Developer Studio “Dark Mode” - openedge

I just started as a Progress OpenEdge developer and I was wondering if it was possible to change the Developer Studio IDE to resemble that of “Dark Mode” on other IDEs. In other words, can you change the background color of the IDE or is there some solution out there already?

Modern versions of Progress Developer Studio (at least OpenEdge 12.2 and 12.3) support Dark Mode in Windows -> Preferences and then General -> Appearance
You may have to fine-tune the editor colors in General -> Appearance -> Colors and Fonts

You can also make the _UIB-CODE-BLOCK generated lines have darker background by modifying the 'Read-Only code background color' this can be accessed in Menu: Windows -> Preferences, then navigate tree view to Progress OpenEdge -> AppBuilder -> Editor (it is further down the list, so I kept missing it)
Or simply remove the 'Make AppBuilder generated cod read-only' and code background should be the same color

Related

Ride Robot Framework IDE - Mac Interface Trouble

I've just installed Ride editor on my Mac and I'm new to this. My python version is 3.9.4 on BigSur 11.4 and I'm using the dark mode theme.
I have trouble with the colors because I can barely see anything, only when something is selected. I've tried to change colors in the preferences but no luck.
I can't see the names of my files only when they are selected.
My project structure
I can't even write simple text case because I can't see what I am typing because of that yellow background and characters are white. Only after enter or when it is selected you can see what is in the field.
Test case fields
I can't make dictionary nor the list variables. I can only define them and add them values directly in the script because that window with the fields on the left is to small and I can't stretch it.
Dictionary Variables
If someone has facing the same thing or has an idea or solution at least for part of it would be great because I am out of the ideas. Thanks.
If you installed latest development from master (you probably did, so you can use with Python 3.9), you have options to change colors (and save and restore), from Tools->Preferences->General and for the Grid, Editor and Run tabs.
It would be nice to have those color settings files shared with the community. Please go to the project page and create an issue with those settings, or communicate on our Slack.

How can I emulate prefers-color-scheme media query in Chrome?

Chrome 76 has added support for prefers-color-scheme media query (a.k.a. "dark mode").
But how can I test my webpage in both color schemes easily, without toggling the system dark mode on and off?
Here is the same question for Firefox, but I can't find similar settings in Chrome & Chrome DevTools.
Since Chrome version 79 you can toggle between prefers-color-scheme: dark and prefers-color-scheme: light from the Rendering panel
Open Developer tools (otherwise the key combination below opens the print dialog)
Open the Command Control: Ctrl+Shift+P or Command+Shift+P (Mac)
Type "Show rendering"
Set the Emulate CSS media feature prefers-color-scheme to the value you want to debug
How to emulate/activate prefers-color-scheme on Chrome (Desktop):
Press F12 key (or Command+Shift+C on Mac)
Click on the tree dots symbol (customize and control DevTools)
Point your mouse on the more tools option, and then click in rendering option.
the option Emulate CSS media feature prefers-color-scheme near the end it's your destination !
How to emulate/activate prefers-color-scheme on Chrome (Mobile):
Click on the tree dots symbol.
Click on Settings.
Click on theme.
Select you desired option !
Yay !!!
Edit June/22: If you want force dark colors to any website, you can browse chrome://flags/ and enable the flag: Auto Dark Mode for Web Contents (color inversion based)
This is a Chrome DevTools feature request that is tracked in crbug.com/977243 (star the bug or CC: yourself to be notified of progress). Meanwhile, it's already available in Safari's Web Inspector, see the heading Debugging Dark Mode in Apple's blog post.
As an alternative, if you want to automate the whole process, I have written a Puppeteer script that takes screenshots in dark and light mode, which can also be integrated in your CI testing.
On Chrome for Android, a flag was added in version 73 that adds a settings panel for dark theme, plus a checkbox for it in the browser menu. chrome://flags/#darken-websites-checkbox-in-themes-setting

How do you bring up the CSS color picker in Visual Studio 2015 with a key combination?

I often have to perform some work on CSS files inside Visual Studio (version 2015). When I work with colors however, I have to choose a more 'custom' color so I find the color picker very handy. My problem is that I don't know a short way for bringing that color picker up.
The way I do it is to first give a temporary color, say 'black'. And then wait the yellow light bulb to pop-up and choose Pick color from palette option. Does anyone know a keyboard combination that can pop-up the color picker? I am also using ReSharper 10.0.1
Any time ReSharper has suggestions, you can press alt+enter to list them, then clicking enter again will apply the first option. To display the color picker using only the keyboard, make sure the caret is on the color in your code and press alt+enter, then enter again.

Eclipse matching bracket margin mark - What is it properly called, and how to change its appearance

The question is basically just the title. In the above image, Eclipse is highlighting the function scope/block with the blue dotted pattern on the left margin. While helpful, I find the pattern visually distracting, especially using Moonrise or the Dark theme. What is this feature called, and where would I find its appearance settings/controls?
This is eclipse 4.4 with PyDev and StatET installed, though I see the same behavior with basic Java files as well.
I assume you are using Linux OS.
What is this feature called, and where would I find its appearance settings/controls?
This is called as Range indicator.You can switch off the range indicator.
How
Click Windows > Preferences. Navigate to General > Editors > Text Editors. De select Show Range indicator option.
If you want to change the colour then refer this answer https://stackoverflow.com/a/25155197/1391924

Disable Code Assist in Aptana Studio 3

Is there any way to disable code assist in Aptana Studio 3? It is driving me absolutely insane! It changes things I don't want changed, it just overall gets in the way of my workflow. It was never a problem until the most recent update and ever since that update it's been much more aggressive in it's "assisting." I just want to be able to write the code myself without it messing me up.
To Caldwell,
The thing that you have mention is called Content Asisst. It will show a code-assist when you typing a code related to HTML/CSS.
To disable Content Assist in Aptana Studio 3 is :
Choose Window in the main menu ( menu avaiable on top) → Preferences → Choose Aptana Studio → Content Assist → Look at the Auto-display content asisst then you will see the drop down menu at besides, then click drop-down menu choose Off instead of Default delay.
That's all. Thank you
The issue you are referring to is most likely resolved in the beta of 3.0.4, but if you need to turn code assist off, I would suggest:
a) Preferences > Aptana > Editors (main node)
b) Preferences > Aptana > Editors > JavaScript (for example) and check the activation triggers. You may wish to remove "(" and "." for example.
Found this article trying to turn off the auto-complete of quotes and html tags. This feature is called auto-close. It can be turned off in Windows by going to Window -> Preferences -> Aptana Studio -> Editors. Here there is a "Typing" section of options. Unchecking "Auto-close matching character pairs" and "Wrap selected text with matching characters" did the trick for me.

Resources