Transparency breaks until config is reloaded

[Lindenk]

Currently, whenever I open hyper, the window is drawn fully opaque regardless of the background setting. If I do a full reload, transparency on the window is re-enabled. This does not work with a normal reload.

I'm currently running hyper with --enable-transparent-visuals and --disable-gpu as recommended and my system is running:

OS:         Arch Linux x64
WM:         bspwm
Compositor: compton

I suspect this is a problem with my window manager moving or resizing the window after it's been created, although, after a full reload, I can move and scale the window without a problem, floating or not.

My .hyper.js is:

module.exports = {
  config: {
    fontSize: 13,
    fontFamily: 'Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
    cursorColor: 'rgba(248,28,229,0.75)',
    cursorShape: 'BLOCK',
    foregroundColor: '#fff',
    backgroundColor: 'rgba(0,0,0,0)',
    borderColor: '#333',
    css: '',
    termCSS: '',
    padding: '0px',

    colors: {
      black: '#000000',
      red: '#ff0000',
      green: '#33ff00',
      yellow: '#ffff00',
      blue: '#0066ff',
      magenta: '#cc00ff',
      cyan: '#00ffff',
      white: '#d0d0d0',
      lightBlack: '#808080',
      lightRed: '#ff0000',
      lightGreen: '#33ff00',
      lightYellow: '#ffff00',
      lightBlue: '#0066ff',
      lightMagenta: '#cc00ff',
      lightCyan: '#00ffff',
      lightWhite: '#ffffff'
    },
    shell: ''
  },
  plugins: [],
  localPlugins: []
};