Skip to content

Instantly share code, notes, and snippets.

@maximbaz
Last active January 17, 2019 15:52
Show Gist options
  • Save maximbaz/e80a105f4f16813f4b2549e70787e984 to your computer and use it in GitHub Desktop.
Save maximbaz/e80a105f4f16813f4b2549e70787e984 to your computer and use it in GitHub Desktop.
Wire Desktop — Dark theme overrides
.left-list-is-visible {
background-color: #1c1d1e !important;
}

This only works if Wire was built with disabled ASAR packaging (see #335 and #147). Right now only Linux app is being built in this way, so if you are on Linux, you can proceed with the steps below, if not — adapt Gruntfile.js, set asar: false and compile Wire from sources.

Let's suppose Wire is installed in $INSTALLDIR, on my Linux it is /usr/lib/wire-desktop/.

  1. Create a new file $INSTALLDIR/css/dark-theme.css with the contents below.

  2. Open in text editor $INSTALLDIR/dist/main.js, and after line 321: case 'webview': add this:

    contents.on('dom-ready', () => {
        contents.insertCSS(fs.readFileSync(path.join(APP_PATH, 'css', 'dark-theme.css'), 'utf8'))
    });
    
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment