webmatze / hyperborder

adds a gradient border to the Hyper terminal
247 stars 29 forks source link

Can't Change the Color of the gradient #60

Closed kylehall-ixo closed 4 years ago

kylehall-ixo commented 4 years ago

I cannot get the colors to change on the border. I'm not sure why. Here is my hyper config:

// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.

module.exports = {
  config: {
    // choose either `'stable'` for receiving highly polished,
    // or `'canary'` for less polished but more frequent updates
    updateChannel: 'stable',

    webGLRenderer: false,

    // default font size in pixels for all tabs
    fontSize: 16,

    // font family with optional fallbacks
    fontFamily: '"Jetbrains Mono", monospace',

    // default font weight: 'normal' or 'bold'
    fontWeight: 'normal',

    // font weight for bold characters: 'normal' or 'bold'
    fontWeightBold: 'bold',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248,28,229,0.8)',

    // terminal text color under BLOCK cursor
    cursorAccentColor: '#000',

    cursorShape: 'BLOCK',

    cursorBlink: true,

    // color of the text
    foregroundColor: '#FFF',

    // terminal background color
    // opacity is only supported on macOS
    backgroundColor: '#000',

    borderColor: '#333',

    // terminal selection color
    selectionColor: 'rgba(248,28,229,0.8)',

    // custom CSS to embed in the main window
    css: 'splitpane_divider_horizontal, splitpane_divider_vertical { border: 3px solid black; }',

    // custom CSS to embed in the terminal window
    termCSS: '',

    // if you're using a Linux setup which show native menus, set to false
    // default: `true` on Linux, `true` on Windows, ignored on macOS
    showHamburgerMenu: '',

    // set to `false` (without backticks and without quotes) if you want to hide the minimize, maximize and close buttons
    // additionally, set to `'left'` if you want them on the left, like in Ubuntu
    // default: `true` (without backticks and without quotes) on Windows and Linux, ignored on macOS
    showWindowControls: '',

    // custom padding (CSS format, i.e.: `top right bottom left`)
    padding: '12px 14px',

    // the full list. if you're going to provide the full color palette,
    // including the 6 x 6 color cubes and the grayscale map, just provide
    // an array here instead of a color map object
    colors: {
      black: '#000000',
      red: '#C51E14',
      green: '#2ECC40',
      yellow: '#C7C329',
      blue: '#0074D9',
      magenta: '#C839C5',
      cyan: '#20C5C6',
      white: '#C7C7C7',
      lightBlack: '#686868',
      lightRed: '#FD6F6B',
      lightGreen: '#67F86F',
      lightYellow: '#FFFA72',
      lightBlue: '#6A76FB',
      lightMagenta: '#FD7CFC',
      lightCyan: '#68FDFE',
      lightWhite: '#FFFFFF'
    },

    shell: '/bin/zsh',

    // for setting shell arguments (i.e. for using interactive shellArgs: `['-i']`)
    // by default `['--login']` will be used
    shellArgs: ['--login'],

    // for environment variables
    env: {},

    // set to `false` for no bell
    bell: 'SOUND',

    // if `true` (without backticks and without quotes), selected text will automatically be copied to the clipboard
    copyOnSelect: false,

    // if `true` (without backticks and without quotes), hyper will be set as the default protocol client for SSH
    defaultSSHApp: true

    // if `true` (without backticks and without quotes), on right click selected text will be copied or pasted if no
    // selection is present (`true` by default on Windows and disables the context menu feature)
    // quickEdit: true,

    // URL to custom bell
    // bellSoundURL: 'http://example.com/bell.mp3',

    // for advanced config flags please refer to https://hyper.is/#cfg
  },

  hyperBorder: {
    borderColors: ['#ff0000', '#0000ff'],
    borderAngle: '180deg',
    borderWidth: '5px',
    borderRadiusInner: '2px',
  },

  plugins: [
    "hypercwd",
    "hyper-pane",
    "hyper-one-dark",
    "hyperborder"
  ],

  localPlugins: [],

  keymaps: {
    // Example
    // 'window:devtools': 'cmd+alt+o',
  }
};

Could I please have some assistance in getting this to work? I'm sure I'm missing something small.

webmatze commented 4 years ago

I know I am kind of late but you have to put the hyperBorder part into the config: {}section!