beryju / dark-vcenter

Dark CSS Theme for vCenter's HTML5 Client

dark-vcenter

Dark CSS Theme for vCenter's HTML5 Client

Screenshot

Install

Chrome Webstore

https://chrome.google.com/webstore/detail/dark-vcenter/mapceffgjbalghklnkfglibpngbcpfom

Firefox Addon

https://addons.mozilla.org/en-US/firefox/addon/dark-vcenter/

Developer

• Download the archive as zip / use git clone to download the files
• Enabled Developer Mode in Chrome
• Select "Load unpacked Extension"
• Select the downloaded folder

dark-vcenter's Issues

Detect vCenter from JavaScript

The Plugin currently breaks the Host-Client since both are under /ui.
Add some JavaScript-based detection to see if its actually vCenter (or detect the Host-Client)

support esxi/vsphere

Please, add suport for ESXi/VSphere's client.

Broken vSAN and VUM widgets

Content Library section and header might be broken.

Per screenshot below, you'll find a counter displayed (not normally visible), along with readability issues.

Update Manager area still white

Upgraded to 6.7 since the previous issue I reported #23 while on 6.5 was still not fixed in update 0.2.14. On 6.7, the Update Manager section is not black both this image and the entire section of Update Manager.

Also, the HA Protection Header is white still...

Selected datastore not highlighted when adding new hard disk

When adding a new hard disk to an existing VM and opting to browse for a datastore to locate the disk on, the dialog that pops up to select the datastore highlights the datastore on mouseover, but after clicking and selecting the datastore it does not remain highlighted once moving the cursor off the selection.

Note that the datastore still remains "selected" despite not being highlighted, and will be correctly chosen once "OK" is clicked.

Performance Graph Zoom

multi-select not functional after enabling plugin

Looks like multi-object select is no longer working after enabling the plugin. You can easily verify this by selecting multiple VMs (perform operation like power on/off) and when enabling the Dark theme, you can only select a single object

Konami Code

Entering the konami code currently does nothing making the experience unusable, please add in next release.

Sliders/buttons are not updated with the dark theme/design.

The sliders found in some configuration pages are still the default blue/white. This may not be possible to change with a browser extension, but it's worth mentioning, I suppose.

OS icons

E.g. use these (actually transparent)

Is this blockchain based?

I'd like it to be blockchain based please thanks

iSCSI Authentication - Dropdown Font

Broken VUM pages

Home/Shortcuts text needs to be lighter.

Pretty minor thing, the text in the Shortcuts page is still dark, getting you dark-on-dark.

Right click action menus are still white

Recent Tasks/Alarms not visible and theme not applying to header

Broken spoilers

Not Working with Flings (vSphere HTML5 Web Client)

Hello,

we have vCenter 6.0 with HTML5 Web Client aka Flings. But the Plugin not Working on Chrome or Firefox.

Link to Flings:
https://labs.vmware.com/flings/vsphere-html5-web-client

Datacenter level not themed : networking tab

When you get over to the networking tab to view DVswitches and port groups, if you select the datacenter all associated right-side panes are not themed (i.e. still white).

vSAN health

Not dark enough

I accept only the biggest, blackest themes for my vCenter. Please fix.

Font is incorrect.

The current font is not comic sans, please fix.

No longer works with 6.7 U1

Hi BeryJu!

At first thanks for this awesome plugin, because i need everything dark on my pc. 'cause i'm very sensible regarding screen-caused sunburns. :)

With the today released 6.7 Update 1, it's no longer working. Can you fix this for us?

Best regards
Schnoo

Firefox Extension

for my G @tigattack

Broken dialogs

https://cdn.discordapp.com/attachments/192269258900635648/443313281495597067/unknown.png

DVS Topology

Datastore file browser tree portlet does not have stylesheet applied to it.

Like some of the other portlets, the Files tree does not have the stylesheet applied.

Broken vSAN and VUM Interfaces

Merging all issues about broken vSAN and VUM into this one.

This issue is blocking since all Add-ons (vSAN, VUM, vRealize, etc) are loaded as iFrame. I have not yet found an easy and reliable way to hook into iFrame creation. Hence I can't hook a custom CSS Sheet into the frame.

Datastore Multipathing

License management

vSAN Performance page

Performance graphs

Probably same styling as the vSAN widget

Also note the dropdown box

Google Support

Please add support for google.com

vSAN Configuration Wizard

Filter boxes unchanged making test hard to read

The text does change to black when the mouse cursor is on the box, so it's not the end of the world.

Global Inventory List and its child sections do not expand correctly (plus bad headers).

First, here's the Global Inventory Lists section, with un-applied headers (as observed in other issues).

Then if we expand a section (with or without content/objects), it will overwrite/replace the tree with the child branch, along with a bad header and previously hidden list counter:

Tasks/Events portlet (among others, per vSAN, Update Manager) also need CSS updates.

Like some of the issue reports on vSAN and Update Manager portlets, you'll find Tasks/Events detail portlets are not getting the stylesheet update.

Other browser language than English breaks CSS inject

As you know German rendered vCenter doesnt apply the CSS injection.
Setting the browser to English fixes this.
Same happens for French and I would assume many other languages.

Footer with event/task filter