Comments (14)
@Fusl I have put your suggestion in the browser extension style. The server-sided javascript modifications can be found here.
from pvediscorddark.
Aware of it. Though its not something I can change with CSS as the graphs colors are set by js.
from pvediscorddark.
Makes sense. Just figured I'd mention it here, get the conversation started.
from pvediscorddark.
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:
from pvediscorddark.
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.
This is how it looks so far, what do you think @Fusl
from pvediscorddark.
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.
Hm alright. I'll add it to the client-sided css soon.
from pvediscorddark.
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.
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.
@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.
@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.
@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.
@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)
- Not working on 7.1.12? HOT 7
- Missing icons for SDN HOT 1
- PVE 7.2 - Ceph Pools White Line HOT 1
- the cpu icon without theme on PVE7.2.3 HOT 1
- Add Support for Proxmox Backup Server HOT 4
- readme.md installation instructions HOT 1
- Proxmox 7.2-7 - Dark theme stopped working all of a sudden. It may be after an upgrade of PVE HOT 1
- Change Background-Color Pool Resource HOT 1
- Doesn't seem to work on 7.2-7 HOT 2
- new proxmox version update undid dark theme HOT 16
- [Theme] Nordigr HOT 2
- Oneliner not functoning HOT 2
- [Feature Request] Option For PBS [Proxmox Backup Server] HOT 1
- Summary Box has a different size than the rest
- 6.4 won't load dark colors HOT 1
- Theme not work HOT 5
- Switch to making the color scheme selectable in proxmox 7.4 HOT 9
- Support for Proxmox 7.4 (after release of "official" dark mode) - few issues with pvediscord dark HOT 8
- Color problem on graphics HOT 3
- Works on latest Proxmox VE (8.1.3) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pvediscorddark.