├── background.jpg
├── images
    ├── Files.png
    ├── Login.png
    ├── Editor.png
    ├── Terminal.png
    └── Serverliste.png
├── index.tsx
├── README.md
├── repair.sh
├── install.sh
└── Pterodactyl_Nightcore_Theme.css


/background.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NyxObscura/Nightcore/HEAD/background.jpg


--------------------------------------------------------------------------------
/images/Files.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NyxObscura/Nightcore/HEAD/images/Files.png


--------------------------------------------------------------------------------
/images/Login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NyxObscura/Nightcore/HEAD/images/Login.png


--------------------------------------------------------------------------------
/images/Editor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NyxObscura/Nightcore/HEAD/images/Editor.png


--------------------------------------------------------------------------------
/images/Terminal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NyxObscura/Nightcore/HEAD/images/Terminal.png


--------------------------------------------------------------------------------
/images/Serverliste.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NyxObscura/Nightcore/HEAD/images/Serverliste.png


--------------------------------------------------------------------------------
/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from '@/components/App';
 4 | import { setConfig } from 'react-hot-loader';
 5 | import './Pterodactyl_Nightcore_Theme.css';
 6 | 
 7 | // Enable language support.
 8 | import './i18n';
 9 | 
10 | // Prevents page reloads while making component changes which
11 | // also avoids triggering constant loading indicators all over
12 | // the place in development.
13 | //
14 | // @see https://github.com/gaearon/react-hot-loader#hook-support
15 | setConfig({ reloadHooks: false });
16 | 
17 | ReactDOM.render(<App />, document.getElementById('app'));
18 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Pterodactyl Nightcore Theme
 2 | 
 3 | Install script:
 4 | ```sh
 5 | bash <(curl https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/install.sh)
 6 | ```
 7 | 
 8 | ---
 9 | Screenshots:
10 | ### Mainpage
11 | ![Mainpage](https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/images/Serverliste.png "Mainpage")
12 | ### Login
13 | ![Login](https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/images/Login.png "Login")
14 | ### Files
15 | ![Files](https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/images/Files.png "Files")
16 | ### Editor
17 | ![Editor](https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/images/Editor.png "Editor")
18 | ### Terminal
19 | ![Terminal](https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/images/Terminal.png "Terminal")


--------------------------------------------------------------------------------
/repair.sh:
--------------------------------------------------------------------------------
 1 | if (( $EUID != 0 )); then
 2 |     echo "Please run as root"
 3 |     exit
 4 | fi
 5 | 
 6 | repairPanel(){
 7 |     cd /var/www/pterodactyl
 8 | 
 9 |     php artisan down
10 | 
11 |     rm -r /var/www/pterodactyl/resources
12 | 
13 |     curl -L https://github.com/pterodactyl/panel/releases/latest/download/panel.tar.gz | tar -xzv
14 | 
15 |     chmod -R 755 storage/* bootstrap/cache
16 | 
17 |     composer install --no-dev --optimize-autoloader
18 | 
19 |     php artisan view:clear
20 | 
21 |     php artisan config:clear
22 | 
23 |     php artisan migrate --seed --force
24 | 
25 |     chown -R www-data:www-data /var/www/pterodactyl/*
26 | 
27 |     php artisan queue:restart
28 | 
29 |     php artisan up
30 | }
31 | 
32 | while true; do
33 |     read -p "Are you sure that you want to uninstall the theme [y/n]? " yn
34 |     case $yn in
35 |         [Yy]* ) repairPanel; break;;
36 |         [Nn]* ) exit;;
37 |         * ) echo "Please answer yes or no.";;
38 |     esac
39 | done
40 | 


--------------------------------------------------------------------------------
/install.sh:
--------------------------------------------------------------------------------
  1 | #!/bin/bash
  2 | 
  3 | if (( $EUID != 0 )); then
  4 |     echo "Please run as root"
  5 |     exit
  6 | fi
  7 | 
  8 | clear
  9 | 
 10 | installTheme(){
 11 |     RED='\033[0;31m'
 12 |     GREEN='\033[0;32m'
 13 |     YELLOW='\033[1;33m'
 14 |     BLUE='\033[0;34m'
 15 |     MAGENTA='\033[0;35m'
 16 |     CYAN='\033[0;36m'
 17 |     RESET='\033[0m'
 18 | 
 19 |     echo -e "${GREEN}Installing ${YELLOW}sudo${GREEN} if not installed${RESET}"
 20 |     apt install sudo -y > /dev/null 2>&1
 21 |     cd /var/www/ > /dev/null 2>&1
 22 |     echo -e "${GREEN}Unpack the themebackup...${RESET}"
 23 |     tar -cvf Pterodactyl_Nightcore_Themebackup.tar.gz pterodactyl > /dev/null 2>&1
 24 |     echo -e "${GREEN}Installing theme... ${RESET}"
 25 |     cd /var/www/pterodactyl > /dev/null 2>&1
 26 |     echo -e "${GREEN}Removing old theme if exist${RESET}"
 27 |     rm -r Pterodactyl_Nightcore_Theme > /dev/null 2>&1
 28 |     echo -e "${GREEN}Download the Theme${RESET}"
 29 |     git clone https://github.com/NoPro200/Pterodactyl_Nightcore_Theme.git > /dev/null 2>&1
 30 |     cd Pterodactyl_Nightcore_Theme > /dev/null 2>&1
 31 |     echo -e "${GREEN}Removing old theme resources if exist${RESET}"
 32 |     rm /var/www/pterodactyl/resources/scripts/Pterodactyl_Nightcore_Theme.css > /dev/null 2>&1
 33 |     rm /var/www/pterodactyl/resources/scripts/index.tsx > /dev/null 2>&1
 34 |     echo -e "${GREEN}Moving the new theme files to directory${RESET}"
 35 |     mv index.tsx /var/www/pterodactyl/resources/scripts/index.tsx > /dev/null 2>&1
 36 |     mv Pterodactyl_Nightcore_Theme.css /var/www/pterodactyl/resources/scripts/Pterodactyl_Nightcore_Theme.css > /dev/null 2>&1
 37 |     cd /var/www/pterodactyl > /dev/null 2>&1
 38 |     
 39 |     curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash - > /dev/null 2>&1
 40 |     apt update -y > /dev/null 2>&1
 41 |     apt install nodejs -y > /dev/null 2>&1
 42 |     
 43 |     NODE_VERSION=$(node -v)
 44 |     REQUIRED_VERSION="v16.20.2"
 45 |     if [ "$NODE_VERSION" != "$REQUIRED_VERSION" ]; then
 46 |         echo -e "${GREEN}Node.js version is not ${YELLOW}${REQUIRED_VERSION}${GREEN}. Version: ${YELLOW}${NODE_VERSION}${RESET}"
 47 |         echo -e "${GREEN}Set version to ${YELLOW}v16.20.2${GREEN}... ${RESET}"
 48 |         sudo npm install -g n > /dev/null 2>&1
 49 |         sudo n 16 > /dev/null 2>&1
 50 |         node -v > /dev/null 2>&1
 51 |         npm -v > /dev/null  2>&1
 52 |         echo -e "${GREEN}Now the default version is ${YELLOW}${REQUIRED_VERSION}"
 53 |     else
 54 |         echo -e "${GREEN}Node.js Version is compatible: ${YELLOW}${NODE_VERSION} ${RESET}"
 55 |     fi
 56 | 
 57 |     apt install npm -y > /dev/null 2>&1
 58 |     npm i -g yarn > /dev/null 2>&1
 59 |     yarn > /dev/null 2>&1
 60 | 
 61 |     cd /var/www/pterodactyl > /dev/null 2>&1
 62 |     echo -e "${GREEN}Rebuilding the Panel...${RESET}"
 63 |     yarn build:production > /dev/null 2>&1
 64 |     echo -e "${GREEN}Optimizing the Panel...${RESET}"
 65 |     sudo php artisan optimize:clear > /dev/null 2>&1
 66 | 
 67 | 
 68 | }
 69 | 
 70 | installThemeQuestion(){
 71 |     while true; do
 72 |         read -p "Are you sure that you want to install the theme [y/n]? " yn
 73 |         case $yn in
 74 |             [Yy]* ) installTheme; break;;
 75 |             [Nn]* ) exit;;
 76 |             * ) echo "Please answer yes or no.";;
 77 |         esac
 78 |     done
 79 | }
 80 | 
 81 | repair(){
 82 |     bash <(curl https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/repair.sh)
 83 | }
 84 | 
 85 | restoreBackUp(){
 86 |     echo "Restoring backup..."
 87 |     cd /var/www/ > /dev/null 2>&1
 88 |     tar -xvf Pterodactyl_Nightcore_Themebackup.tar.gz > /dev/null 2>&1
 89 |     rm Pterodactyl_Nightcore_Themebackup.tar.gz > /dev/null 2>&1
 90 | 
 91 |     cd /var/www/pterodactyl > /dev/null 2>&1
 92 |     yarn build:production > /dev/null 2>&1
 93 |     sudo php artisan optimize:clear > /dev/null 2>&1
 94 | }
 95 | echo "Copyright (c) 2024 Angelillo15 and NoPro200"
 96 | echo "This program is free software: you can redistribute it and/or modify"
 97 | echo ""
 98 | echo ""
 99 | echo "[1] Install theme"
100 | echo "[2] Restore backup"
101 | echo "[3] Repair panel (use if you have an error in the theme installation)"
102 | echo "[4] Exit"
103 | 
104 | read -p "Please enter a number: " choice
105 | if [ $choice == "1" ]
106 |     then
107 |     installThemeQuestion
108 | fi
109 | if [ $choice == "2" ]
110 |     then
111 |     restoreBackUp
112 | fi
113 | if [ $choice == "3" ]
114 |     then
115 |     repair
116 | fi
117 | if [ $choice == "4" ]
118 |     then
119 |     exit
120 | fi
121 | 


--------------------------------------------------------------------------------
/Pterodactyl_Nightcore_Theme.css:
--------------------------------------------------------------------------------
  1 | html {
  2 |   background-image: url("https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/background.jpg");
  3 |   background-attachment: fixed;
  4 |   background-repeat: no-repeat;
  5 |   background-position: center center;
  6 |   background-size: cover;
  7 |   background-color: transparent;
  8 | }
  9 | 
 10 | ::-webkit-scrollbar {width: 10px !important;}
 11 | ::-webkit-scrollbar-track{background: #36393F !important;}
 12 | ::-webkit-scrollbar-thumb{background: #727272 !important;border-radius: 10px !important;}
 13 | 
 14 | a.GreyRowBox-sc-1xo9c6v-0.ServerRow__StatusIndicatorBox-sc-1ibsw91-2.dyLna-D.fRwFrz.DashboardContainer___StyledServerRow-sc-1topkxf-2 {
 15 |   background-color: rgba(0,0,0,0.5) !important;
 16 | }
 17 | 
 18 | a.GreyRowBox-sc-1xo9c6v-0.ServerRow__StatusIndicatorBox-sc-1ibsw91-2.dyLna-D.fwbDSe.DashboardContainer___StyledServerRow-sc-1topkxf-2.jbVWLN {
 19 |   background-color: rgba(0,0,0,0.5) !important;
 20 |   background-size: cover;
 21 | 
 22 | }
 23 | 
 24 | div.SubNavigation-sc-lfuaoi-0.jZPsWO.fade-appear-done.fade-enter-done {
 25 |   background-color: rgba(0,0,0,0) !important;
 26 | }
 27 | div.GreyRowBox-sc-1xo9c6v-0 {
 28 |   background-color: rgba(0,0,0,0.5) !important;
 29 | }
 30 | 
 31 | div.style-module_1n_DiqmT {
 32 |   background-color: rgba(0,0,0,0) !important; 
 33 |   padding: 5px !important;
 34 | }
 35 | 
 36 | button.Button__ButtonStyle-sc-1qu1gou-0.dLAOsI {
 37 |   background-color: #7a0000 !important; 
 38 |   border: #7a0000 2px solid !important;
 39 |   border-radius: 10px !important;
 40 | }
 41 | 
 42 | div.SettingsContainer___StyledDiv6-sc-1e5ycmz-7.bzLcIU {
 43 |   border-left: 4px solid #7a0000 !important;
 44 | }
 45 | 
 46 | label.Label-sc-g780ms-0.eDArzA {
 47 |   color: #a0a0a0 !important;
 48 | }
 49 | 
 50 | button.style-module_4LBM1DKx.style-module_3kBDV_wo { /* change */
 51 |   background-color:#7a0000 !important;
 52 |   border-radius: 10px !important;
 53 | }
 54 | 
 55 | button.style-module_4LBM1DKx.style-module_3kBDV_wo.style-module_2UCZLAAp {
 56 |   background-color:#7a0000 !important;
 57 |   border-radius: 10px !important;
 58 | }
 59 | 
 60 | div.xterm-viewport {
 61 |   border-radius: 2px !important;
 62 |   background-color: rgba(0,0,0,0.5) !important;
 63 |   scrollbar-color: rgb(143, 0, 0) #f1f1f1 !important; 
 64 |   scrollbar-width: thin !important;  
 65 |   background: black !important;
 66 |   background-color: rgb(19, 26, 32); 
 67 |   scrollbar-color: #7a0000 #000000 !important;
 68 | 
 69 | }
 70 | 
 71 | div.xterm-viewport::-webkit-scrollbar {
 72 |   border-radius: 4px;
 73 | }
 74 | 
 75 | div.xterm-viewport::-webkit-scrollbar-button {
 76 |   display: none;
 77 | }
 78 | 
 79 | div.xterm-viewport::-webkit-scrollbar-thumb {
 80 |   border-radius: 4px;
 81 |   background-color: rgb(143, 0, 0) #f1f1f1 !important; 
 82 | }
 83 | 
 84 | div.xterm-viewport::-webkit-scrollbar-track {
 85 |   background-color: #000000; /* Hintergrundfarbe des Scrollbereichs */
 86 | }
 87 | 
 88 | div.style-module_3TDo--Tn {
 89 |   border-radius: 10px !important;
 90 | }
 91 | 
 92 | div.LoginFormContainer___StyledDiv-sc-cyh04c-3 {
 93 |   background-color: rgba(0,0,0,0.5) !important;
 94 | }
 95 | 
 96 | label.Label-sc-g780ms-0 {
 97 |   color: #a0a0a0 !important;
 98 | }
 99 | 
100 | img.LoginFormContainer___StyledImg-sc-cyh04c-5 {
101 |   content:url('https://i.imgur.com/96D5X4d.png') !important;
102 |   padding-left: 20px !important; 
103 |   padding-right: 20px !important; 
104 |   padding-top: 0px !important; 
105 |   padding-bottom: 0px !important;
106 | }
107 | 
108 | div.style-module_1n_DiqmT {
109 |   background-color: rgba(0, 0, 0, 0) !important;
110 | }
111 | 
112 | div.ScheduleEditContainer___StyledDiv3-sc-1fhsmlc-7 {
113 |   background-color: rgba(0,0,0,0.5) !important;
114 | }
115 | 
116 | div.ScheduleEditContainer___StyledDiv-sc-1fhsmlc-0 {
117 |   background-color: rgba(0,0,0,0.5) !important; 
118 | }
119 | 
120 | div.ScheduleEditContainer___StyledDiv-sc-1fhsmlc-0 {
121 |   background-color: rgba(0,0,0,0.5) !important; 
122 | }
123 | 
124 | div.ScheduleEditContainer___StyledDiv-sc-1fhsmlc-0 {
125 |   background-color: rgba(0,0,0,0.5) !important; 
126 | }
127 | 
128 | div.ScheduleEditContainer___StyledDiv-sc-1fhsmlc-0 {
129 |   background-color: rgba(0,0,0,0.5) !important;
130 | }
131 | 
132 | div.ScheduleEditContainer___StyledDiv-sc-1fhsmlc-0 {
133 |   background-color: rgba(0,0,0,0.5) !important; 
134 | }
135 | 
136 | div.grid.grid-cols-6.gap-2.md:gap-4.col-span-4.lg:col-span-1.order-last.lg:order-none {
137 |   background-color: rgba(0,0,0,0.5) !important;
138 | }
139 | 
140 | div.style-module_2Vp6MaXq.bg-gray-600.cursor-pointer {
141 |   background-color: rgba(0,0,0,0.5) !important;
142 | }
143 | 
144 | div.style-module_2Vp6MaXq.bg-gray-600 {
145 |   background-color: rgba(0,0,0,0.5) !important;
146 | }
147 | 
148 | div.style-module_2XbmHEcn.group {
149 |   background-color: rgba(0,0,0,0.5) !important;
150 | }
151 | 
152 | div.w-full.bg-neutral-900.shadow-md.overflow-x-auto {
153 |   background-color: argb(0,0,0,0.8);
154 |   background-image: url("https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/background.jpg");
155 | }
156 | 
157 | div.icon.mr-4 {
158 |   background-color: rgba(0,0,0,0.5) !important;
159 | }
160 | 
161 | a.style-module_35MPv1CD.style-module_35MPv1CD.active {
162 |   background-color: rgba(0,0,0,0.5) !important;
163 | }
164 | 
165 | 
166 | .style-module_1WqkLT9X {
167 |   background-color: #000000 !important;
168 | }
169 | 
170 | .style-module_1WqkLT9X:hover {
171 |   background-color: #000000 !important;
172 | }
173 | 
174 | .style-module_35MPv1CD.active {
175 |   background-color: #000000 !important;
176 | }
177 | 
178 | .style-module_35MPv1CD.active:hover {
179 |   background-color: #000000 !important;
180 | }
181 | div.GreyRowBox-sc-1xo9c6v-0.iTERJN.flex-wrap.md:flex-nowrap.mt-2 {
182 |   background-color: #000000
183 | }
184 | 
185 | div.TitledGreyBox___StyledDiv3-sc-gvsoy-4.fKIIIQ {
186 |   background-color: rgba(0,0,0,0.5) !important;
187 | }
188 | 
189 | p.input-help {
190 |   color: red !important;
191 | }
192 | 
193 | 
194 | input.peer.style-module_3TDo--Tn:focus {
195 |   border-bottom: 2px solid #7a0000;
196 |   border-radius: 10px;
197 | }
198 | 
199 | input.peer.style-module_3TDo--Tn {
200 |   border-bottom: 0px solid red;
201 |   border-radius: 10px;
202 | }
203 | 
204 | div.relative.style-module_1AMtO9lt {
205 |   padding-left: 5px !important; 
206 |   padding-right: 5px !important;
207 | }
208 | 
209 | div.style-module_2Vp6MaXq.bg-gray-600 {
210 |   border-radius: 10px;
211 | }
212 | 
213 | div.module_2XbmHEcn.group {
214 |   border-radius: 10px;
215 | }
216 | 
217 | /* Normalzustand */
218 | input.Input-sc-19rce1w-0.jqTCDz,
219 | input.Input-sc-19rce1w-0.floJYL,
220 | input.Input-sc-19rce1w-0.fFYzlR,
221 | textarea.Input__Textarea-sc-19rce1w-1.kKFWRA {
222 |   background-color: rgba(61, 0, 1,0.3) !important; 
223 |   border: 2px solid #470001 !important;
224 |   color: #a0a0a0 !important;
225 | }
226 | 
227 | /* Hover-Zustand */
228 | input.Input-sc-19rce1w-0.jqTCDz:hover,
229 | input.Input-sc-19rce1w-0.floJYL:hover,
230 | input.Input-sc-19rce1w-0.fFYzlR:hover,
231 | textarea.Input__Textarea-sc-19rce1w-1.kKFWRA:hover {
232 |   background-color: rgba(61, 0, 1,0.3) !important; 
233 |   border: 2px solid #470001 !important;
234 |   color: #a0a0a0 !important;
235 | }
236 | 
237 | /* Focus-Zustand */
238 | input.Input-sc-19rce1w-0.jqTCDz:focus,
239 | input.Input-sc-19rce1w-0.floJYL:focus,
240 | input.Input-sc-19rce1w-0.fFYzlR:focus,
241 | textarea.Input__Textarea-sc-19rce1w-1.kKFWRA:focus {
242 |   background-color: rgba(61, 0, 1,0.3) !important; 
243 |   border: 2px solid #470001 !important;
244 |   color: #a0a0a0 !important;
245 | }
246 | 
247 | /* Beispiel für spezifischeren Zustand */
248 | input.Input-sc-19rce1w-0.fFYzlR {
249 |   background-color: rgba(61, 0, 1,0.3) !important;
250 |   border: 2px solid #470001 !important;
251 |   color: #a0a0a0 !important;
252 | }
253 | 
254 | 
255 | 
256 | button.Button__ButtonStyle-sc-1qu1gou-0 {
257 |   background-color: #7a0000 !important;
258 |   border: 2px solid #7a0000 !important;
259 |   border-radius: 10px !important;
260 | }
261 | 
262 | 
263 | 
264 | 
265 | 
266 | 
267 | div.grid.grid-cols-10.py-4.border-b-2.border-gray-800.last:rounded-b.last:border-0.group {
268 |   background-color: rgba(0,0,0,0.5) !important;
269 | }
270 | 
271 | div.TitledGreyBox___StyledDiv2-sc-gvsoy-1.jRrWLs {
272 |   background-color: rgba(0,0,0,0.5) !important;
273 | }
274 | 
275 | div.SubNavigation-sc-lfuaoi-0.jZPsWO {
276 |   background-color: rgba(0,0,0,0) !important;
277 | }
278 | 
279 | div.CodeMirror { 
280 |   background-color: rgba(0,0,0,0.6) !important;
281 | }
282 | div.CodeMirror-gutters {
283 |   background-color: rgba(0,0,0,0.6) !important;
284 | }
285 | 
286 | div.CodeMirror-overlayscroll-vertical {
287 |   background-color: rgba(0,0,0,0);
288 | }
289 | 
290 | div.ContentBox___StyledDiv-sc-mjlt6f-2.iGOcRf {
291 |   background-color: rgba(0,0,0,0.5) !important;
292 | }
293 | 
294 | div.Modal___StyledDiv2-sc-9vzni8-3.ekHIsr {
295 |   background-color: #000000
296 | }
297 | 
298 | input.peer.style-module_3TDo--Tn {
299 |   background-color: rgba(0,0,0,0.5) !important;
300 | }
301 | 
302 | button.style-module_4LBM1DKx.style-module_3kBDV_wo.style-module_Yp7-2Fw-.flex-1 {
303 |   background-color: rgba(0,0,0,0.5) !important;
304 | }
305 | 
306 | div.GreyRowBox-sc-1xo9c6v-0.DatabaseRow___StyledGreyRowBox-sc-1t67zwr-13.iTERJN.gkSIus {
307 |   background-color: rgba(0,0,0,0.5) !important;
308 | }
309 | 
310 | div.EditScheduleModal___StyledDiv2-sc-wh9db9-4.fhEpAC {
311 |   background-color: rgba(0,0,0,0.5) !important;
312 | }
313 | 
314 | div.EditScheduleModal___StyledDiv4-sc-wh9db9-6.jyDDEO {
315 |   background-color: rgba(0,0,0,0.5) !important;
316 | }
317 | 
318 | div.EditScheduleModal___StyledDiv5-sc-wh9db9-7.ueIjC {
319 |   background-color: rgba(0,0,0,0.5) !important;
320 | }
321 | 
322 | a.GreyRowBox-sc-1xo9c6v-0.ScheduleContainer___StyledGreyRowBox-sc-dlqnx9-2.dyLna-D.bppajE {
323 |   background-color: rgba(0,0,0,0.5) !important;
324 | }
325 | 
326 | div.GreyRowBox-sc-1xo9c6v-0.UserRow___StyledGreyRowBox-sc-hg2wjz-0.dyLna-D.dmlaEn {
327 |   background-color: rgba(0,0,0,0.5) !important;
328 | }
329 | 
330 | div.CreateBackupButton___StyledDiv2-sc-da8bqw-3.eDncUf {
331 |   background-color: rgba(0,0,0,0.5) !important;
332 | }
333 | 
334 | textarea.Input__Textarea-sc-19rce1w-1.kKFWRA {
335 |   background-color: rgba(0,0,0,0.5) !important;
336 | }
337 | 
338 | div.flex.justify-end.space-x-4.mt-4.w-full.md:mt-0.md:w-48 {
339 |   background-color: rgba(0,0,0,0.5) !important;
340 | }
341 | 
342 | select.Select-sc-17exaqp-0.dupyoa {
343 |   background-color: rgba(0,0,0,0.5) !important;
344 | }
345 | 
346 | div.TitledGreyBox___StyledDiv-sc-gvsoy-0.oLbNP.StartupContainer___StyledTitledGreyBox-sc-163imy2-1.kRunTE {
347 |   background-color: rgba(0,0,0,0.5) !important;
348 | }
349 | 
350 | div.App___StyledDiv-sc-2l91w7-0.fnfeQw {
351 |   background-image: url("https://raw.githubusercontent.com/NoPro200/Pterodactyl_Nightcore_Theme/main/background.jpg");
352 |   background-attachment: fixed;
353 |   background-repeat: no-repeat;
354 |   background-position: center center;
355 |   background-size: cover;
356 |   background-color: transparent;
357 | }
358 | 
359 | a.GreyRowBox-sc-1xo9c6v-0.ServerRow__StatusIndicatorBox-sc-1ibsw91-2.dyLna-D {
360 |   background-color: #000000
361 | }
362 | 
363 | label.PermissionRow__Container-sc-1h899cn-0.icxFlO:hover {
364 |   background-color: rgba(0,0,0,0.5) !important;
365 | }
366 | 
367 | div.bg-gray-700 {
368 |   background-color:rgba(0,0,0,0) !important;
369 |   border: 0px solid #470001 !important;
370 | }
371 | 
372 | div.TitledGreyBox___StyledDiv-sc-gvsoy-0.oLbNP {
373 |   background-color: rgba(0,0,0,0.5) !important;
374 | }
375 | 
376 | div.grid.grid-cols-10.py-4.border-b-2.border-gray-800.last:rounded-b.last:border-0.group {
377 |   background-color: rgba(0,0,0,0.5) !important;
378 | }
379 | 
380 | .group {
381 |   background-color: rgba(0,0,0,0.5) !important;
382 | }
383 | 
384 | .GreyRowBox-sc-1xo9c6v-0 {
385 |   background-color: rgba(0,0,0,0.5) !important;
386 | }
387 | 
388 | div.TaskDetailsModal___StyledDiv5-sc-1b5dnyw-7.kNHdmD {
389 |   background-color: rgba(61, 0, 1,0.3) !important; 
390 |   border: 2px solid #470001 !important;
391 |   color: #a0a0a0 !important;
392 | }
393 | 
394 | select.Select-sc-17exaqp-0.dupyoa {
395 |   background-color: rgba(61, 0, 1,0.3) !important; 
396 |   border: 2px solid #470001 !important;
397 |   color: #a0a0a0 !important;
398 | }
399 | 
400 | option {
401 |   background-color: rgba(61, 0, 1, 1) !important; 
402 |   border: 2px solid #470001 !important;
403 |   color: #a0a0a0 !important;
404 | }
405 | 
406 | div.style-module_1RnhIT0w {
407 |   background-color: rgba(61, 0, 1, 1) !important; 
408 |   color: #a0a0a0 !important; 
409 |   border-radius: 5px !important; 
410 |   box-shadow: 0 0 10px #890000 !important;
411 | }
412 | 
413 | div.ScheduleEditContainer___StyledDiv3-sc-1fhsmlc-7.bNXcqn {
414 |   border-bottom: 4px solid #470001 !important;
415 | }
416 | 
417 | div.ScheduleTaskRow___StyledDiv-sc-17r38ls-0.ipThkt {
418 |   background-color: rgba(0, 0, 0,1) !important; 
419 |   border: 2px solid #470001 !important;
420 |   color: #a0a0a0 !important;
421 | }
422 | 
423 | div.grid-cols-10 {
424 |   background-color: rgba(0, 0, 0,1) !important; 
425 |   border: 2px solid #470001 !important;
426 |   color: #a0a0a0 !important; 
427 |   margin-bottom: 5px !important;
428 | }


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