Skip to Content
Technical Articles

Build your own user experience – Introducing dark theme for SE80

Disclaimer: The author does not advocate the use of the ABAP Workbench. Not even the ABAP Workbench advocates the use of the ABAP Workbench.

But even if you don’t choose to follow my advice, fret not! SE80 offers enough customization options for you to be able to pretend you’re using a modern editor. See for yourself:

If you have a keen eye, you will notice I just dragged a VsCode window over an SE80 window. That is one way to do it, but if you prefer your comfortable workbench and just want the colors, I have a fully integrated solution for you too.

This is what the end result actually looks like in SE80. You could say it’s a day and night difference:

All you need to do is click the tiny  button in the lower left corner of the transaction, which will open up this menu:

First, note that I changed the text font to Consolas.

Then you just change all the colors. If you try to share your theme with someone else, you will notice the lack of an export button. Everyone has to assemble their own theme from the parts which I will provide, IKEA style.

Edit: I found out there is a config file where you can change the values. Replace abap_spec.xml in Users\AppData\Roaming\SAP\SAP GUI\ABAP Editor with this one.

It’s also not possible to enter hex colors directly into the color picker, so after finding the right colors, I had to convert them to their RGB components first.

One more warning: there is no reset to default button either, so better make note of the original colors. I didn’t, which is why you won’t find them listed below. There’s some additional categories you can fiddle with if you’re interested, but these should be enough.

Item Color (R, G, B)
All backgrounds 30, 30, 30
  • Text color
  • Syntactical operator (foreground)
  • Token operator (foreground)
  • Current line (foreground)
  • Text highlights (+bold font)
212, 212, 212
Read-only mode (foreground) 0, 0, 0
Comments (foreground) 0, 128, 0
Numbers (foreground) 181, 206, 168
String (foreground) 206, 145, 120
Keyword

Variants:

86 156 214 (Visual Studio blue)

197 134 192 (VSCode pink)

222 132 50 (GitHub-inspired orange)

I hope you enjoy your enhanced development experience!

 

 

 

17 Comments
You must be Logged on to comment or reply to a post.