Git Product home page Git Product logo

Comments (14)

Weilbyte avatar Weilbyte commented on September 14, 2024 1

@Fusl I have put your suggestion in the browser extension style. The server-sided javascript modifications can be found here.

from pvediscorddark.

Weilbyte avatar Weilbyte commented on September 14, 2024

Aware of it. Though its not something I can change with CSS as the graphs colors are set by js.

from pvediscorddark.

jonchampagne avatar jonchampagne commented on September 14, 2024

Makes sense. Just figured I'd mention it here, get the conversation started.

from pvediscorddark.

Fusl avatar Fusl commented on September 14, 2024

How about adding this CSS?

.x-surface-canvas {
    filter: invert(100%);
}

.x-legend-item-marker {
    filter: invert(100%);
}

Doesn't look great but it's better than being dazzled by a white graph:
image

from pvediscorddark.

Weilbyte avatar Weilbyte commented on September 14, 2024

That does look a little bit ugly but will work for now.
As for a better fix, I am currently working on editing the js files for the charts and its going well - though this is for the serverside option only.

from pvediscorddark.

Weilbyte avatar Weilbyte commented on September 14, 2024

image

This is how it looks so far, what do you think @Fusl

from pvediscorddark.

jonchampagne avatar jonchampagne commented on September 14, 2024

I'll chime in that personally I don't mind the ugliness. It's still much easier on the eyes compared to a white background.

from pvediscorddark.

Weilbyte avatar Weilbyte commented on September 14, 2024

Hm alright. I'll add it to the client-sided css soon.

from pvediscorddark.

Fusl avatar Fusl commented on September 14, 2024

This is how it looks so far, what do you think @Fusl

That one looks amazing. Have my vote for this for the server side option.

from pvediscorddark.

Weilbyte avatar Weilbyte commented on September 14, 2024

Going to add it into the repo today. Although it will only work for PVE 5.4-3 as I do not have any servers running lower and the js files might differ by a lot.

from pvediscorddark.

ZeroPoke avatar ZeroPoke commented on September 14, 2024

@Weilbyte Hey I dont believe you push those new invert CSS to the ddInstaller CSS file. Not sure if that was intentional or not.

from pvediscorddark.

Weilbyte avatar Weilbyte commented on September 14, 2024

@ZeroPoke intentional, the server-side version has a JavaScript bit that you can install to make the graphs dark. The inverted quick-fix is available for client-side only.

from pvediscorddark.

 avatar commented on September 14, 2024

@Weilbyte I am using Proxmox 6 right now and it works perfectly fine as well. I think you should add an option whether to install the JSMod or not in the install script or at least make a mention of it in the README, it will help a lot of people. :D

If you change the screenshot in the README to the dark graphs it would make everything look neater as well :)

from pvediscorddark.

Weilbyte avatar Weilbyte commented on September 14, 2024

@Ethereal739 It is mentioned in the readme at the serverside instructions part.

If you're on 6.0 it's not recommended to run the 5.4 JSMod as it replaces files some files. Though JSMod for 6.0 (6.0-4) is going to be out tomorrow and that should replace those somewhat incompatible 5.4 ones back to the usual 6.0 ones so no worries there.

from pvediscorddark.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.