SAP GUI 7.70 and theme Quartz and Quartz Dark

SAP GUI 7.70 introduces the "Quartz" and "Quartz Dark" themes, offering a modern look and integration with the Fiori 3.0 theme. The dark mode provides a dark background for users who prefer it. New features include an alternative browser control based on Edge (Chromium), multi-monitor scaling, and enhancements like customizable focus in ALV grids and improved scripting. Support for SAP GUI 7.70 ends in April 2024.

SAP GUI 7.70 introduces the "Quartz" and "Quartz Dark" themes, offering a modern look and integration with the Fiori 3.0 theme. The dark mode provides a dark background for users who prefer it. New features include an alternative browser control based on Edge (Chromium), multi-monitor scaling, and enhancements like customizable focus in ALV grids and improved scripting. Support for SAP GUI 7.70 ends in April 2024.

At last, SAP implemented a dark theme in official GUI 7.70 https://blogs.sap.com/2020/05/06/sap-gui-for-windows-7.70-beta-program-call-for-participation/

Support lifecycle

  • Support for SAP GUI for Windows 7.50 ended on 30 April 2020.
  • Support for SAP GUI for Windows7.60 will end on 12 April 2022.
  • Support for SAP GUI for Windows 7.70 will end on 2 April 2024.

New features:

New visual theme family “Quartz” The successor to the Belize theme is the Quartz theme which offers a visual integration into the Fiori 3.0 theme available in other SAP UI frameworks. For the first time this theme also comes with an additional dark flavor for users who prefer a dark background. The feature set of Quartz is very much like the one of the Belize theme. It is available for all SAP products still being supported, it is released for Accessibility and it also supports the Fiori features (right aligned labels, automatic usage of the full screen width, and so forth) introduced in Belize. Quartz and Quartz Dark also support different color palettes for different SAP systems.The main differences to the Belize themes are the colors and some usability adjustments (like an improved contrast for selected items, additional hover states, and so on).As of release 7.70, Quartz and Quartz Dark are the default themes in SAP GUI for Windows. If nothing else is configured, SAP GUI will start with either Quartz or Quartz Dark depending on whether the “Dark mode for applications” is activated in Windows.

SAP GUI 7.70 dark

SAP GUI 7.70 dark

Alternative browser control (Edge based on Chromium)Up to release 7.60 the SAP GUI HTML Control always uses the Microsoft Internet Explorer Control. This may lead to the situation that SAP GUI launches an Internet Explorer window to display a document or web page even though on the client PC some other browser is the default browser. Additionally, nowadays Internet Explorer is no longer the default browser in many companies and has several disadvantages.

  • To use the new version of the HTML Control, you need to install a version of Microsoft Edge that includes the WebView2 control (see also https://docs.microsoft.com/en-us/microsoft-edge/hosting/webview2 / download at https://developer.microsoft.com/en-US/microsoft-edge/webview2/#download-section). Since the default setting in SAP GUI is still the usage of Microsoft Internet Explorer control, you need to adjust a setting in SAP GUI options dialog before you can start using the new browser control in SAP GUI.The new HTML Control based on Edge behaves like the HTML Control based on Internet Explorer with some technical differences:
  • Web content which is not compatible with Microsoft Edge / Google Chrome is obviously not compatible with the new HTML Control. If you are using this kind of content, you should migrate this to new HTML standards or keep using the HTML Control based on Internet Explorer (at least as long as Internet Explorer is still supported by Microsoft). See also SAP Note 2901278.
  • The WebView2 control does not take the default font settings for web pages which do not set a font from the Microsoft Edge browser (as opposed to the Internet Explorer control). Therefore, by default, the SAP GUI HTML Control based on WebView2 uses the proportional font set in the SAP GUI options dialog in this case. See SAP Note 2942740 for more information.
  • Furthermore, there are some differences between Microsoft Edge and Microsoft Internet Explorer which are intended by Microsoft. For example, when SAP GUI detaches a URL from an HTML Control inside SAP GUI, an external browser window opens. In case of Internet Explorer, this window offers a full navigation bar, but Edge does not offer a navigation bar.

Multi-Monitor-Scaling support

SAP Business Client Integration: User timeout

Placeholder characters in password field

Different background colors for tree control per hierarchical level also for newer SAP GUI themes

Improved version of SAP GUI Scripting “Record and Playback” dialog

Overflow for buttons in the footer of dialog boxes (popups)

Customizable focus position in ALV Grid control

TAB separated Copy & Paste

Source: https://launchpad.support.sap.com/#/notes/2796898

Dark code

To complete “dark” feeling UX we can use dark scheme form: https://github.com/lucattelli/ab4-themes

Then, go to this folder in your machine to find the theme files:

%APPDATA%\SAP\SAP GUI\ABAP Editor\

It’s recommended at this point that you create a backup of your original files.

Finally, overwrite the original theme files with one of your choice. Start SAP gui again and your ABAP editor will now use the new theme.

Fonts

For more fonts, you can check the Hack and Terminus fonts. Furthermore, https://github.com/chrissimpkins/codeface contains a collection of fonts for code editors or https://github.com/ProgrammingFonts/ProgrammingFonts or my favorite, https://www.nerdfonts.com/

Dracula mode

Dracula normal mode

Dracula normal mode

Ever wanted to change the color scheme of your ABAP Net weaver environment?

With these easy steps, you can easily customize the colors to make it look cooler and similar to other IDE’s.

For most of my time, I use other Code Editors like IntelliJ (by JetBrains), Sublime Text, and the theme I use on them is Dracula, which is a dark coding theme and has a nice colored code style a dark color scheme well-used among all community editors and IDE’s.

Source:


https://github.com/dbrauner/abap-dracula-theme
16 forks.
29 stars.
2 open issues.

Recent commits:

In Solution manager

https://blogs.sap.com/2021/02/22/quartz-dark-mode-with-sap-solution-manager-7.2/

SAP HANA dark in Visual Studio Code

A Visual Studio Code extension which extends the SQLTools extension, with a driver to work with the SAP HANA Database. It supports tables and views, as well as running queries on an SAP HANA Database.

Subscribe
Notify of
guest
0 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments