mirror of
https://git.proxmox.com/git/proxmox-widget-toolkit
synced 2025-05-08 21:29:37 +00:00
6bf5e1256e
adds an initial version of a dark theme for all proxmox products. the
theme works by simply loading an additional css file that adjust the
colors of the original theme "crisp" to be more suitable for a dark
theme.
the theme itself is written in scss, so we need to add sassc as a
build dependency. while sassc is deprecated, it is still maintained in
the debian repositories and, thus, needs no additional packaging on
our end.
this version adds the following on-top of Daniel Tschlatscher's
original draft:
* removes checked-in build artifacts and other stuff that shouldn't be
tracked
* code clean-up and removal of redundant code
* refactors:
* icon styling
* color handling for charts (moved to css variables)
* color variables, consolidates them and makes the "functional"
* color values, improves contrast and makes the theme appear more
consistent
* using the "theme-" prefix
* adds:
* markdown note styles
* combo-box trigger styles
* even more icon styles (e.g., template icons, check boxes etc.)
* loading spinners styles
* number field up and down arrow styles
* an additional auto theme that switches between light and dark
theme dynamically
* widget toolkit hints
* ceph install mask
* grid group headers
* color to toggled buttons
* date picker styles
* drag and drop proxy styles
* fixes:
* contrast on control elements for "scrollable" sidebars
* make the general appearance closer to the light theme ("crisp")
* buttons (when hovered, toggled etc)
* background masking (e.g., when showing the log-in form)
* grid header separator (adds an outline)
* separator lines in some menus
* makes the custom unknown icon more discernible
* makes headers more readable
* color adjustments to several components for consistency
* reduces brightness of dividers in toolbars
* border color on chart legend elements
* removes a black border from docked toolbars (e.g., tag edit)
* dims the "invalid" color to appear less aggressive
* add hover effects in grids and make them consistent with "crisp"
* summary rows
* selected and hovered elements in boundlists
* row numberers in grids
* contrast of links in hints
* ceph overview border colors (e.g., OSD in/out/up/down grid)
* bottom splitter contrast in certain situations
* tag visibility
* pbs compatibility (help buttons stylings, icons, tabs)
* pmg compatibility:
* remove border around the spanning element in the header
* style spam score grid
* style tracking center rows
* add appropriate colors to buttons in the quarantine
* style mail-info element in the quarantine
Co-authored-by: Daniel Tschlatscher <d.tschlatscher@proxmox.com>
Co-authored-by: Stefan Sterz <s.sterz@proxmox.com>
Signed-off-by: Daniel Tschlatscher <d.tschlatscher@proxmox.com>
Signed-off-by: Stefan Sterz <s.sterz@proxmox.com>
24 lines
714 B
Plaintext
24 lines
714 B
Plaintext
Source: proxmox-widget-toolkit
|
|
Section: web
|
|
Priority: optional
|
|
Maintainer: Proxmox Support Team <support@proxmox.com>
|
|
Build-Depends: debhelper (>= 12~),
|
|
libjs-marked,
|
|
pve-eslint (>= 7.28.0),
|
|
sassc,
|
|
Standards-Version: 4.5.1
|
|
Homepage: https://www.proxmox.com
|
|
|
|
Package: proxmox-widget-toolkit
|
|
Architecture: all
|
|
Depends: ${misc:Depends}
|
|
Description: ExtJS Helper Classes for Proxmox
|
|
ExtJS Helper Classes to easy access to Proxmox APIs.
|
|
|
|
Package: proxmox-widget-toolkit-dev
|
|
Architecture: all
|
|
Depends: ${misc:Depends}
|
|
Description: Development dependencies for Proxmox Projects
|
|
Contains some common javascript code that are dev-dependencies,
|
|
for various Proxmox projects.
|