Skip to content
Snippets Groups Projects
PVEDiscordDark.css 16 KiB
Newer Older
  • Learn to ignore specific revisions
  • Weilbyte's avatar
    Weilbyte committed
    .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 {
    
    Weilbyte's avatar
    Weilbyte committed
      background-color: #23272a;
    
    Weilbyte's avatar
    Weilbyte committed
    }
    
    .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-focus.x-btn-default-toolbar-small {
      background-color: #7289da;
    }
    
    .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 {
    
    Weilbyte's avatar
    Weilbyte committed
      background: #23272a;
    
    Weilbyte's avatar
    Weilbyte committed
      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-default .x-progress-bar-default {
    
    Weilbyte's avatar
    Weilbyte committed
      background-color: #43b581;
    
    Weilbyte's avatar
    Weilbyte committed
    }
    
    .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-surface-canvas {
      border-radius: 3px;
    }
    
    .x-fieldset-default {
      border: 1px solid #7289da;
    }
    
    .x-vertical-scroller {
      background: #2c2f33 !important;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
      color: #ba2b2d;
    
    Weilbyte's avatar
    Weilbyte committed
    .x-splitter {
      background: #23272a;
    }
    
    .x-splitter-collapsed .x-layout-split-bottom {
      background-image: url("/pve2/images/dd_mini-top.png");
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    .x-boundlist-item {
      color: white;
      background-color: #2c2f33;
      border: none;
    }
    
    .x-boundlist-item:hover {
      background-color: #23272a;
    }
    
    .x-boundlist {
      border-color: #23272a;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    #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;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    div[id^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div {
      background-color: #2C2F33;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    div[id^="pveGuestStatusView-"][id$="-body"] {
      background: #23272a;
    }
    
    
    div[id^="pveStorageStatusView-"][id$="-body"] {
      background: #23272a;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    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;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]:before {
      color: #faa61a;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]:before {
      color: #ba2b2d;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    #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");
    }
    
    .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");
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
      color: #ba2b2d;
    
    Weilbyte's avatar
    Weilbyte committed
      color: white;
    }
    
    .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;
    }
    
    
    .usage {
      background-color: #7289DA;
    }
    
    .usage-wrapper {
      border: 1px solid #7289DA;
    }
    
    .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;
    }
    
    
    Weilbyte's avatar
    Weilbyte committed
    html {
      overflow: scroll;
      overflow-x: hidden;
    }
    
    * {
      font-weight: 350;
    }
    
    ::-webkit-scrollbar {
      width: 0;
      background: transparent;
    }
    
    Weilbyte's avatar
    Weilbyte committed
    /*# sourceMappingURL=PVEDiscordDark.css.map */