hyperterm config

.hyperterm.js

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 12.5,

    // font family with optional fallbacks
    fontFamily: '"Meslo LG S for Powerline", Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',

    // terminal cursor background color (hex)
    cursorColor: 'rgba(255,255,255,.4)',

    // color of the text
    foregroundColor: 'rgb(131,148,150)',

    // terminal background color
    backgroundColor: 'rgba(2, 40, 50, 1)',

    // border color (window, tabs)
    borderColor: 'rgba(255,255,255,.1)',

    // custom css to embed in the main window
    css: `
      .header_header {
        background: transparent!important;
      }
      .tab_tab {
        border: 0;
      }

      .tab_active::before {
        border-bottom: 2px solid rgba(255,255,255,.5);
      }

      .tab_hasActivity {
        color: #42a1e4;
      }

      .tab_hasActivity:hover {
        color: #96d4e4;
      }

    `,

    // custom padding (css format, i.e.: `top right bottom left`)
    termCSS: '',

    // custom padding
    padding: '0px 5px',

    // some color overrides. see http://bit.ly/29k1iU2 for
    // the full list
    colors: [
      '#002834',
      '#dc322f',
      '#859901',
      '#b58901',
      '#268bd2',
      '#d33682',
      '#2aa198',
      '#eee8d5',
      '#839496',
      '#cb4b16',
      '#3d713a',
      '#83773b',
      '#839496',
      '#839496',
      '#93a1a1',
      '#93a1a1'
    ]
  },

  // a list of plugins to fetch and install from npm
  // format: [@org/]project[#version]
  // examples:
  //   `hyperpower`
  //   `@company/project`
  //   `project#1.0.1`
  plugins: [],

  // in development, you can create a directory under
  // `~/.hyperterm_plugins/local/` and include it here
  // to load it and avoid it being `npm install`ed
  localPlugins: []
}

This is a color scheme based on the agnoster theme.
Maybe it's slightly modified. I don't know anymore. I've been using that since a few years. 😄
So If you'd like to use it, switch to zsh, install oh-my-zsh and install the fonts.

I've disable the transparent background for now because hyperterm interpreted the hex color with the alpha channel the wrong way.
But in case you like to try the transparent background, just use

    backgroundColor: '#DD0a1a1f'

Where did you find the documentation to classes of css?

hi. you should be able to open the devtools and then use the elements inspector. Cmd + Option + i on macos. Or go to windows in the menu. I think it's listed there.

Thanks, man🙏