PlatformIO Community

Misterious embedded theme

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!

Can you show a screenshot of what you mean?

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

i.e.

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

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