├── LICENSE
├── PBSDiscordDark.sh
├── PBSDiscordDark
    ├── images
    │   ├── dd_arrows.png
    │   ├── dd_cephblurp.png
    │   ├── dd_cephwhite.png
    │   ├── dd_clear-trigger.png
    │   ├── dd_default-toolbar-small-arrow.png
    │   ├── dd_default-toolbar-small-s-arrow.png
    │   ├── dd_icon-cd.png
    │   ├── dd_icon-cdblurp.png
    │   ├── dd_icon-cloud.png
    │   ├── dd_icon-cpu.png
    │   ├── dd_icon-die.svg
    │   ├── dd_icon-display.png
    │   ├── dd_icon-hdd.png
    │   ├── dd_icon-network.png
    │   ├── dd_icon-pci.png
    │   ├── dd_icon-ram.png
    │   ├── dd_icon-serial.png
    │   ├── dd_icon-swap.png
    │   ├── dd_icon-usb.png
    │   ├── dd_loading.svg
    │   ├── dd_logo-128.png
    │   ├── dd_logo.png
    │   ├── dd_logo_blurp.png
    │   ├── dd_mini-bottom.png
    │   ├── dd_mini-top.png
    │   ├── dd_readme
    │   ├── dd_tool-sprites.png
    │   └── dd_trigger.png
    ├── js
    │   └── PBSDiscordDark.js
    └── sass
    │   ├── PBSDiscordDark.css
    │   ├── PBSDiscordDark.sass
    │   ├── _vars.sass
    │   ├── proxmox
    │       ├── _proxmoxRRDChart.sass
    │       ├── _pveCeph.sass
    │       └── _pveDc.sass
    │   ├── special
    │       ├── _borders.sass
    │       ├── _icons.sass
    │       ├── _proxmox.sass
    │       └── _specific.sass
    │   └── x
    │       ├── _autocontainer.sass
    │       ├── _body.sass
    │       ├── _boundlist.sass
    │       ├── _box.sass
    │       ├── _btn.sass
    │       ├── _column.sass
    │       ├── _component.sass
    │       ├── _datepicker.sass
    │       ├── _form.sass
    │       ├── _grid.sass
    │       ├── _legend.sass
    │       ├── _mask.sass
    │       ├── _menu.sass
    │       ├── _misc.sass
    │       ├── _panel.sass
    │       ├── _progress.sass
    │       ├── _splitter.sass
    │       ├── _tab.sass
    │       ├── _tip.sass
    │       ├── _title.sass
    │       ├── _toolbar.sass
    │       ├── _tree.sass
    │       ├── _treelist.sass
    │       ├── _viewport.sass
    │       └── _window.sass
├── README.md
├── UtilityUpdater.sh
└── meta
    ├── imagelist
    └── supported


/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/PBSDiscordDark.sh:
--------------------------------------------------------------------------------
  1 | #!/bin/bash
  2 | # https://github.com/Luckyvb/PBSDiscordDark
  3 | 
  4 | #region Consts
  5 | RED='\033[0;31m'
  6 | BRED='\033[0;31m\033[1m'
  7 | GRN='\033[92m'
  8 | WARN='\033[93m'
  9 | BOLD='\033[1m'
 10 | REG='\033[0m'
 11 | CHECKMARK='\033[0;32m\xE2\x9C\x94\033[0m'
 12 | 
 13 | TEMPLATE_FILE="/usr/share/javascript/proxmox-backup/index.hbs"
 14 | SCRIPTPATH="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)/$(basename "${BASH_SOURCE[0]}")"
 15 | 
 16 | REPO=${REPO:-"Luckyvb/PBSDiscordDark"}
 17 | DEFAULT_TAG="master"
 18 | TAG=${TAG:-$DEFAULT_TAG}
 19 | BASE_URL="https://raw.githubusercontent.com/$REPO/$TAG"
 20 | #endregion Consts
 21 | 
 22 | #region Prerun checks
 23 | hash sed 2>/dev/null || { 
 24 |     echo -e >&2 "${BRED}sed is required but missing from your system${REG}";
 25 |     exit 1;
 26 | }
 27 | 
 28 | hash curl 2>/dev/null || { 
 29 |     echo -e >&2 "${BRED}cURL is required but missing from your system${REG}";
 30 |     exit 1;
 31 | }
 32 | 
 33 | #echo -e >&2 "${pbsversion}"
 34 | #hash proxmox-backup-manager versions 2>/dev/null || { 
 35 | #    echo -e >&2 "${BRED}PBS installation required but missing from your system${REG}";
 36 | #    exit 1;
 37 | #}
 38 | 
 39 | curl -sSf -f https://github.com/robots.txt &> /dev/null || {
 40 |     echo -e >&2 "${BRED}Could not establish a connection to GitHub (github.com)${REG}";
 41 |     exit 1;
 42 | }
 43 | 
 44 | if [ $TAG != $DEFAULT_TAG ]; then
 45 |     if !([[ $TAG =~ [0-9] ]] && [ ${#TAG} -ge 7 ] && (! [[ $TAG =~ ['!@#$%^&*()_+.'] ]]) ); then 
 46 |         echo -e "${WARN}It appears like you are using a non-default tag. For security purposes, please use the SHA-1 hash of said tag instead${REG}"
 47 |     fi
 48 | fi
 49 | #endregion Prerun checks
 50 | 
 51 | PBSVersion=$(proxmox-backup-manager versions | grep proxmox-backup-server | cut -c 23- | cut -c -7) # Below pbsversion pre-run check
 52 | PBSVersionMajor=$(echo $PBSVersion | cut -d'-' -f1)
 53 | 
 54 | #region Helper functions
 55 | function checkSupported {
 56 |     local SUPPORTED=$(curl -f -s "$BASE_URL/meta/supported")
 57 |     if [ -z "$SUPPORTED" ]; then
 58 |         echo -e "${WARN}Could not reach supported version file ($BASE_URL/meta/supported). Skipping support check.${REG}"
 59 |     else
 60 |         local SUPPORTEDARR=($(echo "$SUPPORTED" | tr ',' '\n'))
 61 |         if ! (printf '%s\n' "${SUPPORTEDARR[@]}" | grep -q -P "$PBSVersionMajor"); then
 62 |             echo -e "${WARN}You might encounter issues because your version ($PBSVersionMajor) is not matching currently supported versions ($SUPPORTED)."
 63 |             echo -e "If you do run into any issues on >newer< versions, please consider opening an issue at https://github.com/Luckyvb/PBSDiscordDark/issues.${REG}"
 64 |         fi
 65 |     fi
 66 | }
 67 | 
 68 | function isInstalled {
 69 |     if (grep -Fq "<link rel='stylesheet' type='text/css' href='/css/dd_style.css'>" $TEMPLATE_FILE &&
 70 |         grep -Fq "<script type='text/javascript' src='/js/dd_patcher.js'></script>" $TEMPLATE_FILE &&
 71 |         [ -f "/usr/share/javascript/proxmox-backup/css/dd_style.css" ] && [ -f "/usr/share/javascript/proxmox-backup/js/dd_patcher.js" ]); then 
 72 |         true
 73 |     else 
 74 |         false
 75 |     fi
 76 | }
 77 | 
 78 | #endregion Helper functions
 79 | 
 80 | #region Main functions
 81 | function usage {
 82 |     if [ "$_silent" = false ]; then
 83 |         echo -e "Usage: $0 [OPTIONS...] {COMMAND}\n"
 84 |         echo -e "Manages the PBSDiscordDark theme."
 85 |         echo -e "  -h --help            Show this help"
 86 |         echo -e "  -s --silent          Silent mode\n"
 87 |         echo -e "Commands:"
 88 |         echo -e "  status               Check current theme status (in silent mode, returns 0 if installed, and 1 if not installed)"
 89 |         echo -e "  install              Install the theme"
 90 |         echo -e "  uninstall            Uninstall the theme"
 91 |         echo -e "  update               Update the theme (runs uninstall, then install)"
 92 |     #    echo -e "  utility-update       Update this utility\n" (to be implemented)
 93 |         echo -e "Exit status:"
 94 |         echo -e "  0                    OK"
 95 |         echo -e "  1                    Failure"
 96 |         echo -e "  2                    Already installed, OR not installed (when using install/uninstall commands)\n"
 97 |         echo -e "Report issues at: <https://github.com/Luckyvb/PBSDiscordDark/issues>"
 98 |     fi
 99 | }
100 | 
101 | function status {
102 |     if [ "$_silent" = false ]; then
103 |         echo -e "Theme"
104 |         if isInstalled; then
105 |             echo -e "  Status:      ${GRN}present${REG}"
106 |         else
107 |             echo -e "  Status:      ${RED}not present${REG}"
108 |         fi
109 |         echo -e "  CSS:         $(sha256sum /usr/share/javascript/proxmox-backup/css/dd_style.css 2>/dev/null  || echo N/A)"
110 |         echo -e "  JS:          $(sha256sum /usr/share/javascript/proxmox-backup/js/dd_patcher.js 2>/dev/null  || echo N/A)\n"
111 |         echo -e "PBS"
112 |         echo -e "  Version:     $PBSVersion (major $PBSVersionMajor)\n"
113 |         echo -e "Utility hash:  $(sha256sum $SCRIPTPATH 2>/dev/null  || echo N/A)"
114 |         exit 0
115 |     else 
116 |         if isInstalled; then exit 0; else exit 1; fi
117 |     fi
118 | }
119 | 
120 | function install {
121 |     if isInstalled; then
122 |         if [ "$_silent" = false ]; then echo -e "${RED}Theme already installed${REG}"; fi
123 |         exit 2
124 |     else
125 |         if [ "$_silent" = false ]; then checkSupported; fi
126 | 
127 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Backing up template file"; fi
128 |         cp $TEMPLATE_FILE $TEMPLATE_FILE.bak
129 | 
130 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Downloading stylesheet"; fi
131 |         curl -s $BASE_URL/PBSDiscordDark/sass/PBSDiscordDark.css > /usr/share/javascript/proxmox-backup/css/dd_style.css
132 | 
133 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Downloading patcher"; fi
134 |         curl -s $BASE_URL/PBSDiscordDark/js/PBSDiscordDark.js > /usr/share/javascript/proxmox-backup/js/dd_patcher.js
135 | 
136 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Applying changes to template file"; fi
137 |         if !(grep -Fq "<link rel='stylesheet' type='text/css' href='/css/dd_style.css'>" $TEMPLATE_FILE); then
138 |             echo "<link rel='stylesheet' type='text/css' href='/css/dd_style.css'>" >> $TEMPLATE_FILE
139 |         fi 
140 |         if !(grep -Fq "<script type='text/javascript' src='/js/dd_patcher.js'></script>" $TEMPLATE_FILE); then
141 |             echo "<script type='text/javascript' src='/js/dd_patcher.js'></script>" >> $TEMPLATE_FILE
142 |         fi 
143 | 
144 |         local IMAGELIST=$(curl -f -s "$BASE_URL/meta/imagelist")
145 |         local IMAGELISTARR=($(echo "$IMAGELIST" | tr ',' '\n'))
146 |         if [ "$_silent" = false ]; then echo -e "Downloading images (0/${#IMAGELISTARR[@]})"; fi
147 |         ITER=0
148 |         for image in "${IMAGELISTARR[@]}"
149 |         do
150 |                 curl -s $BASE_URL/PBSDiscordDark/images/$image > /usr/share/javascript/proxmox-backup/images/$image
151 |                 ((ITER++))
152 |                 if [ "$_silent" = false ]; then echo -e "\e[1A\e[KDownloading images ($ITER/${#IMAGELISTARR[@]})"; fi
153 |         done
154 |         if [ "$_silent" = false ]; then echo -e "\e[1A\e[K${CHECKMARK} Downloading images (${#IMAGELISTARR[@]}/${#IMAGELISTARR[@]})"; fi
155 | 
156 |         if [ "$_silent" = false ]; then echo -e "Theme installed."; fi
157 |         if [ "$_noexit" = false ]; then exit 0; fi
158 |     fi
159 | }
160 | 
161 | function uninstall {
162 |     if ! isInstalled; then
163 |         echo -e "${RED}Theme not installed${REG}"
164 |         exit 2
165 |     else
166 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Removing stylesheet"; fi
167 |         rm /usr/share/javascript/proxmox-backup/css/dd_style.css
168 | 
169 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Removing patcher"; fi
170 |         rm /usr/share/javascript/proxmox-backup/js/dd_patcher.js
171 | 
172 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Reverting changes to template file"; fi
173 |         sed -i "/<link rel='stylesheet' type='text\/css' href='\/css\/dd_style.css'>/d" /usr/share/javascript/proxmox-backup/index.hbs
174 |         sed -i "/<script type='text\/javascript' src='\/js\/dd_patcher.js'><\/script>/d" /usr/share/javascript/proxmox-backup/index.hbs
175 | 
176 |         if [ "$_silent" = false ]; then echo -e "${CHECKMARK} Removing images"; fi
177 |         rm /usr/share/javascript/proxmox-backup/images/dd_*
178 | 
179 |         if [ "$_silent" = false ]; then echo -e "Theme uninstalled."; fi
180 |         if [ "$_noexit" = false ]; then exit 0; fi
181 |     fi
182 | }
183 | 
184 | #endregion Main functions
185 | 
186 | _silent=false
187 | _command=false
188 | _noexit=false
189 | 
190 | parse_cli()
191 | {
192 |   while test $# -gt -0
193 |   do
194 |     _key="$1"
195 |     case "$_key" in
196 |       -h|--help)
197 |         usage
198 |         exit 0
199 |         ;;
200 |       -s|--silent)
201 |         _silent=true
202 |         ;;
203 |       status)
204 |         if [ "$_command" = false ]; then
205 |           _command=true
206 |           status
207 |         fi
208 |         ;;
209 |       install)
210 |         if [ "$_command" = false ]; then
211 |           _command=true
212 |           install
213 |           exit 0
214 |         fi
215 |         ;;
216 |       uninstall)
217 |         if [ "$_command" = false ]; then
218 |           _command=true
219 |           uninstall
220 |           exit 0
221 |         fi
222 |         ;;
223 |       update)
224 |         if [ "$_command" = false ]; then
225 |           _command=true
226 |           _noexit=true
227 |           uninstall
228 |           install
229 |           exit 0
230 |         fi
231 |         ;;
232 |       *)
233 |         echo -e "${BRED}Error: Got an unexpected argument \"$_key\"${REG}\n";
234 |         usage;
235 |         exit 1;
236 |         ;;
237 |       esac
238 |     shift
239 |   done
240 | }
241 | 
242 | parse_cli "$@"
243 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_arrows.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_arrows.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_cephblurp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_cephblurp.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_cephwhite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_cephwhite.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_clear-trigger.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_clear-trigger.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_default-toolbar-small-arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_default-toolbar-small-arrow.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_default-toolbar-small-s-arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_default-toolbar-small-s-arrow.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-cd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-cd.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-cdblurp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-cdblurp.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-cloud.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-cloud.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-cpu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-cpu.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-die.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
11 |    sodipodi:docname="icon-die.svg"
12 |    id="svg41"
13 |    version="1.1"
14 |    viewBox="0 0 211.66667 211.66667"
15 |    height="800"
16 |    width="800">
17 |   <metadata
18 |      id="metadata47">
19 |     <rdf:RDF>
20 |       <cc:Work
21 |          rdf:about="">
22 |         <dc:format>image/svg+xml</dc:format>
23 |         <dc:type
24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
25 |       </cc:Work>
26 |     </rdf:RDF>
27 |   </metadata>
28 |   <defs
29 |      id="defs45" />
30 |   <sodipodi:namedview
31 |      inkscape:current-layer="layer1"
32 |      inkscape:window-maximized="0"
33 |      inkscape:window-y="302"
34 |      inkscape:window-x="750"
35 |      inkscape:cy="400"
36 |      inkscape:cx="218.82353"
37 |      inkscape:zoom="1.0625"
38 |      showgrid="false"
39 |      id="namedview43"
40 |      inkscape:window-height="480"
41 |      inkscape:window-width="820"
42 |      inkscape:pageshadow="2"
43 |      inkscape:pageopacity="0"
44 |      guidetolerance="10"
45 |      gridtolerance="10"
46 |      objecttolerance="10"
47 |      borderopacity="1"
48 |      bordercolor="#666666"
49 |      pagecolor="#ffffff" />
50 |   <g
51 |      transform="translate(0,-85.333333)"
52 |      id="layer1">
53 |     <rect
54 |        ry="25.09997"
55 |        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"
56 |        y="101.96732"
57 |        x="16.633987"
58 |        height="178.39868"
59 |        width="178.3987"
60 |        id="rect3852" />
61 |     <circle
62 |        r="18"
63 |        cy="191.16667"
64 |        cx="105.83334"
65 |        id="path4663"
66 |        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" />
67 |     <circle
68 |        r="18"
69 |        cy="235.16634"
70 |        cx="149.83366"
71 |        id="path4663-3"
72 |        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" />
73 |     <circle
74 |        r="18"
75 |        cy="147.16634"
76 |        cx="61.833668"
77 |        id="path4663-6"
78 |        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" />
79 |   </g>
80 | </svg>
81 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-display.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-display.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-hdd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-hdd.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-network.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-network.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-pci.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-pci.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-ram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-ram.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-serial.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-serial.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-swap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-swap.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_icon-usb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_icon-usb.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_loading.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
 3 | <g transform="rotate(0 50 50)">
 4 |   <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
 5 |     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8571428571428571s" repeatCount="indefinite"></animate>
 6 |   </rect>
 7 | </g><g transform="rotate(51.42857142857143 50 50)">
 8 |   <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
 9 |     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7142857142857143s" repeatCount="indefinite"></animate>
10 |   </rect>
11 | </g><g transform="rotate(102.85714285714286 50 50)">
12 |   <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
13 |     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5714285714285714s" repeatCount="indefinite"></animate>
14 |   </rect>
15 | </g><g transform="rotate(154.28571428571428 50 50)">
16 |   <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
17 |     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.42857142857142855s" repeatCount="indefinite"></animate>
18 |   </rect>
19 | </g><g transform="rotate(205.71428571428572 50 50)">
20 |   <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
21 |     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2857142857142857s" repeatCount="indefinite"></animate>
22 |   </rect>
23 | </g><g transform="rotate(257.14285714285717 50 50)">
24 |   <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
25 |     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.14285714285714285s" repeatCount="indefinite"></animate>
26 |   </rect>
27 | </g><g transform="rotate(308.57142857142856 50 50)">
28 |   <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
29 |     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
30 |   </rect>
31 | </g>
32 | <!-- [ldio] generated by https://loading.io/ --></svg>


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_logo-128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_logo-128.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_logo.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_logo_blurp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_logo_blurp.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_mini-bottom.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_mini-bottom.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_mini-top.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_mini-top.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_readme:
--------------------------------------------------------------------------------
1 | Images with 'dd' prefix are from the 'PBSDiscordDark' Proxmox theme which can be found here - https://github.com/Luckyvb/PBSDiscordDark
2 | The theme does NOT replace any existing images but instead adds new images that the stylesheet will use. 
3 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_tool-sprites.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_tool-sprites.png


--------------------------------------------------------------------------------
/PBSDiscordDark/images/dd_trigger.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/9913f4ecd08258c7b0c061f45018a2bfafe2ce43/PBSDiscordDark/images/dd_trigger.png


--------------------------------------------------------------------------------
/PBSDiscordDark/js/PBSDiscordDark.js:
--------------------------------------------------------------------------------
  1 | const swapLogo = async function() {
  2 | 	const imgElements = document.getElementsByTagName('img');
  3 | 	var found = false;
  4 | 	for (var i = 0; i < imgElements.length; i++) {
  5 | 		var node = imgElements[i]
  6 | 		if (node.src.includes('proxmox_logo.png')) {
  7 | 			found = true;
  8 | 			var width = (node.parentElement.clientWidth == undefined || node.parentElement.clientWidth == 0) ? 172 : node.parentElement.clientWidth;
  9 | 			var height = (node.parentElement.clientHeight == undefined || node.parentElement.clientHeight == 0) ? 30 : node.parentElement.clientHeight;
 10 | 			node.parentElement.parentElement.style.background = '#23272A';
 11 | 			node.setAttribute('height', `${height}px`);
 12 | 			node.setAttribute('width', `${width}px`);
 13 | 			node.setAttribute('src', '/images/dd_logo.png');
 14 | 		}
 15 | 	}
 16 | 	if (!found) {
 17 | 		await new Promise(resolve => setTimeout(resolve, 60));
 18 | 		await swapLogo();
 19 | 	};
 20 | };
 21 | 
 22 | const swapFavIcon = async function() {
 23 | 	const lnkElements = document.getElementsByTagName('link');
 24 | 	var found = false;
 25 | 	for (var i = 0; i < lnkElements.length; i++) {
 26 | 		var node = lnkElements[i]
 27 | 		if (node.getAttribute('rel') == 'icon' && node.getAttribute('href') == '/images/logo-128.png') {
 28 | 			found = true;
 29 | 			node.setAttribute('href', '/images/dd_logo-128.png');
 30 | 			i = lnkElements.length;
 31 | 		}
 32 | 	}
 33 | 	if (!found) {
 34 | 		await new Promise(resolve => setTimeout(resolve, 60));
 35 | 		await swapFavIcon();
 36 | 	};
 37 | };
 38 | 
 39 | const swapFavAppleIcon = async function() {
 40 | 	const lnkElements = document.getElementsByTagName('link');
 41 | 	var found = false;
 42 | 	for (var i = 0; i < lnkElements.length; i++) {
 43 | 		var node = lnkElements[i]
 44 | 		if (node.getAttribute('rel') == 'apple-touch-icon' && node.getAttribute('href') == '/pve2/images/logo-128.png') {
 45 | 			found = true;
 46 | 			node.setAttribute('href', '/images/dd_logo-128.png');
 47 | 			i = lnkElements.length;
 48 | 		}
 49 | 	}
 50 | 	if (!found) {
 51 | 		await new Promise(resolve => setTimeout(resolve, 60));
 52 | 		await swapFavIcon();
 53 | 	};
 54 | };
 55 | 
 56 | const patchCharts = function() {
 57 | 	Ext.chart.theme.Base.prototype.config.chart.defaults.background = '#23272a';
 58 | 	Ext.chart.theme.Base.prototype.config.axis.defaults.label.color = 'white';
 59 | 	Ext.chart.theme.Base.prototype.config.axis.defaults.title.color = 'white';
 60 | 	Ext.chart.theme.Base.prototype.config.axis.defaults.style.strokeStyle = '#7289DA';
 61 | 	Ext.chart.theme.Base.prototype.config.axis.defaults.grid.strokeStyle = 'rgba(44, 47, 51, 1)';
 62 | 	Ext.chart.theme.Base.prototype.config.sprites.text.color = 'white';
 63 | };
 64 | 
 65 | function patchGaugeWidget() {
 66 | 	Proxmox.panel.GaugeWidget.prototype.backgroundColor = '#2C2F33';
 67 | 	Proxmox.panel.GaugeWidget.prototype.criticalColor = '#f04747';
 68 | 	Proxmox.panel.GaugeWidget.prototype.warningColor = '#faa61a';
 69 | 	Proxmox.panel.GaugeWidget.prototype.defaultColor = '#7289DA';
 70 | 	Proxmox.panel.GaugeWidget.prototype.items[1].series[0].colors[0] = '#2C2F33';
 71 | };
 72 | 
 73 | function patchBackupConfig() {
 74 | 	//PBS.window.BackupConfig.prototype.items.style['background-color'] = '#23272a';
 75 | };
 76 | 
 77 | function patchDiskSmartWindow() {
 78 | 	const target = PBS.DiskSmartWindow || Proxmox.window.DiskSmart;
 79 | 	target.prototype.items[1].style['background-color'] = '#23272a';
 80 | }
 81 | 
 82 | function patchTFAEdit() {
 83 | 	//PBS.window.TFAEdit.prototype.items[0].items[0].items[1].style["background-color"] = 'transparent';
 84 | }
 85 | 
 86 | function patchCreateWidget() {
 87 | 	_createWidget = Ext.createWidget
 88 | 	Ext.createWidget = function(c, p) {
 89 | 		if (typeof p === 'object' && typeof p.style === 'object') {
 90 | 			if (c === 'component' && typeof p.style['background-color'] === 'string' && p.style['background-color'] === 'white') p.style['background-color'] = '#2C2F33'
 91 | 		}
 92 | 		return _createWidget(c, p)
 93 | 	}
 94 | }
 95 | 
 96 | swapLogo();
 97 | swapFavIcon();
 98 | swapFavAppleIcon();
 99 | patchCharts();
100 | patchGaugeWidget();
101 | patchBackupConfig();
102 | patchDiskSmartWindow();
103 | patchTFAEdit();
104 | patchCreateWidget();
105 | console.log('PBSDiscordDark :: Patched');
106 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/PBSDiscordDark.css:
--------------------------------------------------------------------------------
1 | .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("/images/dd_trigger.png") no-repeat}.pmx-clear-trigger{background-image:url("/images/dd_clear-trigger.png")}.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:hover,.x-grid-item.x-grid-item-selected{background-color:#4A4D53}.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("/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-grid-icon-custom.lock-migrate:after{color:#faa61a}.x-grid-empty{background-color:inherit;color:#fff}.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>*>.x-treelist-item-icon.pve-itype-treelist-item-icon-cdrom{content:' ';background:url("/images/dd_icon-cdblurp.png") no-repeat;background-size:16px 16px;-webkit-transition:background .5s;transition:background .5s;height:16px;top:50%}.x-treelist-row-over>*>.fa-ceph:before{background-image:url("/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-treelist-item-selected>div>div>.pve-itype-treelist-item-icon-cdrom{content:' ';background:url("/images/dd_icon-cdblurp.png") no-repeat;background-size:16px 16px;-webkit-transition:background .5s;transition:background .5s;height:16px;top:50%}.x-treelist-item-selected>div>div>.x-treelist-item-icon.fa.fa-ceph:before{background-image:url("/images/dd_cephblurp.png");background-size:14px 14px;-webkit-transition:background-image .5s;transition:background-image .5s}.x-treelist-item-selected>div>div>div{color:#7289da}.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,.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.x-btn-menu-active.x-btn-default-toolbar-small,.x-btn.x-btn.x-btn-pressed.x-btn-default-toolbar-small{background-color:#677bc4}.x-btn-over.x-btn-default-toolbar-small{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,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-send-o,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v,.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-refresh{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-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,.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear{color:#fff}.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after{background-image:url("/images/dd_default-toolbar-small-arrow.png")}.x-btn-wrap-default-toolbar-small.x-btn-split-right:after{background-image:url("/images/dd_default-toolbar-small-s-arrow.png")}.x-column-header-inner{background:#23272a;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-message-box .x-window-body{background-color:#2C2F33}.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:1px solid #23272a}.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-building,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-folder,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-floppy-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-group,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-user,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-user-o,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-bar-chart{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,.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,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-download{color:#faa61a}.x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal,.x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop,.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-stop{color:#d23d3f}.x-menu-item-default.x-menu-item-separator{height:0;border-top-width:0;margin:0;padding:0}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}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}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;background:#23272a}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}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}.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{color:#7289da !important}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-fw.fa-unlock{color:white}.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.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-file-o:before{color:rgba(114,137,218,0.6)}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-file-o:after{color:#7289da;background:transparent;text-shadow:none}.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-building.online:before{color:#7289da}.x-tree-icon.x-tree-icon-custom.lock-migrate:after{color:#faa61a}.x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before,.x-tree-icon-parent:not(.x-tree-icon-custom):before{color:white}.x-tree-icon-custom:after{text-shadow:0 0 0 #2C2F33}.x-tree-arrows .x-tree-expander{background-image:url("/images/dd_arrows.png")}.x-progress{background:#2C2F33}.x-progress-default .x-progress-bar-default{background-color:#43b581}.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-color:transparent}.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}.x-css-shadow{display:none}.critical{color:#ba2b2d}.warning{color:#faa61a}.install-mask{color:white;background-color:#23272a}.x-splitter{background:#23272a}.x-splitter-collapsed .x-layout-split-bottom{background-image:url("/images/dd_mini-top.png")}.x-boundlist-item{color:white;background-color:#2C2F33;border:none}.x-boundlist-item:hover{background-color:#4A4D53}.x-boundlist-item.x-boundlist-selected{background-color:#4A4D53}.x-boundlist{border-color:#23272a}.x-datepicker-column-header-inner{background-color:#2C2F33;color:white}.x-datepicker{border:none}.x-datepicker-date{background-color:#2C2F33;color:white;border:none}.x-datepicker-cell{border:0.5px solid #4A4D53}.x-datepicker-header{background-color:#23272a}.x-datepicker-footer{background-color:#2C2F33}.x-monthpicker,.x-monthpicker-buttons{color:white;border:none;background-color:#2C2F33}.x-monthpicker-item-inner{color:white;border:none;opacity:0.9}.x-monthpicker-months{border-color:#23272a}.x-monthpicker-selected,.x-datepicker-selected div.x-datepicker-date{border:none !important;color:white !important;opacity:1;background-color:#4A4D53 !important}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}div[id^="pveDcSummary-"][id$="-innerCt"]>div:nth-child(4)>div:nth-child(3){border:1px solid #23272a}div[id^="proxmoxRRDChart-"]>div:nth-child(3)>div{background-color:#23272a}div[id^="pveCephInstallWindow-"][id$="-innerCt"] div div div div{background:#23272a}#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^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div{background-color:#2C2F33}div[id^="pveGuestStatusView-"][id$="-body"]{background:#23272a}div[id^="pveStorageStatusView-"][id$="-body"]{background:#23272a}div[id^="pveNotesView-"][id$="-innerCt"]{background:#23272a}[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}a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]:before,span[id^="proxmoxButton-"][id$="-btnEl"] span[class*="fa-undo"]:before{color:#faa61a}a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]:before{color:#ba2b2d}#userinfo.x-btn{background-color:transparent !important;border:1px solid #d23d3f !important}div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]{background:#2C2F33}div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]>a[class*="x-menu-item-focus"]{background:#23272a}div[id="menu-1029-targetEl"]>div[class*="x-menu-item"]>div[class*="x-menu-item"]>a[aria-disabled="true"]{opacity:0.5;background:#23272a}.pve-itype-icon-processor,.pmx-itype-icon-processor{background-image:url("/images/dd_icon-cpu.png")}.pve-itype-icon-memory,.pmx-itype-icon-memory{background-image:url("/images/dd_icon-ram.png")}.pve-itype-icon-storage{background-image:url("/images/dd_icon-hdd.png")}.pve-itype-icon-swap{background-image:url("/images/dd_icon-swap.png")}.pve-itype-icon-display{background-image:url("/images/dd_icon-display.png")}.x-grid-row-console{background-image:url("/images/dd_icon-display.png")}.pve-itype-icon-cdrom{background-image:url("/images/dd_icon-cd.png")}.pve-itype-treelist-item-icon-cdrom{content:' ';background:url("/images/dd_icon-cd.png") no-repeat;background-size:16px 16px;-webkit-transition:background 2s;transition:background 2s;height:16px;top:50%}.pve-itype-icon-network{background-image:url("/images/dd_icon-network.png")}.pve-itype-icon-pci{background-image:url("/images/dd_icon-pci.png")}.pve-itype-icon-usb{background-image:url("/images/dd_icon-usb.png")}.pve-itype-icon-serial{background-image:url("/images/dd_icon-serial.png")}.pve-itype-icon-cloud{background-image:url("/images/dd_icon-cloud.png")}.pve-itype-icon-die{background-image:url("/images/dd_icon-die.svg")}.fa-exchange:before{color:white}.fa-usb:before{color:white}.fa-hdd-o:before{color:white}.fa-cloud:before{color:white}.x-treelist-item-icon.fa:before{color:inherit}.fa-volume-up:before{color:white}.fa-ceph:before{background-image:url("/images/dd_cephwhite.png")}.fa-sign-out:before{color:#ba2b2d}.fa-language:before{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}.fa-fw.x-grid-icon-custom.fa.fa-file-o:before{color:rgba(114,137,218,0.6)}.fa-fw.x-grid-icon-custom.fa.fa-file-o:after{color:#7289da;background:transparent;text-shadow:none}.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("/images/dd_tool-sprites.png") !important}.x-layout-split-bottom{background-image:url("/images/dd_mini-bottom.png") !important}.pmx-hint{color:#faa61a;background-color:transparent}div[id^="PVE-lxc-Config-"]:not([id$="-body"])>div:nth-child(1),div[id^="PVE-qemu-Config-"]:not([id$="-body"])>div:nth-child(1),div[id^="PVE-node-Config-"]:not([id$="-body"])>div:nth-child(1),div[id^="PVE-dc-Config-"]:not([id$="-body"])>div:nth-child(1),div[id^="PVE-storage-Browser"]:not([id$="-body"])>div:nth-child(1),div[id^="pvePanelConfig"]:not([id$="-body"])>div:nth-child(1){border-bottom:3px solid #23272a !important}div[id^="PVE-node-Config-"][id$="-body"],div[id^="PVE-dc-Config-"][id$="-body"],div[id^="PVE-qemu-Config-"][id$="-body"],div[id^="PVE-lxc-Config-"][id$="-body"],div[id^="PVE-storage-Browser"][id$="-body"],div[id^="pvePanelConfig"][id$="-body"]{border-left:3px solid #23272a !important}html{overflow:scroll;overflow-x:hidden}*{font-weight:350}::-webkit-scrollbar{width:0;height:6px;background:#4A4D53}::-webkit-scrollbar:hover{background:#23272a}a{color:white}
2 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/PBSDiscordDark.sass:
--------------------------------------------------------------------------------
 1 | @import './_vars.sass'
 2 | 
 3 | @import './x/_body.sass'
 4 | @import './x/_form.sass'
 5 | @import './x/_grid.sass'
 6 | @import './x/_box.sass'
 7 | @import './x/_treelist.sass'
 8 | @import './x/_legend.sass'
 9 | @import './x/_panel.sass'
10 | @import './x/_toolbar.sass'
11 | @import './x/_btn.sass'
12 | @import './x/_column.sass'
13 | @import './x/_tab.sass'
14 | @import './x/_window.sass'
15 | @import './x/_viewport.sass'
16 | @import './x/_menu.sass'
17 | @import './x/_tree.sass'
18 | @import './x/_progress.sass'
19 | @import './x/_tip.sass'
20 | @import './x/_component.sass'
21 | @import './x/_autocontainer.sass'
22 | @import './x/_title.sass'
23 | @import './x/_mask.sass'
24 | @import './x/_misc.sass'
25 | @import './x/_splitter.sass'
26 | @import './x/_boundlist.sass'
27 | @import './x/_datepicker.sass'
28 | 
29 | @import './proxmox/_pveDc.sass'
30 | @import './proxmox/_proxmoxRRDChart.sass'
31 | @import './proxmox/_pveCeph.sass'
32 | 
33 | @import './special/_specific.sass'
34 | @import './special/_icons.sass'
35 | @import './special/_proxmox.sass'
36 | @import './special/_borders.sass'
37 | 
38 | html
39 |     overflow: scroll
40 |     overflow-x: hidden
41 | 
42 | *
43 |     font-weight: 350
44 | 
45 | ::-webkit-scrollbar
46 |     width: 0
47 |     height: 6px
48 |     background: $light
49 |     &:hover
50 |         background: $darker
51 | 
52 | a
53 |     color: white
54 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/_vars.sass:
--------------------------------------------------------------------------------
1 | $blurple: #7289da
2 | $green: #43b581
3 | $yellow: #faa61a
4 | $red: #ba2b2d
5 | $redlight: #d23d3f
6 | $dark: #2C2F33
7 | $darker: #23272a
8 | $light: #4A4D53
9 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/proxmox/_proxmoxRRDChart.sass:
--------------------------------------------------------------------------------
1 | div[id^="proxmoxRRDChart-"] > div:nth-child(3) > div
2 |     background-color: $darker


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/proxmox/_pveCeph.sass:
--------------------------------------------------------------------------------
1 | div[id^="pveCephInstallWindow-"][id$="-innerCt"] div div div div
2 | 	background: $darker


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/proxmox/_pveDc.sass:
--------------------------------------------------------------------------------
1 | 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
2 |     background-color: $darker
3 | 
4 | div[id^="pveDcSummary-"][id$="-innerCt"] > div:nth-child(4) > div:nth-child(3)
5 |    border: 1px solid $darker
6 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/special/_borders.sass:
--------------------------------------------------------------------------------
 1 | 
 2 | div[id^="PVE-lxc-Config-"]:not([id$="-body"]) > div:nth-child(1),
 3 | div[id^="PVE-qemu-Config-"]:not([id$="-body"]) > div:nth-child(1),
 4 | div[id^="PVE-node-Config-"]:not([id$="-body"]) > div:nth-child(1),
 5 | div[id^="PVE-dc-Config-"]:not([id$="-body"]) > div:nth-child(1),
 6 | div[id^="PVE-storage-Browser"]:not([id$="-body"]) > div:nth-child(1),
 7 | div[id^="pvePanelConfig"]:not([id$="-body"]) > div:nth-child(1)
 8 |     border-bottom: 3px solid $darker !important
 9 | 
10 | div[id^="PVE-node-Config-"][id$="-body"],
11 | div[id^="PVE-dc-Config-"][id$="-body"],
12 | div[id^="PVE-qemu-Config-"][id$="-body"],
13 | div[id^="PVE-lxc-Config-"][id$="-body"],
14 | div[id^="PVE-storage-Browser"][id$="-body"],
15 | div[id^="pvePanelConfig"][id$="-body"]
16 |     border-left: 3px solid $darker !important
17 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/special/_icons.sass:
--------------------------------------------------------------------------------
  1 | .pve-itype-icon-processor, .pmx-itype-icon-processor
  2 | 	background-image: url('/images/dd_icon-cpu.png')
  3 | 
  4 | .pve-itype-icon-memory, .pmx-itype-icon-memory
  5 | 	background-image: url('/images/dd_icon-ram.png')
  6 | 
  7 | .pve-itype-icon-storage
  8 | 	background-image: url('/images/dd_icon-hdd.png')
  9 | 
 10 | .pve-itype-icon-swap
 11 | 	background-image: url('/images/dd_icon-swap.png')
 12 | 
 13 | .pve-itype-icon-display
 14 | 	background-image: url('/images/dd_icon-display.png')
 15 | 
 16 | .x-grid-row-console
 17 | 	background-image: url('/images/dd_icon-display.png')
 18 | 
 19 | .pve-itype-icon-cdrom
 20 | 	background-image: url('/images/dd_icon-cd.png')
 21 | 
 22 | .pve-itype-treelist-item-icon-cdrom
 23 | 	content: ' '
 24 | 	background: url('/images/dd_icon-cd.png') no-repeat
 25 | 	background-size: 16px 16px
 26 | 	transition: background 2s
 27 | 	height: 16px
 28 | 	top: 50%
 29 | 	// content: url('/images/dd_icon-cd.png')
 30 | 
 31 | .pve-itype-icon-network
 32 | 	background-image: url('/images/dd_icon-network.png')
 33 | 
 34 | .pve-itype-icon-pci
 35 | 	background-image: url('/images/dd_icon-pci.png')
 36 | 
 37 | .pve-itype-icon-usb
 38 | 	background-image: url('/images/dd_icon-usb.png')
 39 | 
 40 | .pve-itype-icon-serial
 41 | 	background-image: url('/images/dd_icon-serial.png')
 42 | 
 43 | .pve-itype-icon-cloud
 44 | 	background-image: url('/images/dd_icon-cloud.png')
 45 | 
 46 | .pve-itype-icon-die
 47 | 	background-image: url('/images/dd_icon-die.svg')
 48 | 
 49 | .fa-exchange:before
 50 | 	color: white
 51 | 
 52 | .fa-usb:before
 53 | 	color: white
 54 | 
 55 | .fa-hdd-o:before
 56 | 	color: white
 57 | 
 58 | .fa-cloud:before
 59 | 	color: white
 60 | 
 61 | .x-treelist-item-icon.fa:before
 62 | 	color: inherit
 63 | 
 64 | .fa-volume-up:before
 65 | 	color: white
 66 | 
 67 | .fa-ceph:before
 68 | 	background-image: url('/images/dd_cephwhite.png')
 69 | 
 70 | .fa-sign-out:before
 71 | 	color: $red
 72 | 
 73 | .fa-language:before
 74 | 	color: white
 75 | 
 76 | .fa-building.online
 77 | 	color: $blurple !important
 78 | 
 79 | .fa-fw.x-grid-icon-custom.fa
 80 | 	&.fa-database
 81 | 		color: $blurple
 82 | 	&.fa-desktop
 83 | 		color: $blurple
 84 | 	&.fa-cube
 85 | 		color: $blurple
 86 | 	&.fa-file-o
 87 | 		&:before
 88 | 			color: rgba($blurple, 0.6)
 89 | 		&:after
 90 | 			color: $blurple
 91 | 			background: transparent
 92 | 			text-shadow: none
 93 | 
 94 | .lxc:after
 95 | 	background: transparent !important
 96 | 	color: $blurple
 97 | 	text-shadow: 0 0 0 $dark !important
 98 | 
 99 | .qemu:after
100 | 	background: transparent !important
101 | 	color: $blurple
102 | 	text-shadow: 0 0 0 $dark !important
103 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/special/_proxmox.sass:
--------------------------------------------------------------------------------
 1 | .proxmox-invalid-row
 2 | 	background-color: #401314
 3 | 
 4 | .usage
 5 | 	background-color: $blurple
 6 | 
 7 | .usage-wrapper
 8 | 	border: 1px solid $blurple
 9 | 
10 | .x-tool-img
11 | 	background-image: url('/images/dd_tool-sprites.png') !important
12 | 
13 | .x-layout-split-bottom
14 | 	background-image: url('/images/dd_mini-bottom.png') !important
15 | 
16 | .pmx-hint
17 | 	color: $yellow
18 | 	background-color: transparent


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/special/_specific.sass:
--------------------------------------------------------------------------------
 1 | #toolbar-1069-innerCt
 2 | 	background: $dark
 3 | 
 4 | #button-1030
 5 | 	background: $darker
 6 | 	border: 1px solid #d23d3f
 7 | 
 8 | #menuitem-1030-iconEl
 9 | 	color: white
10 | 
11 | #menuitem-1031-iconEl
12 | 	color: white
13 | 
14 | #menuitem-1032-iconEl
15 | 	color: white
16 | 
17 | #menuitem-1034-iconEl
18 | 	color: #c52d2f
19 | 
20 | [id^="pveNodeStatus"]
21 | 	background: $darker
22 | 
23 | div[id^="toolbar-"][id$="-innerCt"] div[id^="toolbar-"][id$="-targetEl"] div ul li div
24 |     background-color: $dark
25 | 
26 | div[id^="pveGuestStatusView-"][id$="-body"]
27 | 	background: $darker
28 | 
29 | div[id^="pveStorageStatusView-"][id$="-body"]
30 | 	background: $darker
31 | 
32 | div[id^="pveNotesView-"][id$="-innerCt"]
33 | 	background: $darker
34 | 
35 | [id^="versioninfo"]
36 | 	background: $darker
37 | 
38 | [id^="proxmoxGauge"]
39 | 	background: $darker
40 | 
41 | [id^="tooltip"]
42 | 	background: $blurple
43 | 	color: #fff
44 | 	border-width: 0
45 | 
46 | [id^="ext-quicktips-tip-body"]
47 | 	background-color: $blurple
48 | 	color: #fff
49 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
50 | 	border-radius: 0
51 | 	border-width: 0
52 | 
53 | [id^="ext-quicktips-tip-innerCt"]
54 | 	background-color: $blurple
55 | 	color: #fff
56 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
57 | 	border-radius: 0
58 | 	border-width: 0
59 | 
60 | [id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"]
61 | 	background-color: $blurple
62 | 	color: #fff
63 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
64 | 	border-radius: 0
65 | 	border-width: 0
66 | 
67 | [id^="ext-form-error"]
68 | 	background-color: $blurple
69 | 	color: #fff
70 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
71 | 	border-radius: 0
72 | 	border-width: 0
73 | 
74 | [id^="toolbar"]
75 | 	background: $dark
76 | 
77 | [id^="legend"]
78 | 	background: $darker
79 | 	border-color: red
80 | 
81 | a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-refresh"]:before, span[id^="proxmoxButton-"][id$="-btnEl"] span[class*="fa-undo"]:before
82 | 	color: $yellow
83 | 
84 | a[id^="menuitem-"][id$="-itemEl"] div[class*="fa-trash-o"]:before
85 | 	color: $red
86 | 
87 | // Userinfo button specifics
88 | #userinfo.x-btn
89 | 	background-color: transparent !important
90 | 	border: 1px solid #d23d3f !important
91 | div[id="menu-1029-targetEl"] > div[class*="x-menu-item"]
92 |     background: $dark
93 | div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"]
94 |     background: $darker
95 | div[id="menu-1029-targetEl"] > div[class*="x-menu-item"] > div[class*="x-menu-item"] > a[aria-disabled="true"]
96 |     opacity: 0.5
97 |     background: $darker


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_autocontainer.sass:
--------------------------------------------------------------------------------
1 | .x-autocontainer-innerCt
2 | 	background: $dark


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_body.sass:
--------------------------------------------------------------------------------
1 | .x-body
2 | 	color: #fff
3 | 	font-size: 13px
4 | 	line-height: 17px
5 | 	font-weight: 300
6 | 	font-family: 'helvetica', 'arial', 'verdana', 'sans-serif'
7 | 	background: #fff


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_boundlist.sass:
--------------------------------------------------------------------------------
 1 | .x-boundlist-item
 2 |   color: white
 3 |   background-color: $dark
 4 |   border: none
 5 |   &:hover
 6 |     background-color: $light
 7 |   &.x-boundlist-selected
 8 |     background-color: $light
 9 | 
10 | .x-boundlist
11 |   border-color: $darker
12 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_box.sass:
--------------------------------------------------------------------------------
 1 | .x-box-scroller
 2 | 	background: $dark !important
 3 | 
 4 | .x-box-scroller-body-vertical
 5 | 	background: $dark !important
 6 | 
 7 | .x-box-inner
 8 | 	overflow: hidden
 9 | 	position: relative
10 | 	left: 0
11 | 	top: 0
12 |     background: $darker
13 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_btn.sass:
--------------------------------------------------------------------------------
 1 | .x-btn
 2 | 	background: $blurple
 3 | 	border-width: 0
 4 | 	&.x-unselectable.x-box-item
 5 | 		&.x-toolbar-item.x-btn-default-toolbar-small
 6 | 			&.x-btn-over, &.x-btn-menu-active
 7 | 				background-color: #677bc4
 8 | 		&.x-btn-default-small.x-btn-over
 9 | 			background-color: #677bc4
10 | 	&.x-btn-menu-active.x-btn-default-toolbar-small, &.x-btn.x-btn-pressed.x-btn-default-toolbar-small
11 | 		background-color: #677bc4
12 | 
13 | .x-btn-over
14 | 	&.x-btn-default-toolbar-small
15 | 		background-color: #677bc4
16 | 
17 | .x-btn-focus
18 | 	&.x-btn-default-toolbar-small
19 | 		background-color: $blurple
20 | 
21 | .x-btn-inner
22 | 	color: #fff
23 | 	&.x-btn-inner-default-small
24 | 		color: #fff
25 | 	&.x-btn-inner-default-toolbar-small
26 | 		color: #fff
27 | 
28 | .x-btn-disabled
29 | 	background-image: none
30 | 	background-color: #737fab !important
31 | 
32 | .x-btn-icon-el
33 | 	&.x-btn-icon-el-default-toolbar-small
34 | 		&.fa
35 | 			&.fa-undo, &.fa-terminal, &.fa-send-o, &.fa-fw.fa-ellipsis-v, &.fa-refresh
36 | 				color: #fff
37 | 			&.fa-play
38 | 				color: $green
39 | 			&.fa-power-off
40 | 				color: $redlight
41 | 		&.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle
42 | 			color: #fff
43 | 	&.x-btn-icon-el-default-small.fa
44 | 		&.fa-book.x-btn-icon-el-default-toolbar-small, &.black.fa-gear
45 | 			color: #fff
46 | 
47 | .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after
48 | 	background-image: url('images/dd_default-toolbar-small-arrow.png')
49 | 
50 | .x-btn-wrap-default-toolbar-small.x-btn-split-right:after
51 | 	background-image: url('images/dd_default-toolbar-small-s-arrow.png')
52 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_column.sass:
--------------------------------------------------------------------------------
 1 | .x-column-header-inner
 2 | 	background: $darker
 3 | 	border-width: 0 !important
 4 | 
 5 | .x-column-header-default
 6 | 	background: $dark
 7 | 	border-width: 0 !important
 8 | 
 9 | .x-column-header-text-inner
10 | 	color: #fff
11 | 
12 | .x-column-header-trigger
13 | 	border-color: $darker


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_component.sass:
--------------------------------------------------------------------------------
1 | .x-component
2 | 	color: #fff
3 | 	&.x-box-item.x-component-default
4 | 		background-color: transparent
5 | 	&.x-fieldset-header-text.x-component-default
6 | 		color: #fff


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_datepicker.sass:
--------------------------------------------------------------------------------
 1 | .x-datepicker-column-header-inner
 2 |     background-color: $dark
 3 |     color: white
 4 | 
 5 | .x-datepicker
 6 |  	border: none  
 7 | 
 8 | .x-datepicker-date
 9 |     background-color: $dark
10 |     color: white
11 |     border: none
12 | 
13 | .x-datepicker-cell
14 | 	border: 0.5px solid $light
15 | 
16 | .x-datepicker-header
17 |     background-color: $darker  
18 | 
19 | .x-datepicker-footer
20 |     background-color: $dark
21 | 
22 | .x-monthpicker, .x-monthpicker-buttons
23 |     color: white
24 |     border: none
25 |     background-color: $dark
26 | 
27 | .x-monthpicker-item-inner
28 |     color: white
29 |     border: none
30 |     opacity: 0.9
31 | 
32 | .x-monthpicker-months
33 |     border-color: $darker
34 | 
35 | .x-monthpicker-selected, .x-datepicker-selected div.x-datepicker-date
36 |     border: none !important
37 |     color: white !important
38 |     opacity: 1
39 |     background-color: $light !important


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_form.sass:
--------------------------------------------------------------------------------
 1 | .x-form-text-default
 2 | 	color: #818082
 3 | 	background-color: $light
 4 | 	font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif'
 5 | 	min-height: 22px
 6 | 	padding: 0 6px 2px
 7 | 
 8 | .x-form-trigger-wrap-default
 9 | 	border-color: #cfcfcf
10 | 	border-style: solid
11 | 	border-width: 0
12 | 
13 | .x-form-trigger-default
14 | 	width: 22px
15 | 	background: 0 center #72767d url('/images/dd_trigger.png') no-repeat
16 | 
17 | .pmx-clear-trigger
18 | 	background-image: url('/images/dd_clear-trigger.png')
19 | 
20 | .x-form-display-field
21 | 	color: #707c80
22 | 
23 | .x-form-text
24 | 	color: #fff
25 | 
26 | .x-form-item-label-inner-default
27 | 	color: #fff
28 | 
29 | .x-form-item-body.x-form-item-body-default.x-form-display-field-body.x-form-display-field-body-default
30 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
31 | 	border-radius: 6px
32 | 	padding: 2px
33 | 
34 | .x-field.x-form-item.x-form-item-default.x-form-readonly.x-form-type-text
35 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
36 | 	border-radius: 6px


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_grid.sass:
--------------------------------------------------------------------------------
 1 | .x-grid-cell-inner
 2 | 	background: transparent
 3 | 	color: #fff
 4 | 
 5 | .x-grid-cell-rowbody
 6 | 	background: $dark
 7 | 	color: #fff
 8 | 
 9 | .x-grid-item
10 | 	background: $dark
11 | 	border-width: 0 !important
12 | 	&:hover, &.x-grid-item-selected
13 |     	background-color: $light
14 | 
15 | .x-grid-item-alt
16 | 	background: $darker
17 | 	border-width: 0 !important
18 | 
19 | .x-grid-header-ct
20 | 	background: $dark
21 | 	border-width: 0 !important
22 | 
23 | .x-grid-group-title
24 | 	color: #fff
25 | 
26 | .x-grid-row-loading
27 | 	background-image: url('/images/dd_loading.svg')
28 | 	background-size: 32px
29 | 
30 | .x-grid-group-hd.x-grid-group-hd-collapsible
31 | 	background: $darker
32 | 	color: #fff
33 | 	border-width: 0
34 | 
35 | .x-grid-icon-custom:after
36 | 	//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)
37 | 	text-shadow: 0 0 0 $dark
38 | 
39 | .x-grid-icon-custom.lock-migrate:after
40 | 	color: $yellow
41 | 
42 | .x-grid-empty 
43 |     background-color: inherit
44 |     color: #fff


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_legend.sass:
--------------------------------------------------------------------------------
 1 | .x-legend-item
 2 | 	background: $dark
 3 | 	color: #fff
 4 | 	border-width: 0
 5 | 
 6 | .x-legend-container
 7 | 	background: $dark
 8 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
 9 | 	border-radius: 0
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)
11 | 	box-shadow: rgba(0,0,0,0) 0 0 0
12 | 	border-width: 0
13 | 
14 | .x-legend
15 | 	&.x-docked-top .x-legend-item
16 | 		border-left: 0
17 | 		border-bottom: 0
18 | 
19 | 	&.x-docked-bottom .x-legend-item
20 | 		border-left: 0
21 | 		border-bottom: 0
22 | 
23 | 
24 | .x-legend-panel
25 | 	&.x-docked-top .x-legend-item
26 | 		border-left: 0
27 | 		border-bottom: 0
28 | 
29 | 	&.x-docked-bottom .x-legend-item
30 | 		border-left: 0
31 | 		border-bottom: 0


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_mask.sass:
--------------------------------------------------------------------------------
1 | .x-mask
2 | 	background-color: rgba(26,26,29,0.27)


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_menu.sass:
--------------------------------------------------------------------------------
 1 | .x-menu-item-focus
 2 | 	background-color: #677bc4
 3 | 
 4 | .x-menu-item
 5 | 	background: $blurple
 6 | 	border-style: none
 7 | 	border-width: 0
 8 | 
 9 | .x-menu-default
10 | 	background: $blurple
11 | 	border: 1px solid $darker
12 | 
13 | .x-menu-item-text
14 | 	color: #fff
15 | 
16 | .x-menu-header
17 | 	border-radius: 1px
18 | 	background: $darker
19 | 	border-width: 0
20 | 
21 | .x-menu-item-icon-default.x-menu-item-icon.fa
22 | 	&.fa-fw
23 | 		&.fa-building, &.fa-folder, &.fa-floppy-o, &.fa-file-o, &.fa-clone, &.fa-send-o, &.fa-group, &.fa-user, &.fa-user-o, &.fa-bar-chart
24 | 			color: #fff
25 | 		&.fa-play
26 | 			color: $green
27 | 		&.fa-stop, &.fa-power-off
28 | 			color: $redlight
29 | 		&.fa-pause, &.fa-download
30 | 			color: $yellow
31 | 
32 | 	&.fa-heartbeat, &.fa-cube, &.fa-terminal, &.fa-desktop, &.fa-trash-o
33 | 		color: #fff
34 | 	&.fa-stop
35 | 		color: $redlight
36 | 
37 | .x-menu-item-default.x-menu-item-separator
38 | 	height: 0
39 | 	border-top-width: 0
40 | 	margin: 0
41 | 	padding: 0
42 | 
43 | // 🙃
44 | 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"]
45 | 	background: $dark
46 | 
47 | 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"]
48 | 	background: $darker
49 | 
50 | 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"]
51 | 	opacity: 0.5
52 | 	background: $darker
53 | 
54 | 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]
55 | 	background: inherit
56 | 
57 | 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]
58 | 	background: $darker
59 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_misc.sass:
--------------------------------------------------------------------------------
 1 | .x-surface-canvas
 2 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
 3 | 	border-radius: 3px
 4 | 
 5 | .x-fieldset-default
 6 | 	border: 1px solid $blurple
 7 | 
 8 | .x-vertical-scroller
 9 | 	background: $dark !important
10 | 
11 | .x-css-shadow
12 | 	display: none
13 | 
14 | .critical
15 | 	color: $red
16 | 
17 | .warning
18 | 	color: $yellow
19 | 
20 | .install-mask
21 | 	color: white
22 | 	background-color: $darker
23 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_panel.sass:
--------------------------------------------------------------------------------
 1 | .x-panel-header
 2 | 	background: $darker
 3 | 	border: 0
 4 | 
 5 | .x-panel-body-default
 6 | 	background: $dark
 7 | 	color: #fff
 8 | 	font-size: 13px
 9 | 	font-weight: 300
10 | 	font-family: 'helvetica', 'arial', 'verdana', 'sans-serif'
11 | 	border-color: #fff
12 | 	border-style: solid
13 | 	border-width: 0


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_progress.sass:
--------------------------------------------------------------------------------
 1 | .x-progress
 2 | 	background: $dark
 3 | 
 4 | .x-progress-default .x-progress-bar-default
 5 | 		background-color: $green
 6 | 
 7 | .x-progress-text
 8 | 	color: #fff !important
 9 | 	&.x-progress-text-back
10 | 		color: #fff !important


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_splitter.sass:
--------------------------------------------------------------------------------
 1 | .x-splitter
 2 | 	background: $darker
 3 | 
 4 | .x-splitter-collapsed .x-layout-split-bottom
 5 | <<<<<<< HEAD
 6 | 	background-image: url('/images/dd_mini-top.png')
 7 | =======
 8 | 	background-image: url('/images/dd_mini-top.png')
 9 | >>>>>>> 471f44ca80cbff556ab84d34defdb8d2a495885c
10 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_tab.sass:
--------------------------------------------------------------------------------
 1 | .x-tab
 2 | 	background: #737fab
 3 | 	color: #fff
 4 | 	border-width: 0
 5 | 
 6 | .x-tab-inner
 7 | 	color: #fff
 8 | 
 9 | .x-tab-active
10 | 	background: $blurple !important
11 | 	border-width: 0 !important
12 | 
13 | .x-tab-over
14 | 	background: $blurple !important
15 | 	border-width: 0 !important
16 | 
17 | .x-tab-default-focus
18 | 	background: $blurple !important
19 | 	border-width: 0 !important
20 | 
21 | .x-tab-focus
22 | 	background: $blurple !important
23 | 	border-width: 0 !important
24 | 
25 | .x-tab-bar-body
26 | 	background: $darker
27 | 
28 | .x-tab-disabled
29 | 	background: #737fab !important


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_tip.sass:
--------------------------------------------------------------------------------
1 | .x-tip-default
2 | 	background-color: $blurple
3 | 	color: #fff
4 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
5 | 	border-radius: 0
6 | 	border-width: 0


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_title.sass:
--------------------------------------------------------------------------------
1 | .x-title-text
2 | 	color: $blurple


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_toolbar.sass:
--------------------------------------------------------------------------------
 1 | .x-toolbar-default
 2 | 	background-color: $dark
 3 | 	border-width: 0
 4 | 
 5 | .x-toolbar
 6 | 	background: $dark
 7 | 
 8 | .x-toolbar-vertical-scroller
 9 | 	background: $dark !important
10 | 
11 | .x-toolbar-default-vertical-scroller
12 | 	background: $dark !important
13 | 
14 | .x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default
15 | 	color: #fff


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_tree.sass:
--------------------------------------------------------------------------------
 1 | .x-tree-icon.x-tree-icon-custom
 2 | 	&.x-tree-icon-parent-expanded.fa
 3 | 		&.fa-server
 4 | 			color: $blurple !important
 5 | 
 6 | 		&.fa-building
 7 | 			color: $blurple !important
 8 | 
 9 | 		&.fa-database
10 | 			color: $blurple !important
11 | 
12 | 		&.fa-desktop
13 | 			color: $blurple !important
14 | 
15 | 		&.fa-cube
16 | 			color: $blurple !important
17 | 	&.x-tree-icon-parent.fa
18 | 		&.fa-server
19 | 			color: $blurple !important
20 | 
21 | 		&.fa-building
22 | 			color: $blurple !important
23 | 
24 | 		&.fa-cube
25 | 			color: $blurple !important
26 | 
27 | 		&.fa-desktop
28 | 			color: $blurple !important
29 | 
30 | 		&.fa-database
31 | 			color: $blurple !important
32 | 	&.x-tree-icon-leaf.fa
33 | 		&.fa-cube
34 | 			color: $blurple !important
35 | 			&.running
36 | 				color: $blurple !important
37 | 		&.fa-fw.fa-unlock
38 | 			color: white
39 | 		&.fa-desktop
40 | 			color: $blurple !important
41 | 		&.fa-database
42 | 			color: $blurple !important
43 | 		&.fa-file-o
44 | 			&:before
45 | 				color: rgba($blurple, 0.6)
46 | 			&:after
47 | 				color: $blurple
48 | 				background: transparent
49 | 				text-shadow: none
50 | 		&.fa-building.online
51 | 			&:before
52 | 				color: $blurple
53 | 	&.lock-migrate:after
54 | 		color: $yellow
55 | 
56 | .x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before, .x-tree-icon-parent:not(.x-tree-icon-custom):before
57 | 	color: white
58 | 
59 | .x-tree-icon-custom:after
60 | 	text-shadow: 0 0 0 $dark
61 | 
62 | .x-tree-arrows .x-tree-expander
63 | 	background-image: url('/images/dd_arrows.png')
64 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_treelist.sass:
--------------------------------------------------------------------------------
 1 | .x-treelist-item-leaf
 2 | 	background: $dark
 3 | 	color: #fff
 4 | 
 5 | .x-treelist-container
 6 | 	background: $dark
 7 | 	color: #fff
 8 | 
 9 | .x-treelist-row
10 | 	background: $dark
11 | 	color: #fff
12 | 
13 | .x-treelist-row-with-icon
14 | 	background: $dark
15 | 	color: #fff
16 | 
17 | .x-treelist-item-expandable
18 | 	background: $dark
19 | 	color: #fff
20 | 
21 | .x-treelist-item-wrap
22 | 	background: $dark
23 | 	color: #fff
24 | 
25 | .x-treelist-item-text
26 | 	background: $dark
27 | 	color: #fff
28 | 
29 | .x-treelist-item-icon
30 | 	background: $dark
31 | 	color: #fff
32 | 
33 | .x-treelist-row-over
34 | 	color: #ff0
35 | 	> * >
36 | 		.x-treelist-item-text
37 | 			color: $blurple
38 | 			transition: color .5s
39 | 
40 | 		.x-treelist-item-icon
41 | 			color: $blurple
42 | 			transition: color .5s
43 | 			&.pve-itype-treelist-item-icon-cdrom
44 | 				content: ' '
45 | 				background: url('/images/dd_icon-cdblurp.png') no-repeat
46 | 				background-size: 16px 16px
47 | 				transition: background .5s
48 | 				height: 16px
49 | 				top: 50%
50 | 
51 | 		.fa-ceph:before
52 | 			background-image: url('/images/dd_cephblurp.png')
53 | 			background-size: 14px 14px
54 | 			transition: background-image .5s
55 | 
56 | .x-treelist-item-selected > .x-treelist-row
57 | 	background-color: $darker
58 | 
59 | .x-treelist-item-selected > div > div
60 | 	> .pve-itype-treelist-item-icon-cdrom
61 | 		content: ' '
62 | 		background: url('/images/dd_icon-cdblurp.png') no-repeat
63 | 		background-size: 16px 16px
64 | 		transition: background .5s
65 | 		height: 16px
66 | 		top: 50%
67 | 	> .x-treelist-item-icon.fa.fa-ceph:before
68 | 		background-image: url('/images/dd_cephblurp.png')
69 | 		background-size: 14px 14px
70 | 		transition: background-image .5s
71 | 
72 | .x-treelist-item-selected > div > div > div
73 | 	color: $blurple
74 | 


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_viewport.sass:
--------------------------------------------------------------------------------
1 | .x-viewport
2 | 	background: $darker
3 | 	> .x-body
4 | 		background: $darker


--------------------------------------------------------------------------------
/PBSDiscordDark/sass/x/_window.sass:
--------------------------------------------------------------------------------
 1 | .x-window-body
 2 | 	background: $darker
 3 | 	border-bottom-width: 0
 4 | 	border-right-width: 0
 5 | 
 6 | .x-window-default
 7 | 	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
 8 | 	border-radius: 0
 9 | 	background-color: $darker
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)
11 | 	box-shadow: none
12 | 	border-color: $darker
13 | 	border-style: none
14 | 	border-width: 0
15 | 	padding: 0
16 | 
17 | .x-window-default-mc
18 | 	background-color: $darker
19 | 
20 | .x-window-body-default
21 | 	color: white
22 | 	border-width: 0 !important
23 | 
24 | .x-window-header-default-top
25 | 	//If you use compass, instead of the line below you could use + border-top-left-radius($radius)
26 | 	border-top-left-radius: 0 !important
27 | 	//If you use compass, instead of the line below you could use + border-top-right-radius($radius)
28 | 	border-top-right-radius: 0 !important
29 | 	//If you use compass, instead of the line below you could use + border-bottom-right-radius($radius)
30 | 	border-bottom-right-radius: 0 !important
31 | 	//If you use compass, instead of the line below you could use + border-bottom-left-radius($radius)
32 | 	border-bottom-left-radius: 0 !important
33 | 	background-color: $darker
34 | 	border-width: 0 !important
35 | 	padding: 9px
36 | 
37 | .x-window-text
38 | 	color: #fff
39 | 
40 | .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
41 | 	background: $darker
42 | 	border-bottom-width: 0
43 | 	border-right-width: 0
44 | 
45 | .x-message-box .x-window-body
46 | 	background-color: $dark


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ## forked from Weilbyte/PVEDiscordDark
 3 | 
 4 | 
 5 | ![](https://i.imgur.com/SnlCyHF.png)
 6 | 
 7 | <p align="center">A dark theme for the Proxmox Web UI,<br/> <i>inspired by Discord's color scheme.</i></p>
 8 | 
 9 | <p align="center">Everything is dark, including the graphs, context menus and all in between! Eyes need not be fried.</p>    
10 | The theme now runs its own JavaScript code which patches the colors for certain components (and charts). This approach is much better, and safer than what was used previously.
11 | 
12 | ## Installation 
13 | The installation is done via the CLI utility. Run the following commands on the PVE node serving the Web UI:
14 | 
15 | ```
16 | ~# wget https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/master/PBSDiscordDark.sh
17 | ~# bash PBSDiscordDark.sh install
18 | ```
19 | Or this oneliner
20 | ```
21 | bash <(curl -s https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/master/PBSDiscordDark.sh ) install
22 | ```
23 | 
24 | 
25 | ## Uninstallation
26 |  To uninstall the theme, simply run the utility with the `uninstall` command.
27 |  
28 | ## Installer & Security
29 | The new installer relies on the `/meta/supported` and `/meta/imagelist` files being present in the repository. It also includes a silent mode. Run `bash PBSDiscordDark.sh -h` for usage instructions. 
30 | 
31 | Furthermore, you will be able to provide the environment variables `REPO` and `TAG` to specify from what repository and from what commit tag to install the theme from.   
32 | `REPO` is in format `Username/Repository` and defaults to `Weilbyte/PBSDiscordDark` (this repository).    
33 | `TAG` defaults to `master`, but it is strongly recommended to use the SHA-1 commit hash for security.
34 | 
35 | ## Notes
36 | Thanks to [jonasled](https://github.com/jonasled) for helping out with the old version, and thanks to [SmallEngineMechanic](https://github.com/smallenginemechanic) for catching bugs for the rewrite!
37 | 
38 | *Awoo'ing on this repo is encouraged.*
39 | 


--------------------------------------------------------------------------------
/UtilityUpdater.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | #Script by RisedSky to allow users to update their python script of ProxmoxDiscordDark
 3 | #Created : 05/12/2020
 4 | 
 5 | 
 6 | currentuser=`whoami | grep 'root'`
 7 | default="\e[39m"
 8 | green="\e[32m"
 9 | red="\e[91m"
10 | yellow="\e[93m"
11 | 
12 | clear
13 | echo -ne "Verifying that you're root to prevent perm errors \r"
14 | sleep 1
15 | if [ -z "$currentuser" ]
16 | then
17 |     echo -ne "Verifying that you're root to prevent perm errors$red [ERROR] $default \r"
18 |     echo -ne "\nYou are not root !"
19 |     exit 1
20 | fi
21 | 
22 | echo -ne "Verifying that you're root to prevent perm errors$green [OK] $default \r"
23 | echo -ne '\n'
24 | 
25 | sleep 1
26 | echo -ne '\n'
27 | 
28 | sleep 1
29 | echo -ne '#                         (0%) Checking the latestversion\r'
30 | latestversion=`curl -s "https://api.github.com/repos/Luckyvb/PBSDiscordDark/releases/latest" | awk -F '"' '/tag_name/{print $4}'`
31 | echo -ne '#######################   (100%) Checking the latestversion\r'
32 | sleep 1
33 | echo -ne '\n'
34 | 
35 | file="./currentversion.txt"
36 | currentversion=""
37 | if [ ! -f "$file" ]
38 | then
39 |     echo "$latestversion" > "$file"
40 |     currentversion="$latestversion"
41 | else
42 |     currentversion=`cat $file`
43 | fi
44 | 
45 | echo "Your version : $currentversion"
46 | echo "Latest version : $latestversion"
47 | 
48 | if [ ! "$currentversion" = "$latestversion" ]
49 | then
50 |     #Not up tp date
51 |     read -p "$(echo -e $yellow)[Warning] Your version is different, would you like to update ? $(echo -e $default)[y/n]" -n 1 -r
52 |     echo ""   # (optional) move to a new line
53 |     if [[ $REPLY =~ ^[YyOo]$ ]]
54 |     then
55 |         echo -ne "Downloading...\n"
56 |         wget -O "PBSDiscordDark.py" "https://raw.githubusercontent.com/Luckyvb/PBSDiscordDark/master/PBSDiscordDark.sh"
57 |         echo "$latestversion" > $file
58 |         read -p "$(echo -e $yellow)[Warning] Start the updated script ? $(echo -e $default)[y/n]" -n 1 -r
59 |         echo ""   # (optional) move to a new line
60 |         if [[ $REPLY =~ ^[YyOo]$ ]]
61 |         then
62 |           python3 PBSDiscordDark.py
63 |           exit 0
64 |         fi
65 |      else
66 |         echo -ne "Exiting...\n"
67 |         exit 0
68 |     fi
69 | else
70 |     #Up to date
71 |     echo -e "$green""You have the latest version of the script ! $default"
72 |     exit 0
73 | fi


--------------------------------------------------------------------------------
/meta/imagelist:
--------------------------------------------------------------------------------
1 | dd_cephblurp.png dd_cephwhite.png dd_icon-cpu.png dd_icon-hdd.png dd_icon-ram.png dd_icon-swap.png dd_icon-cd.png dd_icon-display.png dd_icon-network.png dd_icon-cloud.png dd_icon-serial.png dd_icon-usb.png dd_icon-pci.png dd_logo.png dd_mini-bottom.png dd_mini-top.png dd_tool-sprites.png dd_trigger.png dd_loading.svg dd_icon-die.svg dd_arrows.png dd_default-toolbar-small-arrow.png dd_default-toolbar-small-s-arrow.png dd_icon-cdblurp.png dd_logo-128.png


--------------------------------------------------------------------------------
/meta/supported:
--------------------------------------------------------------------------------
1 | 2.0.7 2.0.6 2.0.5 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.1.12 1.1.11 1.1.10 1.1.0
2 | 


--------------------------------------------------------------------------------