Vue-Socket.io icon indicating copy to clipboard operation
Vue-Socket.io copied to clipboard

Hard to read output

Open 1e4 opened this issue 5 years ago • 5 comments

The output given when using dark mode in Firefox for example is very very hard to read

image

Can the colors either be removed or can output support dark mode so it's more friendly to read?

Thanks, love the plugin

1e4 avatar Aug 16 '20 18:08 1e4

As a workaround, I just removed "color: #333333" in dist/vue-socketio.js

There is a PR to add darkMode option #231 but I think better to use window.matchMedia('(prefers-color-scheme: dark)').matches and style this for dark theme

Grawl avatar Sep 30 '20 05:09 Grawl

#281

Grawl avatar Sep 30 '20 05:09 Grawl

You can install my fork with yarn add 'Grawl/Vue-Socket.io#dark-theme-workaround'

Grawl avatar Sep 30 '20 05:09 Grawl

i use npm. i ran your yarn command and now i cannot compile my project. i tried yarn remove, but had to install yarn to be able to run remove. and then i see this error:

$ yarn remove 'Grawl/Vue-Socket.io#dark-theme-workaround'
yarn remove v1.21.1
[1/2] Removing module Grawl/Vue-Socket.io#dark-theme-workaround...
error This module isn't specified in a package.json file.
info Visit https://yarnpkg.com/en/docs/cli/remove for documentation about this co
mmand.

and i still can't compile.

should i just reinstall vue-socket?

mcorning avatar Nov 12 '20 08:11 mcorning

odd. out of desperation, i closed all terminals and tried to compile again...and it worked. vue-socket debug is still dark, but given my option, i'll live with it until vue-socket fixes this properly.

mcorning avatar Nov 12 '20 08:11 mcorning