topaLE
/
PVEDiscordDark
mirror of https://github.com/Weilbyte/PVEDiscordDark.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Replace colors with variable (fix #45), fix format

pull/46/head
Weilbyte 4 years ago
committed by GitHub
parent
f5da908735
commit
c4f1130513
29 changed files with 136 additions and 136 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      PVEDiscordDark/sass/PVEDiscordDark.css
  2. 2
      PVEDiscordDark/sass/proxmox/_proxmoxRRDChart.sass
  3. 2
      PVEDiscordDark/sass/proxmox/_pveCeph.sass
  4. 4
      PVEDiscordDark/sass/proxmox/_pveDc.sass
  5. 4
      PVEDiscordDark/sass/special/_icons.sass
  6. 4
      PVEDiscordDark/sass/special/_proxmox.sass
  7. 38
      PVEDiscordDark/sass/special/_specific.sass
  8. 2
      PVEDiscordDark/sass/x/_autocontainer.sass
  9. 6
      PVEDiscordDark/sass/x/_boundlist.sass
  10. 6
      PVEDiscordDark/sass/x/_box.sass
  11. 6
      PVEDiscordDark/sass/x/_btn.sass
  12. 6
      PVEDiscordDark/sass/x/_column.sass
  13. 2
      PVEDiscordDark/sass/x/_form.sass
  14. 12
      PVEDiscordDark/sass/x/_grid.sass
  15. 4
      PVEDiscordDark/sass/x/_legend.sass
  16. 20
      PVEDiscordDark/sass/x/_menu.sass
  17. 4
      PVEDiscordDark/sass/x/_misc.sass
  18. 4
      PVEDiscordDark/sass/x/_panel.sass
  19. 2
      PVEDiscordDark/sass/x/_progress.sass
  20. 2
      PVEDiscordDark/sass/x/_splitter.sass
  21. 10
      PVEDiscordDark/sass/x/_tab.sass
  22. 2
      PVEDiscordDark/sass/x/_tip.sass
  23. 2
      PVEDiscordDark/sass/x/_title.sass
  24. 8
      PVEDiscordDark/sass/x/_toolbar.sass
  25. 30
      PVEDiscordDark/sass/x/_tree.sass
  26. 24
      PVEDiscordDark/sass/x/_treelist.sass
  27. 4
      PVEDiscordDark/sass/x/_viewport.sass
  28. 14
      PVEDiscordDark/sass/x/_window.sass

2
PVEDiscordDark/sass/PVEDiscordDark.css
View File

File diff suppressed because one or more lines are too long

2
PVEDiscordDark/sass/proxmox/_proxmoxRRDChart.sass
View File

@ -1,2 +1,2 @@
div[id^="proxmoxRRDChart-"] > div:nth-child(3) > div div[id^="proxmoxRRDChart-"] > div:nth-child(3) > div
background-color: #23272a background-color: $darker

2
PVEDiscordDark/sass/proxmox/_pveCeph.sass
View File

@ -1,2 +1,2 @@
div[id^="pveCephInstallWindow-"][id$="-innerCt"] div div div div div[id^="pveCephInstallWindow-"][id$="-innerCt"] div div div div
background: #23272a background: $darker

4
PVEDiscordDark/sass/proxmox/_pveDc.sass
View File

@ -1,5 +1,5 @@
div[id^="pveDcHealth-"][id$="-body"], div[id^="pveDcGuests-"][id$="-body"], div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(3) > div:nth-child(2), div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(5) > div:nth-child(2) > div > div div[id^="pveDcHealth-"][id$="-body"], div[id^="pveDcGuests-"][id$="-body"], div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(3) > div:nth-child(2), div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(5) > div:nth-child(2) > div > div
background-color: #23272a background-color: $darker
div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(4) > div:nth-child(3) div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(4) > div:nth-child(3)
border: 1px solid #23272a border: 1px solid $darker

4
PVEDiscordDark/sass/special/_icons.sass
View File

@ -78,9 +78,9 @@
.lxc:after .lxc:after
background: transparent !important background: transparent !important
color: $blurple color: $blurple
text-shadow: 0 0 0 #2c2f33!important text-shadow: 0 0 0 $dark !important
.qemu:after .qemu:after
background: transparent !important background: transparent !important
color: $blurple color: $blurple
text-shadow: 0 0 0 #2c2f33!important text-shadow: 0 0 0 $dark !important

4
PVEDiscordDark/sass/special/_proxmox.sass
View File

@ -2,10 +2,10 @@
background-color: #401314 background-color: #401314
.usage .usage
background-color: #7289DA background-color: $blurple
.usage-wrapper .usage-wrapper
border: 1px solid #7289DA border: 1px solid $blurple
.x-tool-img .x-tool-img
background-image: url('/pve2/images/dd_tool-sprites.png') !important background-image: url('/pve2/images/dd_tool-sprites.png') !important

38
PVEDiscordDark/sass/special/_specific.sass
View File

@ -1,8 +1,8 @@
#toolbar-1069-innerCt #toolbar-1069-innerCt
background: #2c2f33 background: $dark
#button-1030 #button-1030
background: #23272a background: $darker
border: 1px solid #d23d3f border: 1px solid #d23d3f
#menuitem-1030-iconEl #menuitem-1030-iconEl
@ -18,64 +18,64 @@
color: #c52d2f color: #c52d2f
[id^="pveNodeStatus"] [id^="pveNodeStatus"]
background: #23272a background: $darker
div[id^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div div[id^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div
background-color: #2C2F33 background-color: $dark
div[id^="pveGuestStatusView-"][id$="-body"] div[id^="pveGuestStatusView-"][id$="-body"]
background: #23272a background: $darker
div[id^="pveStorageStatusView-"][id$="-body"] div[id^="pveStorageStatusView-"][id$="-body"]
background: #23272a background: $darker
div[id^="pveNotesView-"][id$="-innerCt"] div[id^="pveNotesView-"][id$="-innerCt"]
background: #23272a background: $darker
[id^="versioninfo"] [id^="versioninfo"]
background: #23272a background: $darker
[id^="proxmoxGauge"] [id^="proxmoxGauge"]
background: #23272a background: $darker
[id^="tooltip"] [id^="tooltip"]
background: #7289da background: $blurple
color: #fff color: #fff
border-width: 0 border-width: 0
[id^="ext-quicktips-tip-body"] [id^="ext-quicktips-tip-body"]
background-color: #7289da background-color: $blurple
color: #fff color: #fff
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 border-radius: 0
border-width: 0 border-width: 0
[id^="ext-quicktips-tip-innerCt"] [id^="ext-quicktips-tip-innerCt"]
background-color: #7289da background-color: $blurple
color: #fff color: #fff
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 border-radius: 0
border-width: 0 border-width: 0
[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] [id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"]
background-color: #7289da background-color: $blurple
color: #fff color: #fff
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 border-radius: 0
border-width: 0 border-width: 0
[id^="ext-form-error"] [id^="ext-form-error"]
background-color: #7289da background-color: $blurple
color: #fff color: #fff
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 border-radius: 0
border-width: 0 border-width: 0
[id^="toolbar"] [id^="toolbar"]
background: #2c2f33 background: $dark
[id^="legend"] [id^="legend"]
background: #23272a background: $darker
border-color: red border-color: red
a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]:before, span[id^="proxmoxButton-"][id$="-btnEl"] span[class*="fa-undo"]:before a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]:before, span[id^="proxmoxButton-"][id$="-btnEl"] span[class*="fa-undo"]:before
@ -89,9 +89,9 @@ a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]:before
background-color: transparent !important background-color: transparent !important
border: 1px solid #d23d3f !important border: 1px solid #d23d3f !important
div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] div[id="menu-1029-targetEl"] > div[class*="x-menu-item"]
background: #2c2f33 background: $dark
div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"] div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"]
background: #23272A background: $darker
div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > div[class*="x-menu-item"] > a[aria-disabled="true"] div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > div[class*="x-menu-item"] > a[aria-disabled="true"]
opacity: 0.5 opacity: 0.5
background: #23272A background: $darker

2
PVEDiscordDark/sass/x/_autocontainer.sass
View File

@ -1,2 +1,2 @@
.x-autocontainer-innerCt .x-autocontainer-innerCt
background: #2c2f33 background: $dark

6
PVEDiscordDark/sass/x/_boundlist.sass
View File

@ -1,9 +1,9 @@
.x-boundlist-item .x-boundlist-item
color: white color: white
background-color: #2c2f33 background-color: $dark
border: none border: none
&:hover &:hover
background-color: #23272a background-color: $darker
.x-boundlist .x-boundlist
border-color: #23272a border-color: $darker

6
PVEDiscordDark/sass/x/_box.sass
View File

@ -1,12 +1,12 @@
.x-box-scroller .x-box-scroller
background: #2c2f33!important background: $dark !important
.x-box-scroller-body-vertical .x-box-scroller-body-vertical
background: #2c2f33!important background: $dark !important
.x-box-inner .x-box-inner
overflow: hidden overflow: hidden
position: relative position: relative
left: 0 left: 0
top: 0 top: 0
background: #23272a background: $darker

6
PVEDiscordDark/sass/x/_btn.sass
View File

@ -1,5 +1,5 @@
.x-btn .x-btn
background: #7289da background: $blurple
border-width: 0 border-width: 0
&.x-unselectable.x-box-item &.x-unselectable.x-box-item
&.x-toolbar-item.x-btn-default-toolbar-small &.x-toolbar-item.x-btn-default-toolbar-small
@ -16,7 +16,7 @@
.x-btn-focus .x-btn-focus
&.x-btn-default-toolbar-small &.x-btn-default-toolbar-small
background-color: #7289da background-color: $blurple
.x-btn-inner .x-btn-inner
color: #fff color: #fff
@ -40,7 +40,7 @@
&.fa-send-o &.fa-send-o
color: #fff color: #fff
&.fa-play &.fa-play
color: #43b581 color: $green
&.fa-fw.fa-ellipsis-v &.fa-fw.fa-ellipsis-v
color: #fff color: #fff
&.fa-power-off &.fa-power-off

6
PVEDiscordDark/sass/x/_column.sass
View File

@ -1,13 +1,13 @@
.x-column-header-inner .x-column-header-inner
background: #23272a background: $darker
border-width: 0 !important border-width: 0 !important
.x-column-header-default .x-column-header-default
background: #2c2f33 background: $dark
border-width: 0 !important border-width: 0 !important
.x-column-header-text-inner .x-column-header-text-inner
color: #fff color: #fff
.x-column-header-trigger .x-column-header-trigger
border-color: #23272a border-color: $darker

2
PVEDiscordDark/sass/x/_form.sass
View File

@ -1,6 +1,6 @@
.x-form-text-default .x-form-text-default
color: #818082 color: #818082
background-color: #4a4d53 background-color: $light
font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif' font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif'
min-height: 22px min-height: 22px
padding: 0 6px 2px padding: 0 6px 2px

12
PVEDiscordDark/sass/x/_grid.sass
View File

@ -3,21 +3,21 @@
color: #fff color: #fff
.x-grid-cell-rowbody .x-grid-cell-rowbody
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-grid-item .x-grid-item
background: #2c2f33 background: $dark
border-width: 0 !important border-width: 0 !important
&:hover &:hover
background-color: $light background-color: $light
.x-grid-item-alt .x-grid-item-alt
background: #23272a background: $darker
border-width: 0 !important border-width: 0 !important
.x-grid-header-ct .x-grid-header-ct
background: #2c2f33 background: $dark
border-width: 0 !important border-width: 0 !important
.x-grid-group-title .x-grid-group-title
@ -28,13 +28,13 @@
background-size: 32px background-size: 32px
.x-grid-group-hd.x-grid-group-hd-collapsible .x-grid-group-hd.x-grid-group-hd-collapsible
background: #23272a background: $darker
color: #fff color: #fff
border-width: 0 border-width: 0
.x-grid-icon-custom:after .x-grid-icon-custom:after
//If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) //If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
text-shadow: 0 0 0 #2c2f33 text-shadow: 0 0 0 $dark
.x-grid-icon-custom.lock-migrate:after .x-grid-icon-custom.lock-migrate:after
color: $yellow color: $yellow

4
PVEDiscordDark/sass/x/_legend.sass
View File

@ -1,10 +1,10 @@
.x-legend-item .x-legend-item
background: #2c2f33 background: $dark
color: #fff color: #fff
border-width: 0 border-width: 0
.x-legend-container .x-legend-container
background: #2c2f33 background: $dark
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 border-radius: 0
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) //If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)

20
PVEDiscordDark/sass/x/_menu.sass
View File

@ -2,13 +2,13 @@
background-color: #677bc4 background-color: #677bc4
.x-menu-item .x-menu-item
background: #7289da background: $blurple
border-style: none border-style: none
border-width: 0 border-width: 0
.x-menu-default .x-menu-default
background: #7289da background: $blurple
border: 1px solid #23272A border: 1px solid $darker
.x-menu-item-text .x-menu-item-text
color: #fff color: #fff
@ -16,7 +16,7 @@
.x-menu-header .x-menu-header
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 1px border-radius: 1px
background: #23272a background: $darker
border-width: 0 border-width: 0
.x-menu-item-icon-default.x-menu-item-icon.fa .x-menu-item-icon-default.x-menu-item-icon.fa
@ -37,7 +37,7 @@
color: #fff color: #fff
&.fa-play &.fa-play
color: #43b581 color: $green
&.fa-stop &.fa-stop
color: #d23d3f color: #d23d3f
@ -46,7 +46,7 @@
color: #d23d3f color: #d23d3f
&.fa-pause &.fa-pause
color: #faa61a color: $yellow
&.fa-heartbeat &.fa-heartbeat
@ -76,17 +76,17 @@
// 🙃 // 🙃
div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"]
background: #2c2f33 background: $dark
div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"] div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"]
background: #23272A background: $darker
div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[aria-disabled="true"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[aria-disabled="true"] div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[aria-disabled="true"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[aria-disabled="true"]
opacity: 0.5 opacity: 0.5
background: #23272A background: $darker
div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>div[class*=x-menu-item] div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>div[class*=x-menu-item]
background: inherit background: inherit
div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>div[class*=x-menu-item]>a[class*=x-menu-item-focus] div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>div[class*=x-menu-item]>a[class*=x-menu-item-focus]
background: #23272A background: $darker

4
PVEDiscordDark/sass/x/_misc.sass
View File

@ -6,7 +6,7 @@
border: 1px solid $blurple border: 1px solid $blurple
.x-vertical-scroller .x-vertical-scroller
background: #2c2f33!important background: $dark !important
.x-css-shadow .x-css-shadow
display: none display: none
@ -19,4 +19,4 @@
.install-mask .install-mask
color: white color: white
background-color: #23272A background-color: $darker

4
PVEDiscordDark/sass/x/_panel.sass
View File

@ -1,9 +1,9 @@
.x-panel-header .x-panel-header
background: #23272a background: $darker
border: 0 border: 0
.x-panel-body-default .x-panel-body-default
background: #2c2f33 background: $dark
color: #fff color: #fff
font-size: 13px font-size: 13px
font-weight: 300 font-weight: 300

2
PVEDiscordDark/sass/x/_progress.sass
View File

@ -1,5 +1,5 @@
.x-progress .x-progress
background: #2c2f33 background: $dark
.x-progress-default .x-progress-bar-default .x-progress-default .x-progress-bar-default
background-color: $green background-color: $green

2
PVEDiscordDark/sass/x/_splitter.sass
View File

@ -1,5 +1,5 @@
.x-splitter .x-splitter
background: #23272a background: $darker
.x-splitter-collapsed .x-layout-split-bottom .x-splitter-collapsed .x-layout-split-bottom
background-image: url('/pve2/images/dd_mini-top.png') background-image: url('/pve2/images/dd_mini-top.png')

10
PVEDiscordDark/sass/x/_tab.sass
View File

@ -7,23 +7,23 @@
color: #fff color: #fff
.x-tab-active .x-tab-active
background: #7289da!important background: $blurple !important
border-width: 0 !important border-width: 0 !important
.x-tab-over .x-tab-over
background: #7289da!important background: $blurple !important
border-width: 0 !important border-width: 0 !important
.x-tab-default-focus .x-tab-default-focus
background: #7289da!important background: $blurple !important
border-width: 0 !important border-width: 0 !important
.x-tab-focus .x-tab-focus
background: #7289da!important background: $blurple !important
border-width: 0 !important border-width: 0 !important
.x-tab-bar-body .x-tab-bar-body
background: #23272a background: $darker
.x-tab-disabled .x-tab-disabled
background: #737fab !important background: #737fab !important

2
PVEDiscordDark/sass/x/_tip.sass
View File

@ -1,5 +1,5 @@
.x-tip-default .x-tip-default
background-color: #7289da background-color: $blurple
color: #fff color: #fff
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 border-radius: 0

2
PVEDiscordDark/sass/x/_title.sass
View File

@ -1,2 +1,2 @@
.x-title-text .x-title-text
color: #7289da color: $blurple

8
PVEDiscordDark/sass/x/_toolbar.sass
View File

@ -1,15 +1,15 @@
.x-toolbar-default .x-toolbar-default
background-color: #2c2f33 background-color: $dark
border-width: 0 border-width: 0
.x-toolbar .x-toolbar
background: #2c2f33 background: $dark
.x-toolbar-vertical-scroller .x-toolbar-vertical-scroller
background: #2c2f33!important background: $dark !important
.x-toolbar-default-vertical-scroller .x-toolbar-default-vertical-scroller
background: #2c2f33!important background: $dark !important
.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default .x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default
color: #fff color: #fff

30
PVEDiscordDark/sass/x/_tree.sass
View File

@ -1,45 +1,45 @@
.x-tree-icon.x-tree-icon-custom .x-tree-icon.x-tree-icon-custom
&.x-tree-icon-parent-expanded.fa &.x-tree-icon-parent-expanded.fa
&.fa-server &.fa-server
color: #7289da!important color: $blurple !important
&.fa-building &.fa-building
color: #7289da!important color: $blurple !important
&.fa-database &.fa-database
color: #7289da!important color: $blurple !important
&.fa-desktop &.fa-desktop
color: #7289da!important color: $blurple !important
&.fa-cube &.fa-cube
color: #7289da!important color: $blurple !important
&.x-tree-icon-parent.fa &.x-tree-icon-parent.fa
&.fa-server &.fa-server
color: #7289da!important color: $blurple !important
&.fa-building &.fa-building
color: #7289da!important color: $blurple !important
&.fa-cube &.fa-cube
color: #7289da!important color: $blurple !important
&.fa-desktop &.fa-desktop
color: #7289da!important color: $blurple !important
&.fa-database &.fa-database
color: #7289da!important color: $blurple !important
&.x-tree-icon-leaf.fa &.x-tree-icon-leaf.fa
&.fa-cube &.fa-cube
color: #7289da!important color: $blurple !important
&.running.ha-unmanaged &.running.ha-unmanaged
color: #7289da!important color: $blurple !important
&.fa-fw.fa-unlock &.fa-fw.fa-unlock
color: white color: white
&.fa-desktop &.fa-desktop
color: #7289da!important color: $blurple !important
&.fa-database &.fa-database
color: #7289da!important color: $blurple !important
&.lock-migrate:after &.lock-migrate:after
color: $yellow color: $yellow
@ -48,4 +48,4 @@
.x-tree-icon-custom:after .x-tree-icon-custom:after
//If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) //If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
text-shadow: 0 0 0 #2c2f33 text-shadow: 0 0 0 $dark

24
PVEDiscordDark/sass/x/_treelist.sass
View File

@ -1,45 +1,45 @@
.x-treelist-item-leaf .x-treelist-item-leaf
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-container .x-treelist-container
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-row .x-treelist-row
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-row-with-icon .x-treelist-row-with-icon
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-item-expandable .x-treelist-item-expandable
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-item-wrap .x-treelist-item-wrap
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-item-text .x-treelist-item-text
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-item-icon .x-treelist-item-icon
background: #2c2f33 background: $dark
color: #fff color: #fff
.x-treelist-row-over .x-treelist-row-over
color: #ff0 color: #ff0
> * > > * >
.x-treelist-item-text .x-treelist-item-text
color: #7289da color: $blurple
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) //If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: color .5s transition: color .5s
.x-treelist-item-icon .x-treelist-item-icon
color: #7289da color: $blurple
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) //If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: color .5s transition: color .5s
@ -52,7 +52,7 @@
.x-treelist-item-selected > .x-treelist-row .x-treelist-item-selected > .x-treelist-row
background-color: #23272a background-color: $darker
.x-treelist-item-selected > div > div > div .x-treelist-item-selected > div > div > div
color: #7289da color: $blurple

4
PVEDiscordDark/sass/x/_viewport.sass
View File

@ -1,4 +1,4 @@
.x-viewport .x-viewport
background: #23272a background: $darker
> .x-body > .x-body
background: #23272a background: $darker

14
PVEDiscordDark/sass/x/_window.sass
View File

@ -1,21 +1,21 @@
.x-window-body .x-window-body
background: #23272a background: $darker
border-bottom-width: 0 border-bottom-width: 0
border-right-width: 0 border-right-width: 0
.x-window-default .x-window-default
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) //If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 border-radius: 0
background-color: #23272a background-color: $darker
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) //If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: none box-shadow: none
border-color: #23272a border-color: $darker
border-style: none border-style: none
border-width: 0 border-width: 0
padding: 0 padding: 0
.x-window-default-mc .x-window-default-mc
background-color: #23272a background-color: $darker
.x-window-body-default .x-window-body-default
color: white color: white
@ -30,7 +30,7 @@
border-bottom-right-radius: 0 !important border-bottom-right-radius: 0 !important
//If you use compass, instead of the line below you could use + border-bottom-left-radius($radius) //If you use compass, instead of the line below you could use + border-bottom-left-radius($radius)
border-bottom-left-radius: 0 !important border-bottom-left-radius: 0 !important
background-color: #23272a background-color: $darker
border-width: 0 !important border-width: 0 !important
padding: 9px padding: 9px
@ -38,9 +38,9 @@
color: #fff 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 .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 background: $darker
border-bottom-width: 0 border-bottom-width: 0
border-right-width: 0 border-right-width: 0
.x-message-box .x-window-body .x-message-box .x-window-body
background-color: #2c2f33 background-color: $dark
Write Preview
Loading…
Cancel
Save