Browse Source

SASS icon fixes + background summary on LXC/VM

pull/23/head
Weilbyte 5 years ago
parent
commit
0377d73a59
No known key found for this signature in database GPG Key ID: BB87B2C8A1468388
  1. 80
      PVEDiscordDark/images/dd_icon-die.svg
  2. 843
      PVEDiscordDark/sass/PVEDiscordDark.css
  3. 35
      PVEDiscordDark/sass/PVEDiscordDark.css.map
  4. 21
      PVEDiscordDark/sass/special/_icons.sass
  5. 3
      PVEDiscordDark/sass/special/_specific.sass
  6. 12
      PVEDiscordDark/sass/x/_btn.sass

80
PVEDiscordDark/images/dd_icon-die.svg

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="icon-die.svg"
id="svg41"
version="1.1"
viewBox="0 0 211.66667 211.66667"
height="800"
width="800">
<metadata
id="metadata47">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs45" />
<sodipodi:namedview
inkscape:current-layer="layer1"
inkscape:window-maximized="0"
inkscape:window-y="302"
inkscape:window-x="750"
inkscape:cy="400"
inkscape:cx="218.82353"
inkscape:zoom="1.0625"
showgrid="false"
id="namedview43"
inkscape:window-height="480"
inkscape:window-width="820"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
transform="translate(0,-85.333333)"
id="layer1">
<rect
ry="25.09997"
style="fill:none;stroke:#ffffff;stroke-width:15.875;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
y="101.96732"
x="16.633987"
height="178.39868"
width="178.3987"
id="rect3852" />
<circle
r="18"
cy="191.16667"
cx="105.83334"
id="path4663"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:13.22916603;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
<circle
r="18"
cy="235.16634"
cx="149.83366"
id="path4663-3"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:13.22916698;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
<circle
r="18"
cy="147.16634"
cx="61.833668"
id="path4663-6"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:13.22916698;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

843
PVEDiscordDark/sass/PVEDiscordDark.css

@ -1,843 +0,0 @@
.x-body {
color: #fff;
font-size: 13px;
line-height: 17px;
font-weight: 300;
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif';
background: #fff;
}
.x-form-text-default {
color: #818082;
background-color: #4a4d53;
font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif';
min-height: 22px;
padding: 0 6px 2px;
}
.x-form-trigger-wrap-default {
border-color: #cfcfcf;
border-style: solid;
border-width: 0;
}
.x-form-trigger-default {
width: 22px;
background: 0 center #72767d url("/pve2/images/dd_trigger.png") no-repeat;
}
.x-form-display-field {
color: #707c80;
}
.x-form-text {
color: #fff;
}
.x-form-item-label-inner-default {
color: #fff;
}
.x-form-item-body.x-form-item-body-default.x-form-display-field-body.x-form-display-field-body-default {
border-radius: 6px;
padding: 2px;
}
.x-field.x-form-item.x-form-item-default.x-form-readonly.x-form-type-text {
border-radius: 6px;
}
.x-grid-cell-inner {
background: transparent;
color: #fff;
}
.x-grid-cell-rowbody {
background: #2c2f33;
color: #fff;
}
.x-grid-item {
background: #2c2f33;
border-width: 0 !important;
}
.x-grid-item-alt {
background: #23272a;
border-width: 0 !important;
}
.x-grid-header-ct {
background: #2c2f33;
border-width: 0 !important;
}
.x-grid-group-title {
color: #fff;
}
.x-grid-row-loading {
background-image: url("/pve2/images/dd_loading.svg");
background-size: 32px;
}
.x-grid-group-hd.x-grid-group-hd-collapsible {
background: #23272a;
color: #fff;
border-width: 0;
}
.x-grid-icon-custom:after {
text-shadow: 0 0 0 #2c2f33;
}
.x-box-scroller {
background: #2c2f33 !important;
}
.x-box-scroller-body-vertical {
background: #2c2f33 !important;
}
.x-box-inner {
overflow: hidden;
position: relative;
left: 0;
top: 0;
top-background: #23272a;
}
.x-treelist-item-leaf {
background: #2c2f33;
color: #fff;
}
.x-treelist-container {
background: #2c2f33;
color: #fff;
}
.x-treelist-row {
background: #2c2f33;
color: #fff;
}
.x-treelist-row-with-icon {
background: #2c2f33;
color: #fff;
}
.x-treelist-item-expandable {
background: #2c2f33;
color: #fff;
}
.x-treelist-item-wrap {
background: #2c2f33;
color: #fff;
}
.x-treelist-item-text {
background: #2c2f33;
color: #fff;
}
.x-treelist-item-icon {
background: #2c2f33;
color: #fff;
}
.x-treelist-row-over {
color: #ff0;
}
.x-treelist-row-over > * > .x-treelist-item-text {
color: #7289da;
-webkit-transition: color .5s;
transition: color .5s;
}
.x-treelist-row-over > * > .x-treelist-item-icon {
color: #7289da;
-webkit-transition: color .5s;
transition: color .5s;
}
.x-treelist-row-over > * > .fa-ceph:before {
background-image: url("/pve2/images/dd_cephblurp.png");
background-size: 14px 14px;
-webkit-transition: background-image .5s;
transition: background-image .5s;
}
.x-treelist-item-selected > .x-treelist-row {
background-color: #23272a;
}
.x-legend-item {
background: #2c2f33;
color: #fff;
border-width: 0;
}
.x-legend-container {
background: #2c2f33;
border-radius: 0;
-webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0;
box-shadow: rgba(0, 0, 0, 0) 0 0 0;
border-width: 0;
}
.x-legend.x-docked-top .x-legend-item {
border-left: 0;
border-bottom: 0;
}
.x-legend.x-docked-bottom .x-legend-item {
border-left: 0;
border-bottom: 0;
}
.x-legend-panel.x-docked-top .x-legend-item {
border-left: 0;
border-bottom: 0;
}
.x-legend-panel.x-docked-bottom .x-legend-item {
border-left: 0;
border-bottom: 0;
}
.x-panel-header {
background: #23272a;
border: 0;
}
.x-panel-body-default {
background: #2c2f33;
color: #fff;
font-size: 13px;
font-weight: 300;
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif';
border-color: #fff;
border-style: solid;
border-width: 0;
}
.x-toolbar-default {
background-color: #2c2f33;
border-width: 0;
}
.x-toolbar {
background: #2c2f33;
}
.x-toolbar-vertical-scroller {
background: #2c2f33 !important;
}
.x-toolbar-default-vertical-scroller {
background: #2c2f33 !important;
}
.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default {
color: #fff;
}
.x-btn {
background: #7289da;
border-width: 0;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over {
background-color: #677bc4;
}
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active {
background-color: #677bc4;
}
.x-btn.x-unselectable.x-box-item.x-btn-default-small.x-btn-over {
background-color: #677bc4;
}
.x-btn-inner {
color: #fff;
}
.x-btn-inner.x-btn-inner-default-small {
color: #fff;
}
.x-btn-inner.x-btn-inner-default-toolbar-small {
color: #fff;
}
.x-btn-disabled {
background-image: none;
background-color: #737fab !important;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-undo {
color: #fff;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal {
color: #fff;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-send-o {
color: #fff;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play {
color: #43b581;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v {
color: #fff;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off {
color: #d23d3f;
}
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle {
color: #fff;
}
.x-btn-icon-el.x-btn-icon-el-default-small.fa.fa-book.x-btn-icon-el-default-toolbar-small {
color: #fff;
}
.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear {
color: #fff;
}
.x-column-header-inner {
background: #2c2f33;
border-width: 0 !important;
}
.x-column-header-default {
background: #2c2f33;
border-width: 0 !important;
}
.x-column-header-text-inner {
color: #fff;
}
.x-column-header-trigger {
border-color: #23272a;
}
.x-tab {
background: #737fab;
color: #fff;
border-width: 0;
}
.x-tab-inner {
color: #fff;
}
.x-tab-active {
background: #7289da !important;
border-width: 0 !important;
}
.x-tab-over {
background: #7289da !important;
border-width: 0 !important;
}
.x-tab-default-focus {
background: #7289da !important;
border-width: 0 !important;
}
.x-tab-focus {
background: #7289da !important;
border-width: 0 !important;
}
.x-tab-bar-body {
background: #23272a;
}
.x-tab-disabled {
background: #737fab !important;
}
.x-window-body {
background: #23272a;
border-bottom-width: 0;
border-right-width: 0;
}
.x-window-default {
border-radius: 0;
background-color: #23272a;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #23272a;
border-style: none;
border-width: 0;
padding: 0;
}
.x-window-default-mc {
background-color: #23272a;
}
.x-window-body-default {
color: white;
border-width: 0 !important;
}
.x-window-header-default-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
background-color: #23272a;
border-width: 0 !important;
padding: 9px;
}
.x-window-text {
color: #fff;
}
.x-window-header.x-header.x-header-draggable.x-docked.x-unselectable.x-window-header-default.x-horizontal.x-window-header-horizontal.x-window-header-default-horizontal.x-top.x-window-header-top.x-window-header-default-top.x-box-layout-ct {
background: #23272a;
border-bottom-width: 0;
border-right-width: 0;
}
.x-viewport {
background: #23272a;
}
.x-viewport > .x-body {
background: #23272a;
}
.x-menu-item-focus {
background-color: #677bc4;
}
.x-menu-item {
background: #7289da;
border-style: none;
border-width: 0;
}
.x-menu-default {
background: #7289da;
border-style: none;
border-width: 0;
}
.x-menu-item-text {
color: #fff;
}
.x-menu-header {
border-radius: 1px;
background: #23272a;
border-width: 0;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-play {
color: #43b581;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-stop {
color: #d23d3f;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-power-off {
color: #d23d3f;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-pause {
color: #faa61a;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-trash-o {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal {
color: #fff;
}
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-stop {
color: #d23d3f;
}
.x-menu-item-default.x-menu-item-separator {
height: 0;
border-top-width: 0;
margin: 0;
padding: 0;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running.ha-unmanaged {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop {
color: #7289da !important;
}
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database {
color: #7289da !important;
}
.x-tree-icon-custom:after {
text-shadow: 0 0 0 #2c2f33;
}
.x-progress {
background: #2c2f33;
}
.x-progress-bar {
background-color: #7289da !important;
}
.x-progress-text {
color: #fff !important;
}
.x-progress-text.x-progress-text-back {
color: #fff !important;
}
.x-tip-default {
background-color: #7289da;
color: #fff;
border-radius: 0;
border-width: 0;
}
.x-component {
color: #fff;
}
.x-component.x-box-item.x-component-default {
background: #23272a;
}
.x-component.x-fieldset-header-text.x-component-default {
color: #fff;
}
.x-autocontainer-innerCt {
background: #2c2f33;
}
.x-title-text {
color: #7289da;
}
.x-mask {
background-color: rgba(26, 26, 29, 0.27);
}
.x-tool-img {
background-image: url("/pve2/images/dd_tool-sprites.png") !important;
}
.x-layout-split-bottom {
background-image: url("/pve2/images/dd_mini-bottom.png") !important;
}
.x-surface-canvas {
border-radius: 3px;
}
.x-fieldset-default {
border: 1px solid #7289da;
}
.x-vertical-scroller {
background: #2c2f33 !important;
}
.x-splitter {
background: #23272a;
}
.x-splitter-collapsed .x-layout-split-bottom {
background-image: url("/pve2/images/dd_mini-top.png");
}
#toolbar-1069-innerCt {
background: #2c2f33;
}
#button-1030 {
background: #23272a;
border: 1px solid #d23d3f;
}
#menuitem-1030-iconEl {
color: white;
}
#menuitem-1031-iconEl {
color: white;
}
#menuitem-1032-iconEl {
color: white;
}
#menuitem-1034-iconEl {
color: #c52d2f;
}
[id^="pveNodeStatus"] {
background: #23272a;
}
div[id^="pveNotesView-"][id$="-innerCt"] {
background: #23272a;
}
img[src^="/pve2/images/proxmox_logo"] {
background: #23272a;
content: url("/pve2/images/dd_logo.png");
}
[id^="versioninfo"] {
background: #23272a;
}
[id^="proxmoxGauge"] {
background: #23272a;
}
[id^="tooltip"] {
background: #7289da;
color: #fff;
border-width: 0;
}
[id^="ext-quicktips-tip-body"] {
background-color: #7289da;
color: #fff;
border-radius: 0;
border-width: 0;
}
[id^="ext-quicktips-tip-innerCt"] {
background-color: #7289da;
color: #fff;
border-radius: 0;
border-width: 0;
}
[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] {
background-color: #7289da;
color: #fff;
border-radius: 0;
border-width: 0;
}
[id^="ext-form-error"] {
background-color: #7289da;
color: #fff;
border-radius: 0;
border-width: 0;
}
[id^="toolbar"] {
background: #2c2f33;
}
[id^="legend"] {
background: #23272a;
border-color: red;
}
div[id^="panel-"][id$="-body"] {
background: #23272a;
}
#userinfo.x-btn {
background-color: transparent !important;
border: 1px solid #d23d3f !important;
}
.pve-itype-icon-processor {
background-image: url("/pve2/images/dd_icon-cpu.png");
}
.pve-itype-icon-memory {
background-image: url("/pve2/images/dd_icon-ram.png");
}
.pve-itype-icon-storage {
background-image: url("/pve2/images/dd_icon-hdd.png");
}
.pve-itype-icon-swap {
background-image: url("/pve2/images/dd_icon-swap.png");
}
.pve-itype-icon-display {
background-image: url("/pve2/images/dd_icon-display.png");
}
.x-grid-row-console {
background-image: url("/pve2/images/dd_icon-display.png");
}
.pve-itype-icon-cdrom {
background-image: url("/pve2/images/dd_icon-cd.png");
}
.pve-itype-icon-network {
background-image: url("/pve2/images/dd_icon-network.png");
}
.pve-itype-icon-pci {
background-image: url("/pve2/images/dd_icon-pci.png");
}
.pve-itype-icon-usb {
background-image: url("/pve2/images/dd_icon-usb.png");
}
.pve-itype-icon-serial {
background-image: url("/pve2/images/dd_icon-serial.png");
}
.pve-itype-icon-cloud {
background-image: url("/pve2/images/dd_icon-cloud.png");
}
.fa-ceph:before {
background-image: url("/pve2/images/dd_cephwhite.png");
}
.fa-building.online {
color: #7289da !important;
}
.fa-fw.x-grid-icon-custom.fa.fa-database {
color: #7289da;
}
.fa-fw.x-grid-icon-custom.fa.fa-desktop {
color: #7289da;
}
.fa-fw.x-grid-icon-custom.fa.fa-cube {
color: #7289da;
}
.lxc:after {
background: transparent !important;
color: #7289da;
text-shadow: 0 0 0 #2c2f33 !important;
}
.qemu:after {
background: transparent !important;
color: #7289da;
text-shadow: 0 0 0 #2c2f33 !important;
}
.proxmox-invalid-row {
background-color: #401314;
}
html {
overflow: scroll;
overflow-x: hidden;
}
* {
font-weight: 350;
}
::-webkit-scrollbar {
width: 0;
background: transparent;
}
/*# sourceMappingURL=PVEDiscordDark.css.map */

35
PVEDiscordDark/sass/PVEDiscordDark.css.map

File diff suppressed because one or more lines are too long

21
PVEDiscordDark/sass/special/_icons.sass

@ -34,9 +34,30 @@
.pve-itype-icon-cloud
background-image: url('/pve2/images/dd_icon-cloud.png')
.pve-itype-icon-die
background-image: url('/pve2/images/dd_icon-die.png')
.fa-exchange:before
color: white
.fa-usb:before
color: white
.fa-hdd-o:before
color: white
.fa-cloud:before
color: white
.fa-volume-up:before
color: white
.fa-ceph:before
background-image: url('/pve2/images/dd_cephwhite.png')
.fa
color: white
.fa-building.online
color: #7289da!important

3
PVEDiscordDark/sass/special/_specific.sass

@ -20,6 +20,9 @@
[id^="pveNodeStatus"]
background: #23272a
div[id^="pveGuestStatusView-"][id$="-body"]
background: #23272a
div[id^="pveNotesView-"][id$="-innerCt"]
background: #23272a

12
PVEDiscordDark/sass/x/_btn.sass

@ -5,21 +5,19 @@
&.x-toolbar-item.x-btn-default-toolbar-small
&.x-btn-over
background-color: #677bc4
&.x-btn-menu-active
background-color: #677bc4
&.x-btn-default-small.x-btn-over
background-color: #677bc4
.x-btn-focus
&.x-btn-default-toolbar-small
background-color: #7289da
.x-btn-inner
color: #fff
&.x-btn-inner-default-small
color: #fff
&.x-btn-inner-default-toolbar-small
color: #fff
@ -43,14 +41,10 @@
color: #fff
&.fa-power-off
color: #d23d3f
&.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle
color: #fff
&.x-btn-icon-el-default-small.fa
&.fa-book.x-btn-icon-el-default-toolbar-small
color: #fff
&.black.fa-gear
color: #fff

Loading…
Cancel
Save