Misterious embedded theme

1

Hi people!

I would like to use the same theme from library code example for the whole PlatformIO & VSCode.
Unluckily, I cannot find anything (neither in platformio-dark.css / aceinna-dark.css)

I digged around also through VSCode and also [HOME].platformio\packages\contrib-piohome\themes.
I discovered the closest theme is Monokai Mega, but it’s not the same.

Does someone have any idea?

The only other choice is to manually create a theme, but at this point I am more curious where the theme is stored.

Thank you!

2

Can you show a screenshot of what you mean?

3

Do you mean how library example code is shown when PlatformIO is using the dark theme?

i.e.

image
image724×424 15.9 KB

AFAIK you were looking the right place… it should all be part of .platformio\packages\contrib-piohome and the platformio-dark.css stylesheet. You’ll may also find out there is some form of processing in the minified main javascript file in contrib-piohome. Meaning it’s as simple as copying and pasting it from one theme file to another.

1 Like
4

Yes! Exactly this!

And yeah, found it! Thank you all!

For ref.:
Line 14178 of platformio-dark.css and aceinna-dark.css.
Path: {home}/.platformio\packages\contrib-piohome\themes

Code:

/*

Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #23241f;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}
1 Like