PerBothner / DomTerm

DOM/JavaScript-based terminal-emulator/console

Home Page:https://domterm.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How would i set Domterm to for example use a "solarized dark" look

SolarAquarion opened this issue · comments

To get you started, trying putting somethin like the following in the settings.ini file:

style.user=
 | div.domterm { --solar-base03: #002b36; --solar-base02: #073642;
 |   --solar-base01: #586e75; --solar-base00: #657b83;
 |   --solar-base0: #839496; --solar-base1: #93a1a1;
 |   --solar-base2: #eee8d5; --solar-base3: #fdf6e3;
 |   --solar-yellow: #b58900; --solar-orange:  #cb4b16; --solar-red: #dc322f;
 |   --solar-magenta: #d33682; --solar-violet: #6c71c4;
 |   --solar-blue: #268bd2; --solar-cyan: #2aa198; --solar-green: #859900 }
 | div.domterm {  --main-light-color: var(--solar-base3);
 |   --main-dark-color: var(--solar-base03) }
 | div.domterm[reverse-video] { --background-color: var(--solar-base03);
 |   --foreground-color: var(--solar-base0) }
 | div.domterm span[std="input"] { background-color: var(--solar-base2) }
 | div.domterm[reverse-video] span[std="input"] {
 |   background-color: var(--solar-base02) }
 | div.domterm-spacer {background: none }
 | div.domterm div.input-line, div.domterm[reverse-video] div.input-line {
 |   background-color: var(--background-color); }
style.dark=yes

I'm new to Solar-based themes, so you might want to tweak things until it makes sense. I suggest setting the bash prompt string as suggested in the documentation, before you start experimenting. To try a Solar light theme, change the style.dark setting to false.

Let me know what you come up with/ This might be nice to put in the docoumentation as an example of styling.

it works perfectly

@PerBothner the theme doesn't keep if i enable a new tab

Oops. Please try again.
Also, I added this style as an example in the documentation