├── .gitattributes ├── LICENSE ├── README.md ├── latest ├── Dark-n-Purple │ ├── admin.css │ └── user.css ├── Dracula │ ├── admin.css │ └── user.css ├── Enola │ ├── admin.css │ └── user.css ├── Recolor │ ├── admin.css │ └── user.css └── Twilight │ ├── admin.css │ └── user.css └── preview ├── Dracula.png ├── Dracula2.png ├── enola.png └── twilight.png /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 OreoKitten 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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # PteroThemes 2 | Themes for Pterodactyl 1.x 3 | 4 | ## Will this break my panel? (IMPORTANT) 5 | This will not break your panel unless you use a diffrent theme version for a diffrent panel version, if it for some reason does break your panel it is simple to remove the theme. 6 | 7 | ## Panel Versioning 8 | Make sure that the theme you are installing corresponds with the version of the panel you are running; no help will be given if you have mismatched versions! 9 | 10 | How do i use them? 11 | You simple follow the instructions below, mainly consisting of two or three changes you need to make before you build your panel. 12 | 13 | ## Install Theme 14 | # User Side 15 | Create a file called main.css in /var/www/pterodactyl/resources/scripts 16 | 17 | In that file put this text 18 | 19 | @import url(https://oreokitten.github.io/latest/dark-n-purple/user.css); 20 | 21 | 22 | After that edit the file index.tsx in /var/www/pterodactyl/resources/scripts 23 | 24 | On line 6 at the end of the imports add this 25 | 26 | import './main.css'; 27 | After this build the panel, you can find information of how to do that scroll down 28 | 29 | After that just reload your panel and the theme is applied. 30 | 31 | # Admin Side 32 | In the file admin.blade.php in /var/www/pterodactyl/resources/views/layouts/ 33 | 34 | On line 36 put the text 35 | 36 | 37 | After this build the panel, you can find information of how to do that scroll down 38 | 39 | After that just reload your panel and the theme is applied. 40 | 41 | How do i use them? 42 | You simple follow the instructions below, mainly consisting of two or three changes you need to make before you build your panel. 43 | 44 | 45 | ## Rebuild 46 | #Install Dependencies 47 | The following commands will install the necessary dependencies for building your panel. 48 | 49 | #Install NodeJS 50 | TIP 51 | 52 | You may have to add sudo to the following commands if you are not root. 53 | 54 | # Using Nodesource 55 | # Ubuntu/Debian 56 | curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - 57 | apt install -y nodejs 58 | 59 | # CentOS 60 | curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash - 61 | yum install -y nodejs # CentOS 7 62 | dnf install -y nodejs # CentOS 8 63 | By now, you should have NodeJS 12 installed. Make sure this is the case by checking node -v 64 | 65 | # Using Node Version Manager(opens new window) 66 | curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash 67 | 68 | nvm install node 69 | nvm alias default node 70 | nvm use node 71 | node -v should say 12.20.0 or newer 72 | 73 | # Install Yarn and Panel Dependencies 74 | # Install yarn 75 | npm i -g yarn 76 | 77 | # Now you need to make sure you are in the panel directory 78 | cd /var/www/pterodactyl 79 | 80 | # Installs panel build dependencies 81 | yarn install 82 | #Build Panel 83 | Run this in your panel directory to apply changes (usually /var/www/pterodactyl) 84 | 85 | # Build panel 86 | yarn build:production 87 | 88 | ## Enola - 1.2.0, 1.2.1, and 1.2.2 89 | Instructions to install the theme Enola are here 90 | [Enola 1.2.2(Latest Panel Version)](https://github.com/OreoKitten/PteroThemes/tree/main/latest/Enola) 91 | ![Preview](./preview/enola.png) 92 | 93 | 94 | ## Twilight - 1.1.3, 1.2.0, 1.2.1, 1.2.2 95 | Instructions to install the theme Twilight are here 96 | [Enola 1.2.2(Latest Panel Version)](https://github.com/OreoKitten/PteroThemes/tree/main/latest/Twilight) 97 | ![Preview](./preview/twilight.png) 98 | 99 | ## Recolor - 1.2.0, 1.2.1, 1.2.2 100 | This theme is a recolor of the panel that you can edit, more information here 101 | [Recolor](https://github.com/OreoKitten/PteroThemes/tree/main/latest/Recolor) 102 | 103 | ## Dracula - 1.2.0, 1.2.1, 1.2.2 104 | This theme is a recolor of the panel that you can edit, more information here 105 | [Dracula 1.2.2(Latest Panel Version)](https://github.com/OreoKitten/PteroThemes/tree/main/latest/Dracula) 106 | ![Preview](./preview/Dracula.png) 107 | ![Preview](./preview/Dracula2.png) 108 | ## If you have suggestions or issues dm me on discord, Oreo#0949 109 | -------------------------------------------------------------------------------- /latest/Dark-n-Purple/admin.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --main-bg-color: #282a36 !important; 3 | --secondary-bg-color: #242631 !important; 4 | --secondary-bg-color-alt: #20222c !important; 5 | --accent-color: #bd93f9 !important; 6 | --accent-secondary-color: #bd93f9 !important; 7 | --text-color: #fafafa !important; 8 | --border-radius: 15px !important; 9 | --accent-light: #d4b5ff !important; 10 | } 11 | 12 | /* Changes Background */ 13 | 14 | body, .content-wrapper { 15 | background-color: var(--main-bg-color) !important; 16 | } 17 | 18 | 19 | /* Changes Header Color */ 20 | 21 | .ebtnLL, 22 | .cWFcHc, 23 | .iTxXDX, 24 | .JZicT, 25 | .skin-blue .wrapper, 26 | .skin-blue .main-sidebar, 27 | .skin-blue .left-side, 28 | .skin-blue .main-header .navbar, 29 | .skin-blue .main-header .logo, 30 | .main-footer { 31 | background-color: var(--secondary-bg-color) !important; 32 | border-color: transparent !important; 33 | box-shadow: none !important; 34 | } 35 | 36 | 37 | /* Changes selected tab color */ 38 | 39 | .fmPgAW>a:active, 40 | .fmPgAW>.navigation-link:active, 41 | .fmPgAW>a:hover, 42 | .fmPgAW>.navigation-link:hover, 43 | .fmPgAW>a.active, 44 | .fmPgAW>.navigation-link.active, 45 | .cWFcHc>div>a:active, 46 | .cWFcHc>div>div:active, 47 | .cWFcHc>div>a.active, 48 | .cWFcHc>div>div.active, 49 | .jMDToC>a:active, 50 | .jMDToC>.navigation-link:active, 51 | .jMDToC>a:hover, 52 | .jMDToC>.navigation-link:hover, 53 | .jMDToC>a.active, 54 | .jMDToC>.navigation-link.active, 55 | .JZicT>div>a:active, 56 | .JZicT>div>div:active, 57 | .JZicT>div>a.active, 58 | .JZicT>div>div.active { 59 | box-shadow: var(--accent-color) 0px -2px inset !important; 60 | background-color: var(--secondary-bg-color) !important; 61 | } 62 | 63 | 64 | /* Changes Text Color */ 65 | 66 | .fNmetC, 67 | .hcJQtJ, 68 | .ToRTP, 69 | .dPhkRJ, 70 | .cKOMAz, 71 | .jSyjnD, 72 | .jywpgX, 73 | .eFKDEh, 74 | .dUzAFF, 75 | .cbFifO, 76 | .farUaV, 77 | .dMZZHB, 78 | .lgYuLu, 79 | .gSUxYg, 80 | .cdBzyv, 81 | .gxlLzB, 82 | .jexamK, 83 | .eWxPIu, 84 | .eWxPIu:hover, 85 | .jXGwrM, 86 | .mIIYh, 87 | .iambCQ, 88 | .iZqkRd, 89 | .chAlWS, 90 | .iTwxpv, 91 | .skin-blue .main-header .logo, 92 | .jVPRyV, 93 | .cvDOmk, 94 | .dRhlIo .icon, 95 | .hmodKy, 96 | .beRAKh { 97 | color: var(--text-color) !important; 98 | } 99 | 100 | .gqmhN { 101 | display: none !important; 102 | } 103 | 104 | /* Changes disabled switch */ 105 | 106 | .gdhLjd>label, 107 | .cDmYBr>label { 108 | background-color: var(--secondary-bg-color) !important; 109 | border-color: var(--secondary-bg-color) !important; 110 | } 111 | 112 | 113 | /* Changes enabled switch */ 114 | 115 | .gdhLjd>input[type="checkbox"]:checked+label, 116 | .cDmYBr>input[type="checkbox"]:checked+label { 117 | background-color: var(--accent-color) !important; 118 | border-color: var(--accent-color) !important; 119 | } 120 | 121 | 122 | /* Changes server list color */ 123 | 124 | .liBonM, 125 | .bOIdGn, 126 | .jkiDvQ, 127 | .iYhzbi, 128 | .jqQFoq, 129 | .bEKRkc, 130 | .dRhlIo { 131 | background-color: var(--secondary-bg-color) !important; 132 | border-radius: var(--border-radius) !important; 133 | border-color: var(--secondary-bg-color) !important; 134 | } 135 | 136 | 137 | /* Changes border when hover */ 138 | 139 | .liBonM:hover, 140 | .kHuGmn:hover, 141 | .dRhlIo:hover, 142 | .bEKRkc:hover { 143 | border-color: var(--accent-color) !important; 144 | } 145 | 146 | 147 | /* Changes status bar position and size */ 148 | 149 | .jkiDvQ .status-bar, 150 | .bvinzM .status-bar, 151 | .iYhzbi .status-bar, 152 | .liBonM .status-bar, 153 | .jqQFoq .status-bar, 154 | .bEKRkc .status-bar, 155 | .dRhlIo .status-bar { 156 | height: 100vw !important; 157 | right: -.25vw !important; 158 | } 159 | 160 | 161 | /* Changes Installing Status, and other bubble text */ 162 | 163 | .hNrKxe, 164 | .dMZZHB, 165 | .dHRxAp, 166 | .epSLdr, 167 | .bsrsDD, 168 | .ffSVrP, 169 | .fZqvbJ, 170 | .fLfaAY, 171 | .bsSkeI, 172 | .jIIIrT, 173 | .EwfIk, 174 | .izAmwE, 175 | code, 176 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 177 | .select2-search--inline .select2-search__field:focus, 178 | .select2-container--default .select2-search--inline .select2-search__field { 179 | border-radius: var(--border-radius); 180 | background-color: var(--accent-color) !important; 181 | border-color: var(--accent-color) !important; 182 | color: var(--text-color) !important; 183 | } 184 | 185 | 186 | /* Changes server icons */ 187 | 188 | .kHuGmn .icon, 189 | .jkiDvQ .icon, 190 | .bvinzM .icon, 191 | .iYhzbi .icon, 192 | .liBonM .icon, 193 | .jqQFoq .icon, 194 | .dRhlIo .icon { 195 | background-color: var(--accent-color) !important; 196 | } 197 | 198 | 199 | /* Changes account settings area */ 200 | 201 | .hfBvRz, 202 | .fenved { 203 | border-radius: var(--border-radius); 204 | background-color: var(--secondary-bg-color) !important; 205 | border-color: var(--accent-color) !important; 206 | } 207 | 208 | 209 | /* Changes input areas */ 210 | 211 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 212 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 213 | .eDhiE[type="checkbox"], 214 | .eDhiE[type="radio"], 215 | .hDlyZJ:not(.disabled):hover, 216 | .farUaV, 217 | .iZMsvi, 218 | .iYSUfg, 219 | .cKwXAB, 220 | .ixeRNi:hover, 221 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 222 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 223 | .hsUiOF, 224 | .jrraLb, 225 | .icxFlO:hover, 226 | .gYNKkb, 227 | .elUIig:hover, 228 | .ekbHAG, 229 | .btn-primary, 230 | .btn-warning, 231 | .btn-success, 232 | .btn-danger, 233 | .alert-danger, 234 | .input-group .input-group-addon, 235 | .select2-container--default .select2-selection--single, 236 | .select2-container--default .select2-selection--multiple, 237 | .content-header>.breadcrumb, 238 | body > div > div > section.content > div:nth-child(3) > div.col-sm-8 > div > div:nth-child(2) > div > div.box-body.table-responsive > pre { 239 | border-color: var(--accent-secondary-color) !important; 240 | background-color: var(--secondary-bg-color-alt) !important; 241 | border-radius: var(--border-radius) !important; 242 | } 243 | 244 | 245 | /* Changes header-upper */ 246 | 247 | .kwjWaB, 248 | .grusjm, 249 | .cswOgL, 250 | .cnbtLx, 251 | .bPeJFv, 252 | .bWXUsX, 253 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 254 | .box-header.with-border, 255 | .bg-gray { 256 | border-color: var(--secondary-bg-color-alt) !important; 257 | background-color: var(--secondary-bg-color-alt) !important; 258 | border-radius: var(--border-radius) !important; 259 | margin-bottom: .25vw !important; 260 | margin-top: .25vw !important; 261 | transform: scale(.96); 262 | } 263 | 264 | 265 | /* Changes header-lower, */ 266 | 267 | .ifNwiE, 268 | .LdCMD, 269 | .fIhPZJ, 270 | .cFegvH, 271 | .box-body { 272 | border-color: transparent !important; 273 | background-color: var(--secondary-bg-color-alt) !important; 274 | border-radius: var(--border-radius) !important; 275 | margin-top: .25vw !important; 276 | } 277 | 278 | 279 | /* Hides background of radial areas */ 280 | 281 | .RkKIC, 282 | .cRDvbO, 283 | .dmLxWB, 284 | .gLxIAb, 285 | .gHwjbw, 286 | .WUPIv, 287 | .dQCdoR, 288 | .vtEGy, 289 | .kGXByO, 290 | .nav-tabs-custom, 291 | .box, 292 | .box-footer, 293 | .small-box>.small-box-footer { 294 | background-color: transparent !important; 295 | border-top: none !important; 296 | box-shadow: none !important; 297 | } 298 | 299 | 300 | /* Changes console */ 301 | 302 | .LbmBV, 303 | .hahdAC { 304 | border-radius: var(--border-radius) !important; 305 | background-color: var(--secondary-bg-color-alt) !important; 306 | margin-bottom: .75vw !important; 307 | } 308 | 309 | 310 | /* Changes console color */ 311 | 312 | .xterm .xterm-screen, 313 | .xterm .xterm-viewport { 314 | background-color: var(--secondary-bg-color-alt) !important; 315 | } 316 | 317 | 318 | /* Changes scroll bar */ 319 | 320 | ::-webkit-scrollbar-thumb:hover { 321 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 322 | } 323 | 324 | ::-webkit-scrollbar-thumb { 325 | border-right-width: 4px !important; 326 | border-left-width: 4px !important; 327 | -webkit-border-radius: 9px 4px !important; 328 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 329 | } 330 | 331 | ::-webkit-scrollbar { 332 | background: var(--main-bg-color) !important; 333 | 334 | } 335 | 336 | 337 | /* Changes console input */ 338 | 339 | .JQChZ, 340 | .csimfD { 341 | border-color: var(--accent-color) !important; 342 | background-color: var(--secondary-bg-color-alt) !important; 343 | border-radius: var(--border-radius) !important; 344 | transform: scale(0.95) !important; 345 | margin-top: .25vw !important; 346 | } 347 | 348 | 349 | 350 | /* Changes input text area */ 351 | 352 | .kZaCVF { 353 | border-color: var(--accent-color) !important; 354 | background-color: var(--secondary-bg-color-alt) !important; 355 | border-radius: var(--border-radius) !important; 356 | margin-top: .25vw !important; 357 | } 358 | 359 | 360 | /* Changes schedule, Users, Network, File Manager */ 361 | 362 | .kqnFDg, 363 | .kHuGmn, 364 | .hIHBYg, 365 | .eGIYvK, 366 | .bmqKpQ, 367 | .fQUMLV { 368 | border-radius: var(--border-radius) !important; 369 | background-color: var(--secondary-bg-color) !important; 370 | } 371 | 372 | 373 | /* Changes Network Icon */ 374 | 375 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 376 | color: var(--text-color) !important; 377 | } 378 | 379 | 380 | /* Changes console input */ 381 | 382 | [type="text"], 383 | [type="email"], 384 | [type="url"], 385 | [type="password"], 386 | [type="number"], 387 | [type="date"], 388 | [type="datetime-local"], 389 | [type="month"], 390 | [type="search"], 391 | [type="tel"], 392 | [type="time"], 393 | [type="week"], 394 | [multiple], 395 | textarea, 396 | select { 397 | background-color: var(--secondary-bg-color-alt) !important; 398 | border-color: transparent !important; 399 | color: var(--text-color) !important; 400 | border-radius: var(--border-radius) !important; 401 | } 402 | 403 | 404 | /* Changes check boxes */ 405 | 406 | .uOUEk.uOUEk, 407 | .jVkAsT[type="checkbox"], 408 | .jVkAsT[type="radio"] { 409 | border-radius: var(--border-radius) !important; 410 | background-color: var(--secondary-bg-color-alt) !important; 411 | border-color: var(--accent-color) !important; 412 | } 413 | 414 | 415 | /* Changes Sub-User */ 416 | 417 | .kqnFDg::-webkit-scrollbar { 418 | background: var(--secondary-bg-color) !important; 419 | border-radius: var(--border-radius) !important; 420 | } 421 | 422 | .ekHIsr { 423 | background-color: var(--secondary-bg-color) !important; 424 | border-radius: var(--border-radius) !important; 425 | } 426 | 427 | 428 | /* Fixes border radius when moving off of div */ 429 | 430 | .icxFlO, 431 | .elUIig { 432 | border-radius: var(--border-radius) !important; 433 | } 434 | 435 | 436 | /* Changes selected admin page */ 437 | 438 | .skin-blue .sidebar-menu>li.active>a { 439 | box-shadow: var(--accent-color) 0px -0px inset !important; 440 | border-left-color: var(--accent-color) !important; 441 | background-color: var(--secondary-bg-color-alt) !important; 442 | } 443 | 444 | 445 | /* Changes background color of hovered admin page */ 446 | 447 | .skin-blue .sidebar-menu>li:hover>a, 448 | .skin-blue .sidebar-menu>li.active>a, 449 | .skin-blue .sidebar-menu>li.menu-open>a, 450 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 451 | background-color: var(--secondary-bg-color-alt) !important; 452 | } 453 | 454 | 455 | /* Changes category name */ 456 | 457 | .skin-blue .sidebar-menu>li.header { 458 | color: var(--text-color) !important; 459 | background-color: var(--secondary-bg-color-alt) !important; 460 | } 461 | 462 | 463 | /* Changes selected tab and background color */ 464 | 465 | .nav-tabs-custom>.nav-tabs>li.active, 466 | .table>thead>tr>th, 467 | .table>tbody>tr>th, 468 | .table>tfoot>tr>th, 469 | .table>thead>tr>td, 470 | .table>tbody>tr>td, 471 | .table>tfoot>tr>td { 472 | border-top-color: var(--accent-color) !important; 473 | border-bottom-color: var(--accent-color) !important; 474 | } 475 | 476 | .nav-tabs-custom>.nav-tabs>li.active>a, 477 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 478 | background-color: var(--secondary-bg-color-alt) !important; 479 | border-color: transparent; 480 | } 481 | 482 | .nav-tabs-custom>.nav-tabs>li:hover { 483 | border-top-color: var(--accent-color) !important; 484 | } 485 | 486 | /* Removes border */ 487 | 488 | .box-footer, 489 | hr { 490 | border-top: none !important; 491 | } 492 | 493 | .nav-tabs-custom>.nav-tabs>li.active, 494 | .table>thead>tr>th, 495 | .table>tbody>tr>th, 496 | .table>tfoot>tr>th, 497 | .table>thead>tr>td, 498 | .table>tbody>tr>td, 499 | .table>tfoot>tr>td { 500 | background-color: var(--secondary-bg-color-alt) !important; 501 | } 502 | 503 | /* Removes port bubble */ 504 | 505 | .cxwlaX, .bceLDp { 506 | background: var(--secondary-bg-color-alt) !important; 507 | } 508 | 509 | /* Fixes console scroll bar */ 510 | 511 | .xterm .xterm-viewport::-webkit-scrollbar { 512 | background: var(--secondary-bg-color-alt) !important; 513 | } 514 | 515 | /* Fixes login page */ 516 | 517 | .eWTBmo, .kZiVrb, .kZiVrb:hover, .kdZiuU, .fMOYf, .fMOYf:hover { 518 | color: var(--text-color) !important; 519 | } 520 | 521 | .dVhqhq { 522 | background-color: var(--secondary-bg-color) !important; 523 | border-color: transparent !important; 524 | box-shadow: none !important; 525 | } 526 | 527 | .fPcGHZ:not([type="checkbox"]):not([type="radio"]) { 528 | border-color: var(--accent-color) !important; 529 | background-color: var(--secondary-bg-color-alt); !important; 530 | border-radius: var(--border-radius) !important; 531 | } 532 | 533 | /* Fixes search button */ 534 | 535 | .btn-default { 536 | border-color: var(--accent-secondary-color) !important; 537 | background-color: var(--secondary-bg-color-alt) !important; 538 | border-radius: var(--border-radius) !important; 539 | } 540 | 541 | .btn-default { 542 | margin-right: .25vw !important; 543 | } 544 | 545 | .input-group .form-control { 546 | margin-right: .25vw !important; 547 | } 548 | 549 | .bg-red, 550 | .bg-yellow, 551 | .bg-aqua, 552 | .bg-blue, 553 | .bg-light-blue, 554 | .bg-green, 555 | .bg-navy, 556 | .bg-teal, 557 | .bg-olive, 558 | .bg-lime, 559 | .bg-orange, 560 | .bg-fuchsia, 561 | .bg-purple, 562 | .bg-maroon, 563 | .bg-black, 564 | .bg-red-active, 565 | .bg-yellow-active, 566 | .bg-aqua-active, 567 | .bg-blue-active, 568 | .bg-light-blue-active, 569 | .bg-green-active, 570 | .bg-navy-active, 571 | .bg-teal-active, 572 | .bg-olive-active, 573 | .bg-lime-active, 574 | .bg-orange-active, 575 | .bg-fuchsia-active, 576 | .bg-purple-active, 577 | .bg-maroon-active, 578 | .bg-black-active, 579 | .callout.callout-danger, 580 | .callout.callout-warning, 581 | .callout.callout-info, 582 | .callout.callout-success, 583 | .alert-success, 584 | .alert-danger, 585 | .alert-error, 586 | .alert-warning, 587 | .alert-info, 588 | .label-danger, 589 | .label-info, 590 | .label-warning, 591 | .label-primary, 592 | .label-success, 593 | .modal-primary .modal-body, 594 | .modal-primary .modal-header, 595 | .modal-primary .modal-footer, 596 | .modal-warning .modal-body, 597 | .modal-warning .modal-header, 598 | .modal-warning .modal-footer, 599 | .modal-info .modal-body, 600 | .modal-info .modal-header, 601 | .modal-info .modal-footer, 602 | .modal-success .modal-body, 603 | .modal-success .modal-header, 604 | .modal-success .modal-footer, 605 | .modal-danger .modal-body, 606 | .modal-danger .modal-header, 607 | .modal-danger .modal-footer { 608 | border-radius: var(--border-radius) !important; 609 | 610 | } 611 | 612 | /* Fixes server list number */ 613 | 614 | .xkLPZ { 615 | border-radius: 100% !important; 616 | } 617 | 618 | .gKREGI:not(:disabled) { 619 | background-color: var(--accent-light) !important; 620 | border-color: var(--accent-light) !important; 621 | } 622 | 623 | .gKREGI:hover:not(:disabled) { 624 | background-color: var(--accent-color) !important; 625 | border-color: var(--accent-color) !important; 626 | } 627 | 628 | .bRKaoy:hover:not(:disabled) { 629 | background-color: var(--accent-color) !important; 630 | border-color: var(--accent-color) !important; 631 | } 632 | 633 | /* Fixes file editor */ 634 | 635 | .CodeMirror-scroll, 636 | .CodeMirror-sizer, 637 | .CodeMirror-gutter, 638 | .CodeMirror-gutters, 639 | .CodeMirror-linenumber { 640 | border-color: var(--accent-color) !important; 641 | background-color: var(--secondary-bg-color) !important; 642 | color: var(--text-color) !important; 643 | } 644 | 645 | /* Fixes Admin areas. */ 646 | 647 | .box-body { 648 | transform: scale(.98) !important; 649 | } 650 | 651 | .ifNwiE, 652 | .LdCMD, 653 | .fIhPZJ, 654 | .cFegvH, 655 | .box-body { 656 | transform: scale(.98) !important; 657 | } 658 | 659 | .info-box, 660 | .info-box-icon { 661 | border-radius: 15px !important; 662 | } 663 | 664 | body > div > div > section.content > div:nth-child(3) > div.col-sm-8 > div > div.box-body > pre, textarea.form-control, input.form-control, body > div > div > section.content > div:nth-child(3) > div.col-sm-8 > div > div.box-body > pre { 665 | border-color: var(--accent-secondary-color) !important; 666 | background-color: var(--secondary-bg-color-alt) !important; 667 | border-radius: var(--border-radius) !important; 668 | } 669 | 670 | .hNrKxe, .dMZZHB, .dHRxAp, .epSLdr, .bsrsDD, .ffSVrP, .fZqvbJ, .fLfaAY, .bsSkeI, .jIIIrT, .EwfIk, .izAmwE, code, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-search--inline .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field { 671 | background: transparent !important; 672 | color: #fafafa !important; 673 | } 674 | 675 | /* Fixes nest, eggs, and mounts */ 676 | 677 | .modal-body, .modal-header, .modal-footer { 678 | background-color: var(--secondary-bg-color) !important; 679 | border-color: var(--secondary-bg-color-alt) !important; 680 | } 681 | 682 | textarea.form-control, input.form-control { 683 | border-color: var(--accent-secondary-color) !important; 684 | background-color: var(--secondary-bg-color-alt) !important; 685 | border-radius: var(--border-radius) !important; 686 | } 687 | 688 | /* Fixes selection for admin pages. */ 689 | 690 | .select2-results__option { 691 | color: #fafafa !important; 692 | background: #282a36 !important; 693 | } 694 | 695 | .select2-container--open .select2-dropdown--below { 696 | margin-top: .25vw !important; 697 | border: none !important 698 | border-radius: 15px !important; 699 | } 700 | 701 | .select2-container--default .select2-results>.select2-results__options { 702 | border-radius: 15px !important; 703 | } 704 | 705 | .select2-dropdown { 706 | border-radius: 15px !important; 707 | background: transparent !important; 708 | border: none !important; 709 | 710 | } 711 | 712 | .select2-results__options::-webkit-scrollbar, .select2-results::-webkit-scrollbar { 713 | display: none !important; 714 | } 715 | 716 | ::-webkit-scrollbar { 717 | display: none !important; 718 | } 719 | -------------------------------------------------------------------------------- /latest/Dark-n-Purple/user.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --main-bg-color: #282a36 !important; 3 | --secondary-bg-color: #242631 !important; 4 | --secondary-bg-color-alt: #20222c !important; 5 | --accent-color: #bd93f9 !important; 6 | --accent-secondary-color: #bd93f9 !important; 7 | --text-color: #fafafa !important; 8 | --border-radius: 15px !important; 9 | --accent-light: #d4b5ff !important; 10 | } 11 | 12 | /* Changes Background */ 13 | 14 | body, .content-wrapper { 15 | background-color: var(--main-bg-color) !important; 16 | } 17 | 18 | 19 | /* Changes Header Color */ 20 | 21 | .ebtnLL, 22 | .cWFcHc, 23 | .iTxXDX, 24 | .JZicT, 25 | .skin-blue .wrapper, 26 | .skin-blue .main-sidebar, 27 | .skin-blue .left-side, 28 | .skin-blue .main-header .navbar, 29 | .skin-blue .main-header .logo, 30 | .main-footer { 31 | background-color: var(--secondary-bg-color) !important; 32 | border-color: transparent !important; 33 | box-shadow: none !important; 34 | } 35 | 36 | 37 | /* Changes selected tab color */ 38 | 39 | .fmPgAW>a:active, 40 | .fmPgAW>.navigation-link:active, 41 | .fmPgAW>a:hover, 42 | .fmPgAW>.navigation-link:hover, 43 | .fmPgAW>a.active, 44 | .fmPgAW>.navigation-link.active, 45 | .cWFcHc>div>a:active, 46 | .cWFcHc>div>div:active, 47 | .cWFcHc>div>a.active, 48 | .cWFcHc>div>div.active, 49 | .jMDToC>a:active, 50 | .jMDToC>.navigation-link:active, 51 | .jMDToC>a:hover, 52 | .jMDToC>.navigation-link:hover, 53 | .jMDToC>a.active, 54 | .jMDToC>.navigation-link.active, 55 | .JZicT>div>a:active, 56 | .JZicT>div>div:active, 57 | .JZicT>div>a.active, 58 | .JZicT>div>div.active { 59 | box-shadow: var(--accent-color) 0px -2px inset !important; 60 | background-color: var(--secondary-bg-color) !important; 61 | } 62 | 63 | 64 | /* Changes Text Color */ 65 | 66 | .fNmetC, 67 | .hcJQtJ, 68 | .ToRTP, 69 | .dPhkRJ, 70 | .cKOMAz, 71 | .jSyjnD, 72 | .jywpgX, 73 | .eFKDEh, 74 | .dUzAFF, 75 | .cbFifO, 76 | .farUaV, 77 | .dMZZHB, 78 | .lgYuLu, 79 | .gSUxYg, 80 | .cdBzyv, 81 | .gxlLzB, 82 | .jexamK, 83 | .eWxPIu, 84 | .eWxPIu:hover, 85 | .jXGwrM, 86 | .mIIYh, 87 | .iambCQ, 88 | .iZqkRd, 89 | .chAlWS, 90 | .iTwxpv, 91 | .skin-blue .main-header .logo, 92 | .jVPRyV, 93 | .cvDOmk, 94 | .dRhlIo .icon, 95 | .hmodKy, 96 | .beRAKh { 97 | color: var(--text-color) !important; 98 | } 99 | 100 | .gqmhN { 101 | display: none !important; 102 | } 103 | 104 | /* Changes disabled switch */ 105 | 106 | .gdhLjd>label, 107 | .cDmYBr>label { 108 | background-color: var(--secondary-bg-color) !important; 109 | border-color: var(--secondary-bg-color) !important; 110 | } 111 | 112 | 113 | /* Changes enabled switch */ 114 | 115 | .gdhLjd>input[type="checkbox"]:checked+label, 116 | .cDmYBr>input[type="checkbox"]:checked+label { 117 | background-color: var(--accent-color) !important; 118 | border-color: var(--accent-color) !important; 119 | } 120 | 121 | 122 | /* Changes server list color */ 123 | 124 | .liBonM, 125 | .bOIdGn, 126 | .jkiDvQ, 127 | .iYhzbi, 128 | .jqQFoq, 129 | .bEKRkc, 130 | .dRhlIo { 131 | background-color: var(--secondary-bg-color) !important; 132 | border-radius: var(--border-radius) !important; 133 | border-color: var(--secondary-bg-color) !important; 134 | } 135 | 136 | 137 | /* Changes border when hover */ 138 | 139 | .liBonM:hover, 140 | .kHuGmn:hover, 141 | .dRhlIo:hover, 142 | .bEKRkc:hover { 143 | border-color: var(--accent-color) !important; 144 | } 145 | 146 | 147 | /* Changes status bar position and size */ 148 | 149 | .jkiDvQ .status-bar, 150 | .bvinzM .status-bar, 151 | .iYhzbi .status-bar, 152 | .liBonM .status-bar, 153 | .jqQFoq .status-bar, 154 | .bEKRkc .status-bar, 155 | .dRhlIo .status-bar { 156 | height: 100vw !important; 157 | right: -.25vw !important; 158 | } 159 | 160 | 161 | /* Changes Installing Status, and other bubble text */ 162 | 163 | .hNrKxe, 164 | .dMZZHB, 165 | .dHRxAp, 166 | .epSLdr, 167 | .bsrsDD, 168 | .ffSVrP, 169 | .fZqvbJ, 170 | .fLfaAY, 171 | .bsSkeI, 172 | .jIIIrT, 173 | .EwfIk, 174 | .izAmwE, 175 | code, 176 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 177 | .select2-search--inline .select2-search__field:focus, 178 | .select2-container--default .select2-search--inline .select2-search__field { 179 | border-radius: var(--border-radius); 180 | background-color: var(--accent-color) !important; 181 | border-color: var(--accent-color) !important; 182 | color: var(--text-color) !important; 183 | } 184 | 185 | 186 | /* Changes server icons */ 187 | 188 | .kHuGmn .icon, 189 | .jkiDvQ .icon, 190 | .bvinzM .icon, 191 | .iYhzbi .icon, 192 | .liBonM .icon, 193 | .jqQFoq .icon, 194 | .dRhlIo .icon { 195 | background-color: var(--accent-color) !important; 196 | } 197 | 198 | 199 | /* Changes account settings area */ 200 | 201 | .hfBvRz, 202 | .fenved { 203 | border-radius: var(--border-radius); 204 | background-color: var(--secondary-bg-color) !important; 205 | border-color: var(--accent-color) !important; 206 | } 207 | 208 | 209 | /* Changes input areas */ 210 | 211 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 212 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 213 | .eDhiE[type="checkbox"], 214 | .eDhiE[type="radio"], 215 | .hDlyZJ:not(.disabled):hover, 216 | .farUaV, 217 | .iZMsvi, 218 | .iYSUfg, 219 | .cKwXAB, 220 | .ixeRNi:hover, 221 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 222 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 223 | .hsUiOF, 224 | .jrraLb, 225 | .icxFlO:hover, 226 | .gYNKkb, 227 | .elUIig:hover, 228 | .ekbHAG, 229 | .btn-primary, 230 | .btn-warning, 231 | .btn-success, 232 | .btn-danger, 233 | .alert-danger, 234 | .input-group .input-group-addon, 235 | .select2-container--default .select2-selection--single, 236 | .select2-container--default .select2-selection--multiple, 237 | .content-header>.breadcrumb, 238 | body > div > div > section.content > div:nth-child(3) > div.col-sm-8 > div > div:nth-child(2) > div > div.box-body.table-responsive > pre { 239 | border-color: var(--accent-secondary-color) !important; 240 | background-color: var(--secondary-bg-color-alt) !important; 241 | border-radius: var(--border-radius) !important; 242 | } 243 | 244 | 245 | /* Changes header-upper */ 246 | 247 | .kwjWaB, 248 | .grusjm, 249 | .cswOgL, 250 | .cnbtLx, 251 | .bPeJFv, 252 | .bWXUsX, 253 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 254 | .box-header.with-border, 255 | .bg-gray { 256 | border-color: var(--secondary-bg-color-alt) !important; 257 | background-color: var(--secondary-bg-color-alt) !important; 258 | border-radius: var(--border-radius) !important; 259 | margin-bottom: .25vw !important; 260 | margin-top: .25vw !important; 261 | transform: scale(.96); 262 | } 263 | 264 | 265 | /* Changes header-lower, */ 266 | 267 | .ifNwiE, 268 | .LdCMD, 269 | .fIhPZJ, 270 | .cFegvH, 271 | .box-body { 272 | border-color: transparent !important; 273 | background-color: var(--secondary-bg-color-alt) !important; 274 | border-radius: var(--border-radius) !important; 275 | margin-top: .25vw !important; 276 | } 277 | 278 | 279 | /* Hides background of radial areas */ 280 | 281 | .RkKIC, 282 | .cRDvbO, 283 | .dmLxWB, 284 | .gLxIAb, 285 | .gHwjbw, 286 | .WUPIv, 287 | .dQCdoR, 288 | .vtEGy, 289 | .kGXByO, 290 | .nav-tabs-custom, 291 | .box, 292 | .box-footer, 293 | .small-box>.small-box-footer { 294 | background-color: transparent !important; 295 | border-top: none !important; 296 | box-shadow: none !important; 297 | } 298 | 299 | 300 | /* Changes console */ 301 | 302 | .LbmBV, 303 | .hahdAC { 304 | border-radius: var(--border-radius) !important; 305 | background-color: var(--secondary-bg-color-alt) !important; 306 | margin-bottom: .75vw !important; 307 | } 308 | 309 | 310 | /* Changes console color */ 311 | 312 | .xterm .xterm-screen, 313 | .xterm .xterm-viewport { 314 | background-color: var(--secondary-bg-color-alt) !important; 315 | } 316 | 317 | 318 | /* Changes scroll bar */ 319 | 320 | ::-webkit-scrollbar-thumb:hover { 321 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 322 | } 323 | 324 | ::-webkit-scrollbar-thumb { 325 | border-right-width: 4px !important; 326 | border-left-width: 4px !important; 327 | -webkit-border-radius: 9px 4px !important; 328 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 329 | } 330 | 331 | ::-webkit-scrollbar { 332 | background: var(--main-bg-color) !important; 333 | 334 | } 335 | 336 | 337 | /* Changes console input */ 338 | 339 | .JQChZ, 340 | .csimfD { 341 | border-color: var(--accent-color) !important; 342 | background-color: var(--secondary-bg-color-alt) !important; 343 | border-radius: var(--border-radius) !important; 344 | transform: scale(0.95) !important; 345 | margin-top: .25vw !important; 346 | } 347 | 348 | 349 | 350 | /* Changes input text area */ 351 | 352 | .kZaCVF { 353 | border-color: var(--accent-color) !important; 354 | background-color: var(--secondary-bg-color-alt) !important; 355 | border-radius: var(--border-radius) !important; 356 | margin-top: .25vw !important; 357 | } 358 | 359 | 360 | /* Changes schedule, Users, Network, File Manager */ 361 | 362 | .kqnFDg, 363 | .kHuGmn, 364 | .hIHBYg, 365 | .eGIYvK, 366 | .bmqKpQ, 367 | .fQUMLV { 368 | border-radius: var(--border-radius) !important; 369 | background-color: var(--secondary-bg-color) !important; 370 | } 371 | 372 | 373 | /* Changes Network Icon */ 374 | 375 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 376 | color: var(--text-color) !important; 377 | } 378 | 379 | 380 | /* Changes console input */ 381 | 382 | [type="text"], 383 | [type="email"], 384 | [type="url"], 385 | [type="password"], 386 | [type="number"], 387 | [type="date"], 388 | [type="datetime-local"], 389 | [type="month"], 390 | [type="search"], 391 | [type="tel"], 392 | [type="time"], 393 | [type="week"], 394 | [multiple], 395 | textarea, 396 | select { 397 | background-color: var(--secondary-bg-color-alt) !important; 398 | border-color: transparent !important; 399 | color: var(--text-color) !important; 400 | border-radius: var(--border-radius) !important; 401 | } 402 | 403 | 404 | /* Changes check boxes */ 405 | 406 | .uOUEk.uOUEk, 407 | .jVkAsT[type="checkbox"], 408 | .jVkAsT[type="radio"] { 409 | border-radius: var(--border-radius) !important; 410 | background-color: var(--secondary-bg-color-alt) !important; 411 | border-color: var(--accent-color) !important; 412 | } 413 | 414 | 415 | /* Changes Sub-User */ 416 | 417 | .kqnFDg::-webkit-scrollbar { 418 | background: var(--secondary-bg-color) !important; 419 | border-radius: var(--border-radius) !important; 420 | } 421 | 422 | .ekHIsr { 423 | background-color: var(--secondary-bg-color) !important; 424 | border-radius: var(--border-radius) !important; 425 | } 426 | 427 | 428 | /* Fixes border radius when moving off of div */ 429 | 430 | .icxFlO, 431 | .elUIig { 432 | border-radius: var(--border-radius) !important; 433 | } 434 | 435 | 436 | /* Changes selected admin page */ 437 | 438 | .skin-blue .sidebar-menu>li.active>a { 439 | box-shadow: var(--accent-color) 0px -0px inset !important; 440 | border-left-color: var(--accent-color) !important; 441 | background-color: var(--secondary-bg-color-alt) !important; 442 | } 443 | 444 | 445 | /* Changes background color of hovered admin page */ 446 | 447 | .skin-blue .sidebar-menu>li:hover>a, 448 | .skin-blue .sidebar-menu>li.active>a, 449 | .skin-blue .sidebar-menu>li.menu-open>a, 450 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 451 | background-color: var(--secondary-bg-color-alt) !important; 452 | } 453 | 454 | 455 | /* Changes category name */ 456 | 457 | .skin-blue .sidebar-menu>li.header { 458 | color: var(--text-color) !important; 459 | background-color: var(--secondary-bg-color-alt) !important; 460 | } 461 | 462 | 463 | /* Changes selected tab and background color */ 464 | 465 | .nav-tabs-custom>.nav-tabs>li.active, 466 | .table>thead>tr>th, 467 | .table>tbody>tr>th, 468 | .table>tfoot>tr>th, 469 | .table>thead>tr>td, 470 | .table>tbody>tr>td, 471 | .table>tfoot>tr>td { 472 | border-top-color: var(--accent-color) !important; 473 | border-bottom-color: var(--accent-color) !important; 474 | } 475 | 476 | .nav-tabs-custom>.nav-tabs>li.active>a, 477 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 478 | background-color: var(--secondary-bg-color-alt) !important; 479 | border-color: transparent; 480 | } 481 | 482 | .nav-tabs-custom>.nav-tabs>li:hover { 483 | border-top-color: var(--accent-color) !important; 484 | } 485 | 486 | /* Removes border */ 487 | 488 | .box-footer, 489 | hr { 490 | border-top: none !important; 491 | } 492 | 493 | .nav-tabs-custom>.nav-tabs>li.active, 494 | .table>thead>tr>th, 495 | .table>tbody>tr>th, 496 | .table>tfoot>tr>th, 497 | .table>thead>tr>td, 498 | .table>tbody>tr>td, 499 | .table>tfoot>tr>td { 500 | background-color: var(--secondary-bg-color-alt) !important; 501 | } 502 | 503 | /* Removes port bubble */ 504 | 505 | .cxwlaX, .bceLDp { 506 | background: var(--secondary-bg-color-alt) !important; 507 | } 508 | 509 | /* Fixes console scroll bar */ 510 | 511 | .xterm .xterm-viewport::-webkit-scrollbar { 512 | background: var(--secondary-bg-color-alt) !important; 513 | } 514 | 515 | /* Fixes login page */ 516 | 517 | .eWTBmo, .kZiVrb, .kZiVrb:hover, .kdZiuU, .fMOYf, .fMOYf:hover { 518 | color: var(--text-color) !important; 519 | } 520 | 521 | .dVhqhq { 522 | background-color: var(--secondary-bg-color) !important; 523 | border-color: transparent !important; 524 | box-shadow: none !important; 525 | } 526 | 527 | .fPcGHZ:not([type="checkbox"]):not([type="radio"]) { 528 | border-color: var(--accent-color) !important; 529 | background-color: var(--secondary-bg-color-alt) !important; 530 | border-radius: var(--border-radius) !important; 531 | } 532 | 533 | /* Fixes search button */ 534 | 535 | .btn-default { 536 | border-color: var(--accent-secondary-color) !important; 537 | background-color: var(--secondary-bg-color-alt) !important; 538 | border-radius: var(--border-radius) !important; 539 | } 540 | 541 | .btn-default { 542 | margin-right: .25vw !important; 543 | } 544 | 545 | .input-group .form-control { 546 | margin-right: .25vw !important; 547 | } 548 | 549 | .bg-red, 550 | .bg-yellow, 551 | .bg-aqua, 552 | .bg-blue, 553 | .bg-light-blue, 554 | .bg-green, 555 | .bg-navy, 556 | .bg-teal, 557 | .bg-olive, 558 | .bg-lime, 559 | .bg-orange, 560 | .bg-fuchsia, 561 | .bg-purple, 562 | .bg-maroon, 563 | .bg-black, 564 | .bg-red-active, 565 | .bg-yellow-active, 566 | .bg-aqua-active, 567 | .bg-blue-active, 568 | .bg-light-blue-active, 569 | .bg-green-active, 570 | .bg-navy-active, 571 | .bg-teal-active, 572 | .bg-olive-active, 573 | .bg-lime-active, 574 | .bg-orange-active, 575 | .bg-fuchsia-active, 576 | .bg-purple-active, 577 | .bg-maroon-active, 578 | .bg-black-active, 579 | .callout.callout-danger, 580 | .callout.callout-warning, 581 | .callout.callout-info, 582 | .callout.callout-success, 583 | .alert-success, 584 | .alert-danger, 585 | .alert-error, 586 | .alert-warning, 587 | .alert-info, 588 | .label-danger, 589 | .label-info, 590 | .label-warning, 591 | .label-primary, 592 | .label-success, 593 | .modal-primary .modal-body, 594 | .modal-primary .modal-header, 595 | .modal-primary .modal-footer, 596 | .modal-warning .modal-body, 597 | .modal-warning .modal-header, 598 | .modal-warning .modal-footer, 599 | .modal-info .modal-body, 600 | .modal-info .modal-header, 601 | .modal-info .modal-footer, 602 | .modal-success .modal-body, 603 | .modal-success .modal-header, 604 | .modal-success .modal-footer, 605 | .modal-danger .modal-body, 606 | .modal-danger .modal-header, 607 | .modal-danger .modal-footer { 608 | border-radius: var(--border-radius) !important; 609 | 610 | } 611 | 612 | /* Fixes server list number */ 613 | 614 | .xkLPZ { 615 | border-radius: 100% !important; 616 | } 617 | 618 | .gKREGI:not(:disabled) { 619 | background-color: var(--accent-light) !important; 620 | border-color: var(--accent-light) !important; 621 | } 622 | 623 | .gKREGI:hover:not(:disabled) { 624 | background-color: var(--accent-color) !important; 625 | border-color: var(--accent-color) !important; 626 | } 627 | 628 | .bRKaoy:hover:not(:disabled) { 629 | background-color: var(--accent-color) !important; 630 | border-color: var(--accent-color) !important; 631 | } 632 | 633 | /* Fixes file editor */ 634 | 635 | .CodeMirror-scroll, 636 | .CodeMirror-sizer, 637 | .CodeMirror-gutter, 638 | .CodeMirror-gutters, 639 | .CodeMirror-linenumber { 640 | border-color: var(--accent-color) !important; 641 | background-color: var(--secondary-bg-color) !important; 642 | color: var(--text-color) !important; 643 | } 644 | 645 | /* Fixes Admin areas. */ 646 | 647 | .box-body { 648 | transform: scale(.98) !important; 649 | } 650 | 651 | .ifNwiE, 652 | .LdCMD, 653 | .fIhPZJ, 654 | .cFegvH, 655 | .box-body { 656 | transform: scale(.98) !important; 657 | } 658 | 659 | .info-box, 660 | .info-box-icon { 661 | border-radius: 15px !important; 662 | } 663 | 664 | body > div > div > section.content > div:nth-child(3) > div.col-sm-8 > div > div.box-body > pre, textarea.form-control, input.form-control, body > div > div > section.content > div:nth-child(3) > div.col-sm-8 > div > div.box-body > pre { 665 | border-color: var(--accent-secondary-color) !important; 666 | background-color: var(--secondary-bg-color-alt) !important; 667 | border-radius: var(--border-radius) !important; 668 | } 669 | 670 | .hNrKxe, .dMZZHB, .dHRxAp, .epSLdr, .bsrsDD, .ffSVrP, .fZqvbJ, .fLfaAY, .bsSkeI, .jIIIrT, .EwfIk, .izAmwE, code, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-search--inline .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field { 671 | background: transparent !important; 672 | color: #fafafa !important; 673 | } 674 | 675 | /* Fixes nest, eggs, and mounts */ 676 | 677 | .modal-body, .modal-header, .modal-footer { 678 | background-color: var(--secondary-bg-color) !important; 679 | border-color: var(--secondary-bg-color-alt) !important; 680 | } 681 | 682 | textarea.form-control, input.form-control { 683 | border-color: var(--accent-secondary-color) !important; 684 | background-color: var(--secondary-bg-color-alt) !important; 685 | border-radius: var(--border-radius) !important; 686 | } 687 | 688 | /* Fixes selection for admin pages. */ 689 | 690 | .select2-results__option { 691 | color: #fafafa !important; 692 | background: #282a36 !important; 693 | } 694 | 695 | .select2-container--open .select2-dropdown--below { 696 | margin-top: .25vw !important; 697 | border: none !important; 698 | border-radius: 15px !important; 699 | } 700 | 701 | .select2-container--default .select2-results>.select2-results__options { 702 | border-radius: 15px !important; 703 | } 704 | 705 | .select2-dropdown { 706 | border-radius: 15px !important; 707 | background: transparent !important; 708 | border: none !important; 709 | } 710 | 711 | .select2-results__options::-webkit-scrollbar, .select2-results::-webkit-scrollbar { 712 | display: none !important; 713 | } 714 | 715 | /* Fixes eula overflow */ 716 | 717 | .ekHIsr { 718 | overflow: hidden !important; 719 | } 720 | -------------------------------------------------------------------------------- /latest/Dracula/admin.css: -------------------------------------------------------------------------------- 1 | /* Changes Background */ 2 | 3 | body, .content-wrapper { 4 | background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjM0LjY0IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNjkuMjgyMDMyMzAyNzU1MSw4MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDEzNSkgIj48cmVjdCBpZD0icGF0dGVybi1iYWNrZ3JvdW5kIiB3aWR0aD0iNDAwJSIgaGVpZ2h0PSI0MDAlIiBmaWxsPSJyZ2JhKDE1LCAzNCwgNDEsMSkiPjwvcmVjdD4gPHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik01My42OSA1MSBMNTEuOTYgNTIgTDUwLjIzIDUxIEw1MC4yMyA0OSBMNTEuOTYgNDggTDUzLjY5IDQ5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDYxIEwzNC42NCA2MiBMMzIuOTEgNjEgTDMyLjkxIDU5IEwzNC42NCA1OCBMMzYuMzcgNTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNMTkuMDUgNTEgTDE3LjMyIDUyIEwxNS41OSA1MSBMMTUuNTkgNDkgTDE3LjMyIDQ4IEwxOS4wNSA0OSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik0xOS4wNSAzMSBMMTcuMzIgMzIgTDE1LjU5IDMxIEwxNS41OSAyOSBMMTcuMzIgMjggTDE5LjA1IDI5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDIxIEwzNC42NCAyMiBMMzIuOTEgMjEgTDMyLjkxIDE5IEwzNC42NCAxOCBMMzYuMzcgMTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNNTMuNjkgMzEgTDUxLjk2IDMyIEw1MC4yMyAzMSBMNTAuMjMgMjkgTDUxLjk2IDI4IEw1My42OSAyOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSgyNTAsIDI1MCwgMjUwLDEpIiBkPSJNMzYuMzcgNDEgTDM0LjY0IDQyIEwzMi45MSA0MSBMMzIuOTEgMzkgTDM0LjY0IDM4IEwzNi4zNyAzOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PC9wYXR0ZXJuPiAgPC9kZWZzPiA8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48L3JlY3Q+PC9zdmc+") !important; 5 | } 6 | 7 | 8 | /* Changes Header Color */ 9 | 10 | .ebtnLL, 11 | .cWFcHc, 12 | .iTxXDX, 13 | .JZicT, 14 | .skin-blue .wrapper, 15 | .skin-blue .main-sidebar, 16 | .skin-blue .left-side, 17 | .skin-blue .main-header .navbar, 18 | .skin-blue .main-header .logo, 19 | .main-footer { 20 | background-color: #203A43 !important; 21 | border-color: transparent !important; 22 | box-shadow: none !important; 23 | } 24 | 25 | 26 | /* Changes selected tab color */ 27 | 28 | .fmPgAW>a:active, 29 | .fmPgAW>.navigation-link:active, 30 | .fmPgAW>a:hover, 31 | .fmPgAW>.navigation-link:hover, 32 | .fmPgAW>a.active, 33 | .fmPgAW>.navigation-link.active, 34 | .cWFcHc>div>a:active, 35 | .cWFcHc>div>div:active, 36 | .cWFcHc>div>a.active, 37 | .cWFcHc>div>div.active, 38 | .jMDToC>a:active, 39 | .jMDToC>.navigation-link:active, 40 | .jMDToC>a:hover, 41 | .jMDToC>.navigation-link:hover, 42 | .jMDToC>a.active, 43 | .jMDToC>.navigation-link.active, 44 | .JZicT>div>a:active, 45 | .JZicT>div>div:active, 46 | .JZicT>div>a.active, 47 | .JZicT>div>div.active { 48 | box-shadow: #3F778A 0px -2px inset !important; 49 | background-color: #203A43 !important; 50 | } 51 | 52 | 53 | /* Changes Text Color */ 54 | 55 | .fNmetC, 56 | .hcJQtJ, 57 | .ToRTP, 58 | .dPhkRJ, 59 | .cKOMAz, 60 | .jSyjnD, 61 | .jywpgX, 62 | .eFKDEh, 63 | .dUzAFF, 64 | .cbFifO, 65 | .farUaV, 66 | .dMZZHB, 67 | .lgYuLu, 68 | .gSUxYg, 69 | .cdBzyv, 70 | .gxlLzB, 71 | .jexamK, 72 | .eWxPIu, 73 | .eWxPIu:hover, 74 | .jXGwrM, 75 | .mIIYh, 76 | .iambCQ, 77 | .iZqkRd, 78 | .chAlWS, 79 | .iTwxpv, 80 | .skin-blue .main-header .logo { 81 | color: #fafafa !important; 82 | } 83 | 84 | 85 | /* Changes disabled switch */ 86 | 87 | .gdhLjd>label, 88 | .cDmYBr>label { 89 | background-color: #203A43 !important; 90 | border-color: #203A43 !important; 91 | } 92 | 93 | 94 | /* Changes enabled switch */ 95 | 96 | .gdhLjd>input[type="checkbox"]:checked+label, 97 | .cDmYBr>input[type="checkbox"]:checked+label { 98 | background-color: #3F778A !important; 99 | border-color: #3F778A !important; 100 | } 101 | 102 | 103 | /* Changes server list color */ 104 | 105 | .liBonM, 106 | .bOIdGn, 107 | .jkiDvQ, 108 | .iYhzbi, 109 | .jqQFoq, 110 | .bEKRkc, 111 | .dRhlIo { 112 | background-color: #203A43 !important; 113 | border-radius: 15px !important; 114 | border-color: #203A43 !important; 115 | } 116 | 117 | 118 | /* Changes border when hover */ 119 | 120 | .liBonM:hover, 121 | .kHuGmn:hover, 122 | .dRhlIo:hover, 123 | .bEKRkc:hover { 124 | border-color: #3F778A !important; 125 | } 126 | 127 | 128 | /* Changes status bar position and size */ 129 | 130 | .jkiDvQ .status-bar, 131 | .bvinzM .status-bar, 132 | .iYhzbi .status-bar, 133 | .liBonM .status-bar, 134 | .jqQFoq .status-bar, 135 | .bEKRkc .status-bar, 136 | .dRhlIo .status-bar { 137 | height: 7vw !important; 138 | right: -.25vw !important; 139 | } 140 | 141 | 142 | /* Changes Installing Status, and other bubble text */ 143 | 144 | .hNrKxe, 145 | .dMZZHB, 146 | .dHRxAp, 147 | .epSLdr, 148 | .bsrsDD, 149 | .ffSVrP, 150 | .fZqvbJ, 151 | .fLfaAY, 152 | .bsSkeI, 153 | .jIIIrT, 154 | .EwfIk, 155 | .izAmwE, 156 | code, 157 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 158 | .select2-search--inline .select2-search__field:focus, 159 | .select2-container--default .select2-search--inline .select2-search__field { 160 | border-radius: 15px; 161 | background-color: #3F778A !important; 162 | border-color: #3F778A !important; 163 | color: #fafafa !important; 164 | } 165 | 166 | 167 | /* Changes server icons */ 168 | 169 | .kHuGmn .icon, 170 | .jkiDvQ .icon, 171 | .bvinzM .icon, 172 | .iYhzbi .icon, 173 | .liBonM .icon, 174 | .jqQFoq .icon, 175 | .dRhlIo .icon { 176 | background-color: #3F778A !important; 177 | } 178 | 179 | 180 | /* Changes account settings area */ 181 | 182 | .hfBvRz, 183 | .fenved { 184 | border-radius: 15px; 185 | background-color: #203A43 !important; 186 | border-color: #3F778A !important; 187 | } 188 | 189 | 190 | /* Changes input areas */ 191 | 192 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 193 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 194 | .eDhiE[type="checkbox"], 195 | .eDhiE[type="radio"], 196 | .hDlyZJ:not(.disabled):hover, 197 | .farUaV, 198 | .iZMsvi, 199 | .iYSUfg, 200 | .cKwXAB, 201 | .ixeRNi:hover, 202 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 203 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 204 | .hsUiOF, 205 | .jrraLb, 206 | .icxFlO:hover, 207 | .gYNKkb, 208 | .elUIig:hover, 209 | .ekbHAG, 210 | .btn-primary, 211 | .btn-warning, 212 | .btn-success, 213 | .alert-danger, 214 | pre, 215 | .input-group .input-group-addon, 216 | .select2-container--default .select2-selection--single, 217 | .select2-container--default .select2-selection--multiple { 218 | border-color: #3F778A !important; 219 | background-color: #0F2229 !important; 220 | border-radius: 15px !important; 221 | } 222 | 223 | 224 | /* Changes header-upper */ 225 | 226 | .kwjWaB, 227 | .grusjm, 228 | .cswOgL, 229 | .cnbtLx, 230 | .bPeJFv, 231 | .bWXUsX, 232 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 233 | .box-header.with-border, 234 | .bg-gray { 235 | border-color: #3F778A !important; 236 | background-color: #203A43 !important; 237 | border-radius: 15px !important; 238 | margin-bottom: 1vw !important; 239 | } 240 | 241 | 242 | /* Changes header-lower, */ 243 | 244 | .ifNwiE, 245 | .LdCMD, 246 | .fIhPZJ, 247 | .cFegvH, 248 | .box-body { 249 | border-color: transparent !important; 250 | background-color: #192E35 !important; 251 | border-radius: 15px !important; 252 | } 253 | 254 | 255 | /* Hides background of radial areas */ 256 | 257 | .RkKIC, 258 | .cRDvbO, 259 | .dmLxWB, 260 | .gLxIAb, 261 | .gHwjbw, 262 | .WUPIv, 263 | .dQCdoR, 264 | .vtEGy, 265 | .kGXByO, 266 | .nav-tabs-custom, 267 | .box, 268 | .box-footer, 269 | .small-box>.small-box-footer { 270 | background-color: transparent !important; 271 | border-top: none !important; 272 | box-shadow: none !important; 273 | } 274 | 275 | 276 | /* Changes console */ 277 | 278 | .LbmBV, 279 | .hahdAC { 280 | border-radius: 15px !important; 281 | background-color: #192E35 !important; 282 | margin-bottom: .75vw !important; 283 | } 284 | 285 | 286 | /* Changes console color */ 287 | 288 | .xterm .xterm-screen, 289 | .xterm .xterm-viewport { 290 | background-color: #192E35 !important; 291 | } 292 | 293 | 294 | /* Changes scroll bar */ 295 | 296 | ::-webkit-scrollbar-thumb:hover { 297 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 298 | } 299 | 300 | ::-webkit-scrollbar-thumb { 301 | border-right-width: 4px !important; 302 | border-left-width: 4px !important; 303 | -webkit-border-radius: 9px 4px !important; 304 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 305 | } 306 | 307 | ::-webkit-scrollbar { 308 | background: #192E35 !important; 309 | border-radius: 15px !important; 310 | } 311 | 312 | 313 | /* Changes console input */ 314 | 315 | .JQChZ, 316 | .csimfD { 317 | border-color: #3F778A !important; 318 | background-color: #203A43 !important; 319 | border-radius: 15px !important; 320 | } 321 | 322 | .jSyjnD { 323 | border-color: #3F778A !important; 324 | } 325 | 326 | 327 | /* Changes input text area */ 328 | 329 | .kZaCVF { 330 | border-color: #3F778A !important; 331 | background-color: #203A43 !important; 332 | border-radius: 15px !important; 333 | } 334 | 335 | 336 | /* Changes schedule, Users, Network, File Manager */ 337 | 338 | .kqnFDg, 339 | .kHuGmn, 340 | .hIHBYg, 341 | .eGIYvK, 342 | .bmqKpQ, 343 | .fQUMLV { 344 | border-radius: 15px !important; 345 | overflow: hidden !important; 346 | background-color: #203A43 !important; 347 | } 348 | 349 | 350 | /* Changes Network Icon */ 351 | 352 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 353 | color: #fafafa !important; 354 | } 355 | 356 | 357 | /* Changes console input */ 358 | 359 | [type="text"], 360 | [type="email"], 361 | [type="url"], 362 | [type="password"], 363 | [type="number"], 364 | [type="date"], 365 | [type="datetime-local"], 366 | [type="month"], 367 | [type="search"], 368 | [type="tel"], 369 | [type="time"], 370 | [type="week"], 371 | [multiple], 372 | textarea, 373 | select { 374 | background-color: #203A43 !important; 375 | border-color: transparent !important; 376 | color: #fafafa !important; 377 | border-radius: 15px !important; 378 | } 379 | 380 | 381 | /* Changes check boxes */ 382 | 383 | .uOUEk.uOUEk, 384 | .jVkAsT[type="checkbox"], 385 | .jVkAsT[type="radio"] { 386 | border-radius: 15px !important; 387 | background-color: #192E35 !important; 388 | border-color: #3F778A !important; 389 | } 390 | 391 | 392 | /* Changes Sub-User */ 393 | 394 | .ekHIsr::-webkit-scrollbar { 395 | background: #203A43 !important; 396 | border-radius: 15px !important; 397 | } 398 | 399 | .ekHIsr { 400 | background-color: #203A43 !important; 401 | border-radius: 15px !important; 402 | } 403 | 404 | 405 | /* Fixes border radius when moving off of div */ 406 | 407 | .icxFlO, 408 | .elUIig { 409 | border-radius: 15px !important; 410 | } 411 | 412 | 413 | /* Changes selected admin page */ 414 | 415 | .skin-blue .sidebar-menu>li.active>a { 416 | box-shadow: #3F778A 0px -2px inset !important; 417 | border-left-color: #3F778A !important; 418 | background-color: #192E35 !important; 419 | } 420 | 421 | 422 | /* Changes background color of hovered admin page */ 423 | 424 | .skin-blue .sidebar-menu>li:hover>a, 425 | .skin-blue .sidebar-menu>li.active>a, 426 | .skin-blue .sidebar-menu>li.menu-open>a, 427 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 428 | background-color: #192E35 !important; 429 | } 430 | 431 | 432 | /* Changes category name */ 433 | 434 | .skin-blue .sidebar-menu>li.header { 435 | color: #fafafa !important; 436 | background-color: #192E35 !important; 437 | } 438 | 439 | 440 | /* Changes selected tab and background color */ 441 | 442 | .nav-tabs-custom>.nav-tabs>li.active, 443 | .table>thead>tr>th, 444 | .table>tbody>tr>th, 445 | .table>tfoot>tr>th, 446 | .table>thead>tr>td, 447 | .table>tbody>tr>td, 448 | .table>tfoot>tr>td { 449 | border-top-color: #3F778A !important; 450 | border-bottom-color: #3F778A !important; 451 | } 452 | 453 | .nav-tabs-custom>.nav-tabs>li.active>a, 454 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 455 | background-color: #192E35 !important; 456 | border-color: transparent; 457 | } 458 | 459 | .nav-tabs-custom>.nav-tabs>li:hover { 460 | border-top-color: #3F778A !important; 461 | } 462 | 463 | /* Removes border */ 464 | 465 | .box-footer, 466 | hr { 467 | border-top: none !important; 468 | } 469 | 470 | .nav-tabs-custom>.nav-tabs>li.active, 471 | .table>thead>tr>th, 472 | .table>tbody>tr>th, 473 | .table>tfoot>tr>th, 474 | .table>thead>tr>td, 475 | .table>tbody>tr>td, 476 | .table>tfoot>tr>td { 477 | background-color: #203A43 !important; 478 | } 479 | 480 | /* Removes port bubble */ 481 | 482 | #app > div.App___StyledDiv-sc-2l91w7-0.fnfeQw > div.Fade__Container-sc-1p0gm8n-0.hcgQjy > section > div.ContentContainer-x3r2dw-0.PageContentBlock___StyledContentContainer-kbxq2g-0.hiUzTH.ckLneN.ServerConsole___StyledServerContentBlock-sc-1j2y518-0.hlbvqz.fade-appear-done.fade-enter-done > div.ServerConsole___StyledDiv-sc-1j2y518-1.dfrjYE > div.TitledGreyBox___StyledDiv-gvsoy-0.kGXByO.ServerDetailsBlock___StyledTitledGreyBox-sc-168cvuh-0.dQCdoR > div.TitledGreyBox___StyledDiv3-gvsoy-4.fIhPZJ > p.ServerDetailsBlock___StyledP2-sc-168cvuh-3.wOPxU.CopyOnClick___StyledCopyToClipboard-sc-7pjzdv-1.knscqo > code { 483 | background: #192E35 !important; 484 | } 485 | -------------------------------------------------------------------------------- /latest/Dracula/user.css: -------------------------------------------------------------------------------- 1 | /* Changes Background */ 2 | 3 | body, .content-wrapper { 4 | background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjM0LjY0IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNjkuMjgyMDMyMzAyNzU1MSw4MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDEzNSkgIj48cmVjdCBpZD0icGF0dGVybi1iYWNrZ3JvdW5kIiB3aWR0aD0iNDAwJSIgaGVpZ2h0PSI0MDAlIiBmaWxsPSJyZ2JhKDE1LCAzNCwgNDEsMSkiPjwvcmVjdD4gPHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik01My42OSA1MSBMNTEuOTYgNTIgTDUwLjIzIDUxIEw1MC4yMyA0OSBMNTEuOTYgNDggTDUzLjY5IDQ5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDYxIEwzNC42NCA2MiBMMzIuOTEgNjEgTDMyLjkxIDU5IEwzNC42NCA1OCBMMzYuMzcgNTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNMTkuMDUgNTEgTDE3LjMyIDUyIEwxNS41OSA1MSBMMTUuNTkgNDkgTDE3LjMyIDQ4IEwxOS4wNSA0OSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik0xOS4wNSAzMSBMMTcuMzIgMzIgTDE1LjU5IDMxIEwxNS41OSAyOSBMMTcuMzIgMjggTDE5LjA1IDI5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDIxIEwzNC42NCAyMiBMMzIuOTEgMjEgTDMyLjkxIDE5IEwzNC42NCAxOCBMMzYuMzcgMTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNNTMuNjkgMzEgTDUxLjk2IDMyIEw1MC4yMyAzMSBMNTAuMjMgMjkgTDUxLjk2IDI4IEw1My42OSAyOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSgyNTAsIDI1MCwgMjUwLDEpIiBkPSJNMzYuMzcgNDEgTDM0LjY0IDQyIEwzMi45MSA0MSBMMzIuOTEgMzkgTDM0LjY0IDM4IEwzNi4zNyAzOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PC9wYXR0ZXJuPiAgPC9kZWZzPiA8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48L3JlY3Q+PC9zdmc+") !important; 5 | } 6 | 7 | 8 | /* Changes Header Color */ 9 | 10 | .ebtnLL, 11 | .cWFcHc, 12 | .iTxXDX, 13 | .JZicT, 14 | .skin-blue .wrapper, 15 | .skin-blue .main-sidebar, 16 | .skin-blue .left-side, 17 | .skin-blue .main-header .navbar, 18 | .skin-blue .main-header .logo, 19 | .main-footer { 20 | background-color: #203A43 !important; 21 | border-color: transparent !important; 22 | box-shadow: none !important; 23 | } 24 | 25 | 26 | /* Changes selected tab color */ 27 | 28 | .fmPgAW>a:active, 29 | .fmPgAW>.navigation-link:active, 30 | .fmPgAW>a:hover, 31 | .fmPgAW>.navigation-link:hover, 32 | .fmPgAW>a.active, 33 | .fmPgAW>.navigation-link.active, 34 | .cWFcHc>div>a:active, 35 | .cWFcHc>div>div:active, 36 | .cWFcHc>div>a.active, 37 | .cWFcHc>div>div.active, 38 | .jMDToC>a:active, 39 | .jMDToC>.navigation-link:active, 40 | .jMDToC>a:hover, 41 | .jMDToC>.navigation-link:hover, 42 | .jMDToC>a.active, 43 | .jMDToC>.navigation-link.active, 44 | .JZicT>div>a:active, 45 | .JZicT>div>div:active, 46 | .JZicT>div>a.active, 47 | .JZicT>div>div.active { 48 | box-shadow: #3F778A 0px -2px inset !important; 49 | background-color: #203A43 !important; 50 | } 51 | 52 | 53 | /* Changes Text Color */ 54 | 55 | .fNmetC, 56 | .hcJQtJ, 57 | .ToRTP, 58 | .dPhkRJ, 59 | .cKOMAz, 60 | .jSyjnD, 61 | .jywpgX, 62 | .eFKDEh, 63 | .dUzAFF, 64 | .cbFifO, 65 | .farUaV, 66 | .dMZZHB, 67 | .lgYuLu, 68 | .gSUxYg, 69 | .cdBzyv, 70 | .gxlLzB, 71 | .jexamK, 72 | .eWxPIu, 73 | .eWxPIu:hover, 74 | .jXGwrM, 75 | .mIIYh, 76 | .iambCQ, 77 | .iZqkRd, 78 | .chAlWS, 79 | .iTwxpv, 80 | .skin-blue .main-header .logo { 81 | color: #fafafa !important; 82 | } 83 | 84 | 85 | /* Changes disabled switch */ 86 | 87 | .gdhLjd>label, 88 | .cDmYBr>label { 89 | background-color: #203A43 !important; 90 | border-color: #203A43 !important; 91 | } 92 | 93 | 94 | /* Changes enabled switch */ 95 | 96 | .gdhLjd>input[type="checkbox"]:checked+label, 97 | .cDmYBr>input[type="checkbox"]:checked+label { 98 | background-color: #3F778A !important; 99 | border-color: #3F778A !important; 100 | } 101 | 102 | 103 | /* Changes server list color */ 104 | 105 | .liBonM, 106 | .bOIdGn, 107 | .jkiDvQ, 108 | .iYhzbi, 109 | .jqQFoq, 110 | .bEKRkc, 111 | .dRhlIo { 112 | background-color: #203A43 !important; 113 | border-radius: 15px !important; 114 | border-color: #203A43 !important; 115 | } 116 | 117 | 118 | /* Changes border when hover */ 119 | 120 | .liBonM:hover, 121 | .kHuGmn:hover, 122 | .dRhlIo:hover, 123 | .bEKRkc:hover { 124 | border-color: #3F778A !important; 125 | } 126 | 127 | 128 | /* Changes status bar position and size */ 129 | 130 | .jkiDvQ .status-bar, 131 | .bvinzM .status-bar, 132 | .iYhzbi .status-bar, 133 | .liBonM .status-bar, 134 | .jqQFoq .status-bar, 135 | .bEKRkc .status-bar, 136 | .dRhlIo .status-bar { 137 | height: 7vw !important; 138 | right: -.25vw !important; 139 | } 140 | 141 | 142 | /* Changes Installing Status, and other bubble text */ 143 | 144 | .hNrKxe, 145 | .dMZZHB, 146 | .dHRxAp, 147 | .epSLdr, 148 | .bsrsDD, 149 | .ffSVrP, 150 | .fZqvbJ, 151 | .fLfaAY, 152 | .bsSkeI, 153 | .jIIIrT, 154 | .EwfIk, 155 | .izAmwE, 156 | code, 157 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 158 | .select2-search--inline .select2-search__field:focus, 159 | .select2-container--default .select2-search--inline .select2-search__field { 160 | border-radius: 15px; 161 | background-color: #3F778A !important; 162 | border-color: #3F778A !important; 163 | color: #fafafa !important; 164 | } 165 | 166 | 167 | /* Changes server icons */ 168 | 169 | .kHuGmn .icon, 170 | .jkiDvQ .icon, 171 | .bvinzM .icon, 172 | .iYhzbi .icon, 173 | .liBonM .icon, 174 | .jqQFoq .icon, 175 | .dRhlIo .icon { 176 | background-color: #3F778A !important; 177 | } 178 | 179 | 180 | /* Changes account settings area */ 181 | 182 | .hfBvRz, 183 | .fenved { 184 | border-radius: 15px; 185 | background-color: #203A43 !important; 186 | border-color: #3F778A !important; 187 | } 188 | 189 | 190 | /* Changes input areas */ 191 | 192 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 193 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 194 | .eDhiE[type="checkbox"], 195 | .eDhiE[type="radio"], 196 | .hDlyZJ:not(.disabled):hover, 197 | .farUaV, 198 | .iZMsvi, 199 | .iYSUfg, 200 | .cKwXAB, 201 | .ixeRNi:hover, 202 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 203 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 204 | .hsUiOF, 205 | .jrraLb, 206 | .icxFlO:hover, 207 | .gYNKkb, 208 | .elUIig:hover, 209 | .ekbHAG, 210 | .btn-primary, 211 | .btn-warning, 212 | .btn-success, 213 | .alert-danger, 214 | pre, 215 | .input-group .input-group-addon, 216 | .select2-container--default .select2-selection--single, 217 | .select2-container--default .select2-selection--multiple { 218 | border-color: #3F778A !important; 219 | background-color: #0F2229 !important; 220 | border-radius: 15px !important; 221 | } 222 | 223 | 224 | /* Changes header-upper */ 225 | 226 | .kwjWaB, 227 | .grusjm, 228 | .cswOgL, 229 | .cnbtLx, 230 | .bPeJFv, 231 | .bWXUsX, 232 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 233 | .box-header.with-border, 234 | .bg-gray { 235 | border-color: #3F778A !important; 236 | background-color: #203A43 !important; 237 | border-radius: 15px !important; 238 | margin-bottom: 1vw !important; 239 | } 240 | 241 | 242 | /* Changes header-lower, */ 243 | 244 | .ifNwiE, 245 | .LdCMD, 246 | .fIhPZJ, 247 | .cFegvH, 248 | .box-body { 249 | border-color: transparent !important; 250 | background-color: #192E35 !important; 251 | border-radius: 15px !important; 252 | } 253 | 254 | 255 | /* Hides background of radial areas */ 256 | 257 | .RkKIC, 258 | .cRDvbO, 259 | .dmLxWB, 260 | .gLxIAb, 261 | .gHwjbw, 262 | .WUPIv, 263 | .dQCdoR, 264 | .vtEGy, 265 | .kGXByO, 266 | .nav-tabs-custom, 267 | .box, 268 | .box-footer, 269 | .small-box>.small-box-footer { 270 | background-color: transparent !important; 271 | border-top: none !important; 272 | box-shadow: none !important; 273 | } 274 | 275 | 276 | /* Changes console */ 277 | 278 | .LbmBV, 279 | .hahdAC { 280 | border-radius: 15px !important; 281 | background-color: #192E35 !important; 282 | margin-bottom: .75vw !important; 283 | } 284 | 285 | 286 | /* Changes console color */ 287 | 288 | .xterm .xterm-screen, 289 | .xterm .xterm-viewport { 290 | background-color: #192E35 !important; 291 | } 292 | 293 | 294 | /* Changes scroll bar */ 295 | 296 | ::-webkit-scrollbar-thumb:hover { 297 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 298 | } 299 | 300 | ::-webkit-scrollbar-thumb { 301 | border-right-width: 4px !important; 302 | border-left-width: 4px !important; 303 | -webkit-border-radius: 9px 4px !important; 304 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 305 | } 306 | 307 | ::-webkit-scrollbar { 308 | background: #192E35 !important; 309 | border-radius: 15px !important; 310 | } 311 | 312 | 313 | /* Changes console input */ 314 | 315 | .JQChZ, 316 | .csimfD { 317 | border-color: #3F778A !important; 318 | background-color: #203A43 !important; 319 | border-radius: 15px !important; 320 | } 321 | 322 | .jSyjnD { 323 | border-color: #3F778A !important; 324 | } 325 | 326 | 327 | /* Changes input text area */ 328 | 329 | .kZaCVF { 330 | border-color: #3F778A !important; 331 | background-color: #203A43 !important; 332 | border-radius: 15px !important; 333 | } 334 | 335 | 336 | /* Changes schedule, Users, Network, File Manager */ 337 | 338 | .kqnFDg, 339 | .kHuGmn, 340 | .hIHBYg, 341 | .eGIYvK, 342 | .bmqKpQ, 343 | .fQUMLV { 344 | border-radius: 15px !important; 345 | overflow: hidden !important; 346 | background-color: #203A43 !important; 347 | } 348 | 349 | 350 | /* Changes Network Icon */ 351 | 352 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 353 | color: #fafafa !important; 354 | } 355 | 356 | 357 | /* Changes console input */ 358 | 359 | [type="text"], 360 | [type="email"], 361 | [type="url"], 362 | [type="password"], 363 | [type="number"], 364 | [type="date"], 365 | [type="datetime-local"], 366 | [type="month"], 367 | [type="search"], 368 | [type="tel"], 369 | [type="time"], 370 | [type="week"], 371 | [multiple], 372 | textarea, 373 | select { 374 | background-color: #203A43 !important; 375 | border-color: transparent !important; 376 | color: #fafafa !important; 377 | border-radius: 15px !important; 378 | } 379 | 380 | 381 | /* Changes check boxes */ 382 | 383 | .uOUEk.uOUEk, 384 | .jVkAsT[type="checkbox"], 385 | .jVkAsT[type="radio"] { 386 | border-radius: 15px !important; 387 | background-color: #192E35 !important; 388 | border-color: #3F778A !important; 389 | } 390 | 391 | 392 | /* Changes Sub-User */ 393 | 394 | .ekHIsr::-webkit-scrollbar { 395 | background: #203A43 !important; 396 | border-radius: 15px !important; 397 | } 398 | 399 | .ekHIsr { 400 | background-color: #203A43 !important; 401 | border-radius: 15px !important; 402 | } 403 | 404 | 405 | /* Fixes border radius when moving off of div */ 406 | 407 | .icxFlO, 408 | .elUIig { 409 | border-radius: 15px !important; 410 | } 411 | 412 | 413 | /* Changes selected admin page */ 414 | 415 | .skin-blue .sidebar-menu>li.active>a { 416 | box-shadow: #3F778A 0px -2px inset !important; 417 | border-left-color: #3F778A !important; 418 | background-color: #192E35 !important; 419 | } 420 | 421 | 422 | /* Changes background color of hovered admin page */ 423 | 424 | .skin-blue .sidebar-menu>li:hover>a, 425 | .skin-blue .sidebar-menu>li.active>a, 426 | .skin-blue .sidebar-menu>li.menu-open>a, 427 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 428 | background-color: #192E35 !important; 429 | } 430 | 431 | 432 | /* Changes category name */ 433 | 434 | .skin-blue .sidebar-menu>li.header { 435 | color: #fafafa !important; 436 | background-color: #192E35 !important; 437 | } 438 | 439 | 440 | /* Changes selected tab and background color */ 441 | 442 | .nav-tabs-custom>.nav-tabs>li.active, 443 | .table>thead>tr>th, 444 | .table>tbody>tr>th, 445 | .table>tfoot>tr>th, 446 | .table>thead>tr>td, 447 | .table>tbody>tr>td, 448 | .table>tfoot>tr>td { 449 | border-top-color: #3F778A !important; 450 | border-bottom-color: #3F778A !important; 451 | } 452 | 453 | .nav-tabs-custom>.nav-tabs>li.active>a, 454 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 455 | background-color: #192E35 !important; 456 | border-color: transparent; 457 | } 458 | 459 | .nav-tabs-custom>.nav-tabs>li:hover { 460 | border-top-color: #3F778A !important; 461 | } 462 | 463 | /* Removes border */ 464 | 465 | .box-footer, 466 | hr { 467 | border-top: none !important; 468 | } 469 | 470 | .nav-tabs-custom>.nav-tabs>li.active, 471 | .table>thead>tr>th, 472 | .table>tbody>tr>th, 473 | .table>tfoot>tr>th, 474 | .table>thead>tr>td, 475 | .table>tbody>tr>td, 476 | .table>tfoot>tr>td { 477 | background-color: #203A43 !important; 478 | } 479 | 480 | /* Removes port bubble */ 481 | 482 | #app > div.App___StyledDiv-sc-2l91w7-0.fnfeQw > div.Fade__Container-sc-1p0gm8n-0.hcgQjy > section > div.ContentContainer-x3r2dw-0.PageContentBlock___StyledContentContainer-kbxq2g-0.hiUzTH.ckLneN.ServerConsole___StyledServerContentBlock-sc-1j2y518-0.hlbvqz.fade-appear-done.fade-enter-done > div.ServerConsole___StyledDiv-sc-1j2y518-1.dfrjYE > div.TitledGreyBox___StyledDiv-gvsoy-0.kGXByO.ServerDetailsBlock___StyledTitledGreyBox-sc-168cvuh-0.dQCdoR > div.TitledGreyBox___StyledDiv3-gvsoy-4.fIhPZJ > p.ServerDetailsBlock___StyledP2-sc-168cvuh-3.wOPxU.CopyOnClick___StyledCopyToClipboard-sc-7pjzdv-1.knscqo > code { 483 | background: #192E35 !important; 484 | } 485 | -------------------------------------------------------------------------------- /latest/Enola/admin.css: -------------------------------------------------------------------------------- 1 | /* Changes Background */ 2 | 3 | body, .content-wrapper { 4 | background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjM0LjY0IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNjkuMjgyMDMyMzAyNzU1MSw4MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDEzNSkgIj48cmVjdCBpZD0icGF0dGVybi1iYWNrZ3JvdW5kIiB3aWR0aD0iNDAwJSIgaGVpZ2h0PSI0MDAlIiBmaWxsPSJyZ2JhKDE1LCAzNCwgNDEsMSkiPjwvcmVjdD4gPHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik01My42OSA1MSBMNTEuOTYgNTIgTDUwLjIzIDUxIEw1MC4yMyA0OSBMNTEuOTYgNDggTDUzLjY5IDQ5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDYxIEwzNC42NCA2MiBMMzIuOTEgNjEgTDMyLjkxIDU5IEwzNC42NCA1OCBMMzYuMzcgNTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNMTkuMDUgNTEgTDE3LjMyIDUyIEwxNS41OSA1MSBMMTUuNTkgNDkgTDE3LjMyIDQ4IEwxOS4wNSA0OSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik0xOS4wNSAzMSBMMTcuMzIgMzIgTDE1LjU5IDMxIEwxNS41OSAyOSBMMTcuMzIgMjggTDE5LjA1IDI5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDIxIEwzNC42NCAyMiBMMzIuOTEgMjEgTDMyLjkxIDE5IEwzNC42NCAxOCBMMzYuMzcgMTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNNTMuNjkgMzEgTDUxLjk2IDMyIEw1MC4yMyAzMSBMNTAuMjMgMjkgTDUxLjk2IDI4IEw1My42OSAyOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSgyNTAsIDI1MCwgMjUwLDEpIiBkPSJNMzYuMzcgNDEgTDM0LjY0IDQyIEwzMi45MSA0MSBMMzIuOTEgMzkgTDM0LjY0IDM4IEwzNi4zNyAzOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PC9wYXR0ZXJuPiAgPC9kZWZzPiA8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48L3JlY3Q+PC9zdmc+") !important; 5 | } 6 | 7 | 8 | /* Changes Header Color */ 9 | 10 | .ebtnLL, 11 | .cWFcHc, 12 | .iTxXDX, 13 | .JZicT, 14 | .skin-blue .wrapper, 15 | .skin-blue .main-sidebar, 16 | .skin-blue .left-side, 17 | .skin-blue .main-header .navbar, 18 | .skin-blue .main-header .logo, 19 | .main-footer { 20 | background-color: #203A43 !important; 21 | border-color: transparent !important; 22 | box-shadow: none !important; 23 | } 24 | 25 | 26 | /* Changes selected tab color */ 27 | 28 | .fmPgAW>a:active, 29 | .fmPgAW>.navigation-link:active, 30 | .fmPgAW>a:hover, 31 | .fmPgAW>.navigation-link:hover, 32 | .fmPgAW>a.active, 33 | .fmPgAW>.navigation-link.active, 34 | .cWFcHc>div>a:active, 35 | .cWFcHc>div>div:active, 36 | .cWFcHc>div>a.active, 37 | .cWFcHc>div>div.active, 38 | .jMDToC>a:active, 39 | .jMDToC>.navigation-link:active, 40 | .jMDToC>a:hover, 41 | .jMDToC>.navigation-link:hover, 42 | .jMDToC>a.active, 43 | .jMDToC>.navigation-link.active, 44 | .JZicT>div>a:active, 45 | .JZicT>div>div:active, 46 | .JZicT>div>a.active, 47 | .JZicT>div>div.active { 48 | box-shadow: #3F778A 0px -2px inset !important; 49 | background-color: #203A43 !important; 50 | } 51 | 52 | 53 | /* Changes Text Color */ 54 | 55 | .fNmetC, 56 | .hcJQtJ, 57 | .ToRTP, 58 | .dPhkRJ, 59 | .cKOMAz, 60 | .jSyjnD, 61 | .jywpgX, 62 | .eFKDEh, 63 | .dUzAFF, 64 | .cbFifO, 65 | .farUaV, 66 | .dMZZHB, 67 | .lgYuLu, 68 | .gSUxYg, 69 | .cdBzyv, 70 | .gxlLzB, 71 | .jexamK, 72 | .eWxPIu, 73 | .eWxPIu:hover, 74 | .jXGwrM, 75 | .mIIYh, 76 | .iambCQ, 77 | .iZqkRd, 78 | .chAlWS, 79 | .iTwxpv, 80 | .skin-blue .main-header .logo { 81 | color: #fafafa !important; 82 | } 83 | 84 | 85 | /* Changes disabled switch */ 86 | 87 | .gdhLjd>label, 88 | .cDmYBr>label { 89 | background-color: #203A43 !important; 90 | border-color: #203A43 !important; 91 | } 92 | 93 | 94 | /* Changes enabled switch */ 95 | 96 | .gdhLjd>input[type="checkbox"]:checked+label, 97 | .cDmYBr>input[type="checkbox"]:checked+label { 98 | background-color: #3F778A !important; 99 | border-color: #3F778A !important; 100 | } 101 | 102 | 103 | /* Changes server list color */ 104 | 105 | .liBonM, 106 | .bOIdGn, 107 | .jkiDvQ, 108 | .iYhzbi, 109 | .jqQFoq, 110 | .bEKRkc, 111 | .dRhlIo { 112 | background-color: #203A43 !important; 113 | border-radius: 15px !important; 114 | border-color: #203A43 !important; 115 | } 116 | 117 | 118 | /* Changes border when hover */ 119 | 120 | .liBonM:hover, 121 | .kHuGmn:hover, 122 | .dRhlIo:hover, 123 | .bEKRkc:hover { 124 | border-color: #3F778A !important; 125 | } 126 | 127 | 128 | /* Changes status bar position and size */ 129 | 130 | .jkiDvQ .status-bar, 131 | .bvinzM .status-bar, 132 | .iYhzbi .status-bar, 133 | .liBonM .status-bar, 134 | .jqQFoq .status-bar, 135 | .bEKRkc .status-bar, 136 | .dRhlIo .status-bar { 137 | height: 7vw !important; 138 | right: -.25vw !important; 139 | } 140 | 141 | 142 | /* Changes Installing Status, and other bubble text */ 143 | 144 | .hNrKxe, 145 | .dMZZHB, 146 | .dHRxAp, 147 | .epSLdr, 148 | .bsrsDD, 149 | .ffSVrP, 150 | .fZqvbJ, 151 | .fLfaAY, 152 | .bsSkeI, 153 | .jIIIrT, 154 | .EwfIk, 155 | .izAmwE, 156 | code, 157 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 158 | .select2-search--inline .select2-search__field:focus, 159 | .select2-container--default .select2-search--inline .select2-search__field { 160 | border-radius: 15px; 161 | background-color: #3F778A !important; 162 | border-color: #3F778A !important; 163 | color: #fafafa !important; 164 | } 165 | 166 | 167 | /* Changes server icons */ 168 | 169 | .kHuGmn .icon, 170 | .jkiDvQ .icon, 171 | .bvinzM .icon, 172 | .iYhzbi .icon, 173 | .liBonM .icon, 174 | .jqQFoq .icon, 175 | .dRhlIo .icon { 176 | background-color: #3F778A !important; 177 | } 178 | 179 | 180 | /* Changes account settings area */ 181 | 182 | .hfBvRz, 183 | .fenved { 184 | border-radius: 15px; 185 | background-color: #203A43 !important; 186 | border-color: #3F778A !important; 187 | } 188 | 189 | 190 | /* Changes input areas */ 191 | 192 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 193 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 194 | .eDhiE[type="checkbox"], 195 | .eDhiE[type="radio"], 196 | .hDlyZJ:not(.disabled):hover, 197 | .farUaV, 198 | .iZMsvi, 199 | .iYSUfg, 200 | .cKwXAB, 201 | .ixeRNi:hover, 202 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 203 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 204 | .hsUiOF, 205 | .jrraLb, 206 | .icxFlO:hover, 207 | .gYNKkb, 208 | .elUIig:hover, 209 | .ekbHAG, 210 | .btn-primary, 211 | .btn-warning, 212 | .btn-success, 213 | .alert-danger, 214 | pre, 215 | .input-group .input-group-addon, 216 | .select2-container--default .select2-selection--single, 217 | .select2-container--default .select2-selection--multiple { 218 | border-color: #3F778A !important; 219 | background-color: #0F2229 !important; 220 | border-radius: 15px !important; 221 | } 222 | 223 | 224 | /* Changes header-upper */ 225 | 226 | .kwjWaB, 227 | .grusjm, 228 | .cswOgL, 229 | .cnbtLx, 230 | .bPeJFv, 231 | .bWXUsX, 232 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 233 | .box-header.with-border, 234 | .bg-gray { 235 | border-color: #3F778A !important; 236 | background-color: #203A43 !important; 237 | border-radius: 15px !important; 238 | margin-bottom: 1vw !important; 239 | } 240 | 241 | 242 | /* Changes header-lower, */ 243 | 244 | .ifNwiE, 245 | .LdCMD, 246 | .fIhPZJ, 247 | .cFegvH, 248 | .box-body { 249 | border-color: transparent !important; 250 | background-color: #192E35 !important; 251 | border-radius: 15px !important; 252 | } 253 | 254 | 255 | /* Hides background of radial areas */ 256 | 257 | .RkKIC, 258 | .cRDvbO, 259 | .dmLxWB, 260 | .gLxIAb, 261 | .gHwjbw, 262 | .WUPIv, 263 | .dQCdoR, 264 | .vtEGy, 265 | .kGXByO, 266 | .nav-tabs-custom, 267 | .box, 268 | .box-footer, 269 | .small-box>.small-box-footer { 270 | background-color: transparent !important; 271 | border-top: none !important; 272 | box-shadow: none !important; 273 | } 274 | 275 | 276 | /* Changes console */ 277 | 278 | .LbmBV, 279 | .hahdAC { 280 | border-radius: 15px !important; 281 | background-color: #192E35 !important; 282 | margin-bottom: .75vw !important; 283 | } 284 | 285 | 286 | /* Changes console color */ 287 | 288 | .xterm .xterm-screen, 289 | .xterm .xterm-viewport { 290 | background-color: #192E35 !important; 291 | } 292 | 293 | 294 | /* Changes scroll bar */ 295 | 296 | ::-webkit-scrollbar-thumb:hover { 297 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 298 | } 299 | 300 | ::-webkit-scrollbar-thumb { 301 | border-right-width: 4px !important; 302 | border-left-width: 4px !important; 303 | -webkit-border-radius: 9px 4px !important; 304 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 305 | } 306 | 307 | ::-webkit-scrollbar { 308 | background: #192E35 !important; 309 | border-radius: 15px !important; 310 | } 311 | 312 | 313 | /* Changes console input */ 314 | 315 | .JQChZ, 316 | .csimfD { 317 | border-color: #3F778A !important; 318 | background-color: #203A43 !important; 319 | border-radius: 15px !important; 320 | } 321 | 322 | .jSyjnD { 323 | border-color: #3F778A !important; 324 | } 325 | 326 | 327 | /* Changes input text area */ 328 | 329 | .kZaCVF { 330 | border-color: #3F778A !important; 331 | background-color: #203A43 !important; 332 | border-radius: 15px !important; 333 | } 334 | 335 | 336 | /* Changes schedule, Users, Network, File Manager */ 337 | 338 | .kqnFDg, 339 | .kHuGmn, 340 | .hIHBYg, 341 | .eGIYvK, 342 | .bmqKpQ, 343 | .fQUMLV { 344 | border-radius: 15px !important; 345 | overflow: hidden !important; 346 | background-color: #203A43 !important; 347 | } 348 | 349 | 350 | /* Changes Network Icon */ 351 | 352 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 353 | color: #fafafa !important; 354 | } 355 | 356 | 357 | /* Changes console input */ 358 | 359 | [type="text"], 360 | [type="email"], 361 | [type="url"], 362 | [type="password"], 363 | [type="number"], 364 | [type="date"], 365 | [type="datetime-local"], 366 | [type="month"], 367 | [type="search"], 368 | [type="tel"], 369 | [type="time"], 370 | [type="week"], 371 | [multiple], 372 | textarea, 373 | select { 374 | background-color: #203A43 !important; 375 | border-color: transparent !important; 376 | color: #fafafa !important; 377 | border-radius: 15px !important; 378 | } 379 | 380 | 381 | /* Changes check boxes */ 382 | 383 | .uOUEk.uOUEk, 384 | .jVkAsT[type="checkbox"], 385 | .jVkAsT[type="radio"] { 386 | border-radius: 15px !important; 387 | background-color: #192E35 !important; 388 | border-color: #3F778A !important; 389 | } 390 | 391 | 392 | /* Changes Sub-User */ 393 | 394 | .ekHIsr::-webkit-scrollbar { 395 | background: #203A43 !important; 396 | border-radius: 15px !important; 397 | } 398 | 399 | .ekHIsr { 400 | background-color: #203A43 !important; 401 | border-radius: 15px !important; 402 | } 403 | 404 | 405 | /* Fixes border radius when moving off of div */ 406 | 407 | .icxFlO, 408 | .elUIig { 409 | border-radius: 15px !important; 410 | } 411 | 412 | 413 | /* Changes selected admin page */ 414 | 415 | .skin-blue .sidebar-menu>li.active>a { 416 | box-shadow: #3F778A 0px -2px inset !important; 417 | border-left-color: #3F778A !important; 418 | background-color: #192E35 !important; 419 | } 420 | 421 | 422 | /* Changes background color of hovered admin page */ 423 | 424 | .skin-blue .sidebar-menu>li:hover>a, 425 | .skin-blue .sidebar-menu>li.active>a, 426 | .skin-blue .sidebar-menu>li.menu-open>a, 427 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 428 | background-color: #192E35 !important; 429 | } 430 | 431 | 432 | /* Changes category name */ 433 | 434 | .skin-blue .sidebar-menu>li.header { 435 | color: #fafafa !important; 436 | background-color: #192E35 !important; 437 | } 438 | 439 | 440 | /* Changes selected tab and background color */ 441 | 442 | .nav-tabs-custom>.nav-tabs>li.active, 443 | .table>thead>tr>th, 444 | .table>tbody>tr>th, 445 | .table>tfoot>tr>th, 446 | .table>thead>tr>td, 447 | .table>tbody>tr>td, 448 | .table>tfoot>tr>td { 449 | border-top-color: #3F778A !important; 450 | border-bottom-color: #3F778A !important; 451 | } 452 | 453 | .nav-tabs-custom>.nav-tabs>li.active>a, 454 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 455 | background-color: #192E35 !important; 456 | border-color: transparent; 457 | } 458 | 459 | .nav-tabs-custom>.nav-tabs>li:hover { 460 | border-top-color: #3F778A !important; 461 | } 462 | 463 | /* Removes border */ 464 | 465 | .box-footer, 466 | hr { 467 | border-top: none !important; 468 | } 469 | 470 | .nav-tabs-custom>.nav-tabs>li.active, 471 | .table>thead>tr>th, 472 | .table>tbody>tr>th, 473 | .table>tfoot>tr>th, 474 | .table>thead>tr>td, 475 | .table>tbody>tr>td, 476 | .table>tfoot>tr>td { 477 | background-color: #203A43 !important; 478 | } 479 | 480 | /* Removes port bubble */ 481 | 482 | #app > div.App___StyledDiv-sc-2l91w7-0.fnfeQw > div.Fade__Container-sc-1p0gm8n-0.hcgQjy > section > div.ContentContainer-x3r2dw-0.PageContentBlock___StyledContentContainer-kbxq2g-0.hiUzTH.ckLneN.ServerConsole___StyledServerContentBlock-sc-1j2y518-0.hlbvqz.fade-appear-done.fade-enter-done > div.ServerConsole___StyledDiv-sc-1j2y518-1.dfrjYE > div.TitledGreyBox___StyledDiv-gvsoy-0.kGXByO.ServerDetailsBlock___StyledTitledGreyBox-sc-168cvuh-0.dQCdoR > div.TitledGreyBox___StyledDiv3-gvsoy-4.fIhPZJ > p.ServerDetailsBlock___StyledP2-sc-168cvuh-3.wOPxU.CopyOnClick___StyledCopyToClipboard-sc-7pjzdv-1.knscqo > code { 483 | background: #192E35 !important; 484 | } 485 | -------------------------------------------------------------------------------- /latest/Enola/user.css: -------------------------------------------------------------------------------- 1 | /* Changes Background */ 2 | 3 | body, .content-wrapper { 4 | background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjM0LjY0IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNjkuMjgyMDMyMzAyNzU1MSw4MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDEzNSkgIj48cmVjdCBpZD0icGF0dGVybi1iYWNrZ3JvdW5kIiB3aWR0aD0iNDAwJSIgaGVpZ2h0PSI0MDAlIiBmaWxsPSJyZ2JhKDE1LCAzNCwgNDEsMSkiPjwvcmVjdD4gPHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik01My42OSA1MSBMNTEuOTYgNTIgTDUwLjIzIDUxIEw1MC4yMyA0OSBMNTEuOTYgNDggTDUzLjY5IDQ5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDYxIEwzNC42NCA2MiBMMzIuOTEgNjEgTDMyLjkxIDU5IEwzNC42NCA1OCBMMzYuMzcgNTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNMTkuMDUgNTEgTDE3LjMyIDUyIEwxNS41OSA1MSBMMTUuNTkgNDkgTDE3LjMyIDQ4IEwxOS4wNSA0OSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSg2MywgMTE5LCAxMzgsMSkiIGQ9Ik0xOS4wNSAzMSBMMTcuMzIgMzIgTDE1LjU5IDMxIEwxNS41OSAyOSBMMTcuMzIgMjggTDE5LjA1IDI5IHoiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDYzLCAxMTksIDEzOCwxKSIgZD0iTTM2LjM3IDIxIEwzNC42NCAyMiBMMzIuOTEgMjEgTDMyLjkxIDE5IEwzNC42NCAxOCBMMzYuMzcgMTkgeiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoNjMsIDExOSwgMTM4LDEpIiBkPSJNNTMuNjkgMzEgTDUxLjk2IDMyIEw1MC4yMyAzMSBMNTAuMjMgMjkgTDUxLjk2IDI4IEw1My42OSAyOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PHBhdGggZmlsbD0icmdiYSgyNTAsIDI1MCwgMjUwLDEpIiBkPSJNMzYuMzcgNDEgTDM0LjY0IDQyIEwzMi45MSA0MSBMMzIuOTEgMzkgTDM0LjY0IDM4IEwzNi4zNyAzOSB6IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIj48L3BhdGg+PC9wYXR0ZXJuPiAgPC9kZWZzPiA8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48L3JlY3Q+PC9zdmc+") !important; 5 | } 6 | 7 | 8 | /* Changes Header Color */ 9 | 10 | .ebtnLL, 11 | .cWFcHc, 12 | .iTxXDX, 13 | .JZicT, 14 | .skin-blue .wrapper, 15 | .skin-blue .main-sidebar, 16 | .skin-blue .left-side, 17 | .skin-blue .main-header .navbar, 18 | .skin-blue .main-header .logo, 19 | .main-footer { 20 | background-color: #203A43 !important; 21 | border-color: transparent !important; 22 | box-shadow: none !important; 23 | } 24 | 25 | 26 | /* Changes selected tab color */ 27 | 28 | .fmPgAW>a:active, 29 | .fmPgAW>.navigation-link:active, 30 | .fmPgAW>a:hover, 31 | .fmPgAW>.navigation-link:hover, 32 | .fmPgAW>a.active, 33 | .fmPgAW>.navigation-link.active, 34 | .cWFcHc>div>a:active, 35 | .cWFcHc>div>div:active, 36 | .cWFcHc>div>a.active, 37 | .cWFcHc>div>div.active, 38 | .jMDToC>a:active, 39 | .jMDToC>.navigation-link:active, 40 | .jMDToC>a:hover, 41 | .jMDToC>.navigation-link:hover, 42 | .jMDToC>a.active, 43 | .jMDToC>.navigation-link.active, 44 | .JZicT>div>a:active, 45 | .JZicT>div>div:active, 46 | .JZicT>div>a.active, 47 | .JZicT>div>div.active { 48 | box-shadow: #3F778A 0px -2px inset !important; 49 | background-color: #203A43 !important; 50 | } 51 | 52 | 53 | /* Changes Text Color */ 54 | 55 | .fNmetC, 56 | .hcJQtJ, 57 | .ToRTP, 58 | .dPhkRJ, 59 | .cKOMAz, 60 | .jSyjnD, 61 | .jywpgX, 62 | .eFKDEh, 63 | .dUzAFF, 64 | .cbFifO, 65 | .farUaV, 66 | .dMZZHB, 67 | .lgYuLu, 68 | .gSUxYg, 69 | .cdBzyv, 70 | .gxlLzB, 71 | .jexamK, 72 | .eWxPIu, 73 | .eWxPIu:hover, 74 | .jXGwrM, 75 | .mIIYh, 76 | .iambCQ, 77 | .iZqkRd, 78 | .chAlWS, 79 | .iTwxpv, 80 | .skin-blue .main-header .logo { 81 | color: #fafafa !important; 82 | } 83 | 84 | 85 | /* Changes disabled switch */ 86 | 87 | .gdhLjd>label, 88 | .cDmYBr>label { 89 | background-color: #203A43 !important; 90 | border-color: #203A43 !important; 91 | } 92 | 93 | 94 | /* Changes enabled switch */ 95 | 96 | .gdhLjd>input[type="checkbox"]:checked+label, 97 | .cDmYBr>input[type="checkbox"]:checked+label { 98 | background-color: #3F778A !important; 99 | border-color: #3F778A !important; 100 | } 101 | 102 | 103 | /* Changes server list color */ 104 | 105 | .liBonM, 106 | .bOIdGn, 107 | .jkiDvQ, 108 | .iYhzbi, 109 | .jqQFoq, 110 | .bEKRkc, 111 | .dRhlIo { 112 | background-color: #203A43 !important; 113 | border-radius: 15px !important; 114 | border-color: #203A43 !important; 115 | } 116 | 117 | 118 | /* Changes border when hover */ 119 | 120 | .liBonM:hover, 121 | .kHuGmn:hover, 122 | .dRhlIo:hover, 123 | .bEKRkc:hover { 124 | border-color: #3F778A !important; 125 | } 126 | 127 | 128 | /* Changes status bar position and size */ 129 | 130 | .jkiDvQ .status-bar, 131 | .bvinzM .status-bar, 132 | .iYhzbi .status-bar, 133 | .liBonM .status-bar, 134 | .jqQFoq .status-bar, 135 | .bEKRkc .status-bar, 136 | .dRhlIo .status-bar { 137 | height: 7vw !important; 138 | right: -.25vw !important; 139 | } 140 | 141 | 142 | /* Changes Installing Status, and other bubble text */ 143 | 144 | .hNrKxe, 145 | .dMZZHB, 146 | .dHRxAp, 147 | .epSLdr, 148 | .bsrsDD, 149 | .ffSVrP, 150 | .fZqvbJ, 151 | .fLfaAY, 152 | .bsSkeI, 153 | .jIIIrT, 154 | .EwfIk, 155 | .izAmwE, 156 | code, 157 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 158 | .select2-search--inline .select2-search__field:focus, 159 | .select2-container--default .select2-search--inline .select2-search__field { 160 | border-radius: 15px; 161 | background-color: #3F778A !important; 162 | border-color: #3F778A !important; 163 | color: #fafafa !important; 164 | } 165 | 166 | 167 | /* Changes server icons */ 168 | 169 | .kHuGmn .icon, 170 | .jkiDvQ .icon, 171 | .bvinzM .icon, 172 | .iYhzbi .icon, 173 | .liBonM .icon, 174 | .jqQFoq .icon, 175 | .dRhlIo .icon { 176 | background-color: #3F778A !important; 177 | } 178 | 179 | 180 | /* Changes account settings area */ 181 | 182 | .hfBvRz, 183 | .fenved { 184 | border-radius: 15px; 185 | background-color: #203A43 !important; 186 | border-color: #3F778A !important; 187 | } 188 | 189 | 190 | /* Changes input areas */ 191 | 192 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 193 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 194 | .eDhiE[type="checkbox"], 195 | .eDhiE[type="radio"], 196 | .hDlyZJ:not(.disabled):hover, 197 | .farUaV, 198 | .iZMsvi, 199 | .iYSUfg, 200 | .cKwXAB, 201 | .ixeRNi:hover, 202 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 203 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 204 | .hsUiOF, 205 | .jrraLb, 206 | .icxFlO:hover, 207 | .gYNKkb, 208 | .elUIig:hover, 209 | .ekbHAG, 210 | .btn-primary, 211 | .btn-warning, 212 | .btn-success, 213 | .alert-danger, 214 | pre, 215 | .input-group .input-group-addon, 216 | .select2-container--default .select2-selection--single, 217 | .select2-container--default .select2-selection--multiple { 218 | border-color: #3F778A !important; 219 | background-color: #0F2229 !important; 220 | border-radius: 15px !important; 221 | } 222 | 223 | 224 | /* Changes header-upper */ 225 | 226 | .kwjWaB, 227 | .grusjm, 228 | .cswOgL, 229 | .cnbtLx, 230 | .bPeJFv, 231 | .bWXUsX, 232 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 233 | .box-header.with-border, 234 | .bg-gray { 235 | border-color: #3F778A !important; 236 | background-color: #203A43 !important; 237 | border-radius: 15px !important; 238 | margin-bottom: 1vw !important; 239 | } 240 | 241 | 242 | /* Changes header-lower, */ 243 | 244 | .ifNwiE, 245 | .LdCMD, 246 | .fIhPZJ, 247 | .cFegvH, 248 | .box-body { 249 | border-color: transparent !important; 250 | background-color: #192E35 !important; 251 | border-radius: 15px !important; 252 | } 253 | 254 | 255 | /* Hides background of radial areas */ 256 | 257 | .RkKIC, 258 | .cRDvbO, 259 | .dmLxWB, 260 | .gLxIAb, 261 | .gHwjbw, 262 | .WUPIv, 263 | .dQCdoR, 264 | .vtEGy, 265 | .kGXByO, 266 | .nav-tabs-custom, 267 | .box, 268 | .box-footer, 269 | .small-box>.small-box-footer { 270 | background-color: transparent !important; 271 | border-top: none !important; 272 | box-shadow: none !important; 273 | } 274 | 275 | 276 | /* Changes console */ 277 | 278 | .LbmBV, 279 | .hahdAC { 280 | border-radius: 15px !important; 281 | background-color: #192E35 !important; 282 | margin-bottom: .75vw !important; 283 | } 284 | 285 | 286 | /* Changes console color */ 287 | 288 | .xterm .xterm-screen, 289 | .xterm .xterm-viewport { 290 | background-color: #192E35 !important; 291 | } 292 | 293 | 294 | /* Changes scroll bar */ 295 | 296 | ::-webkit-scrollbar-thumb:hover { 297 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 298 | } 299 | 300 | ::-webkit-scrollbar-thumb { 301 | border-right-width: 4px !important; 302 | border-left-width: 4px !important; 303 | -webkit-border-radius: 9px 4px !important; 304 | -webkit-box-shadow: inset 0 0 0 1px #3F778A, inset 0 0 0 4px #3F778A !important; 305 | } 306 | 307 | ::-webkit-scrollbar { 308 | background: #192E35 !important; 309 | border-radius: 15px !important; 310 | } 311 | 312 | 313 | /* Changes console input */ 314 | 315 | .JQChZ, 316 | .csimfD { 317 | border-color: #3F778A !important; 318 | background-color: #203A43 !important; 319 | border-radius: 15px !important; 320 | } 321 | 322 | .jSyjnD { 323 | border-color: #3F778A !important; 324 | } 325 | 326 | 327 | /* Changes input text area */ 328 | 329 | .kZaCVF { 330 | border-color: #3F778A !important; 331 | background-color: #203A43 !important; 332 | border-radius: 15px !important; 333 | } 334 | 335 | 336 | /* Changes schedule, Users, Network, File Manager */ 337 | 338 | .kqnFDg, 339 | .kHuGmn, 340 | .hIHBYg, 341 | .eGIYvK, 342 | .bmqKpQ, 343 | .fQUMLV { 344 | border-radius: 15px !important; 345 | overflow: hidden !important; 346 | background-color: #203A43 !important; 347 | } 348 | 349 | 350 | /* Changes Network Icon */ 351 | 352 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 353 | color: #fafafa !important; 354 | } 355 | 356 | 357 | /* Changes console input */ 358 | 359 | [type="text"], 360 | [type="email"], 361 | [type="url"], 362 | [type="password"], 363 | [type="number"], 364 | [type="date"], 365 | [type="datetime-local"], 366 | [type="month"], 367 | [type="search"], 368 | [type="tel"], 369 | [type="time"], 370 | [type="week"], 371 | [multiple], 372 | textarea, 373 | select { 374 | background-color: #203A43 !important; 375 | border-color: transparent !important; 376 | color: #fafafa !important; 377 | border-radius: 15px !important; 378 | } 379 | 380 | 381 | /* Changes check boxes */ 382 | 383 | .uOUEk.uOUEk, 384 | .jVkAsT[type="checkbox"], 385 | .jVkAsT[type="radio"] { 386 | border-radius: 15px !important; 387 | background-color: #192E35 !important; 388 | border-color: #3F778A !important; 389 | } 390 | 391 | 392 | /* Changes Sub-User */ 393 | 394 | .ekHIsr::-webkit-scrollbar { 395 | background: #203A43 !important; 396 | border-radius: 15px !important; 397 | } 398 | 399 | .ekHIsr { 400 | background-color: #203A43 !important; 401 | border-radius: 15px !important; 402 | } 403 | 404 | 405 | /* Fixes border radius when moving off of div */ 406 | 407 | .icxFlO, 408 | .elUIig { 409 | border-radius: 15px !important; 410 | } 411 | 412 | 413 | /* Changes selected admin page */ 414 | 415 | .skin-blue .sidebar-menu>li.active>a { 416 | box-shadow: #3F778A 0px -2px inset !important; 417 | border-left-color: #3F778A !important; 418 | background-color: #192E35 !important; 419 | } 420 | 421 | 422 | /* Changes background color of hovered admin page */ 423 | 424 | .skin-blue .sidebar-menu>li:hover>a, 425 | .skin-blue .sidebar-menu>li.active>a, 426 | .skin-blue .sidebar-menu>li.menu-open>a, 427 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 428 | background-color: #192E35 !important; 429 | } 430 | 431 | 432 | /* Changes category name */ 433 | 434 | .skin-blue .sidebar-menu>li.header { 435 | color: #fafafa !important; 436 | background-color: #192E35 !important; 437 | } 438 | 439 | 440 | /* Changes selected tab and background color */ 441 | 442 | .nav-tabs-custom>.nav-tabs>li.active, 443 | .table>thead>tr>th, 444 | .table>tbody>tr>th, 445 | .table>tfoot>tr>th, 446 | .table>thead>tr>td, 447 | .table>tbody>tr>td, 448 | .table>tfoot>tr>td { 449 | border-top-color: #3F778A !important; 450 | border-bottom-color: #3F778A !important; 451 | } 452 | 453 | .nav-tabs-custom>.nav-tabs>li.active>a, 454 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 455 | background-color: #192E35 !important; 456 | border-color: transparent; 457 | } 458 | 459 | .nav-tabs-custom>.nav-tabs>li:hover { 460 | border-top-color: #3F778A !important; 461 | } 462 | 463 | /* Removes border */ 464 | 465 | .box-footer, 466 | hr { 467 | border-top: none !important; 468 | } 469 | 470 | .nav-tabs-custom>.nav-tabs>li.active, 471 | .table>thead>tr>th, 472 | .table>tbody>tr>th, 473 | .table>tfoot>tr>th, 474 | .table>thead>tr>td, 475 | .table>tbody>tr>td, 476 | .table>tfoot>tr>td { 477 | background-color: #203A43 !important; 478 | } 479 | 480 | /* Removes port bubble */ 481 | 482 | #app > div.App___StyledDiv-sc-2l91w7-0.fnfeQw > div.Fade__Container-sc-1p0gm8n-0.hcgQjy > section > div.ContentContainer-x3r2dw-0.PageContentBlock___StyledContentContainer-kbxq2g-0.hiUzTH.ckLneN.ServerConsole___StyledServerContentBlock-sc-1j2y518-0.hlbvqz.fade-appear-done.fade-enter-done > div.ServerConsole___StyledDiv-sc-1j2y518-1.dfrjYE > div.TitledGreyBox___StyledDiv-gvsoy-0.kGXByO.ServerDetailsBlock___StyledTitledGreyBox-sc-168cvuh-0.dQCdoR > div.TitledGreyBox___StyledDiv3-gvsoy-4.fIhPZJ > p.ServerDetailsBlock___StyledP2-sc-168cvuh-3.wOPxU.CopyOnClick___StyledCopyToClipboard-sc-7pjzdv-1.knscqo > code { 483 | background: #192E35 !important; 484 | } 485 | -------------------------------------------------------------------------------- /latest/Recolor/admin.css: -------------------------------------------------------------------------------- 1 | 2 | /* Changes these to change the colors of the panel!!! */ 3 | 4 | :root { 5 | --main-bg-color: #292841 !important; 6 | --secondary-bg-color: #242338 !important; 7 | --secondary-bg-color-alt: #1e1d2d !important; 8 | --accent-color: #7289da !important; 9 | --accent-secondary-color: #413f66 !important; 10 | --text-color: #fafafa !important; 11 | --border-radius: 15px !important; 12 | } 13 | 14 | /* Changes Background */ 15 | 16 | body, .content-wrapper { 17 | background-color: var(--main-bg-color) !important; 18 | } 19 | 20 | 21 | /* Changes Header Color */ 22 | 23 | .ebtnLL, 24 | .cWFcHc, 25 | .iTxXDX, 26 | .JZicT, 27 | .skin-blue .wrapper, 28 | .skin-blue .main-sidebar, 29 | .skin-blue .left-side, 30 | .skin-blue .main-header .navbar, 31 | .skin-blue .main-header .logo, 32 | .main-footer { 33 | background-color: var(--secondary-bg-color) !important; 34 | border-color: transparent !important; 35 | box-shadow: none !important; 36 | } 37 | 38 | 39 | /* Changes selected tab color */ 40 | 41 | .fmPgAW>a:active, 42 | .fmPgAW>.navigation-link:active, 43 | .fmPgAW>a:hover, 44 | .fmPgAW>.navigation-link:hover, 45 | .fmPgAW>a.active, 46 | .fmPgAW>.navigation-link.active, 47 | .cWFcHc>div>a:active, 48 | .cWFcHc>div>div:active, 49 | .cWFcHc>div>a.active, 50 | .cWFcHc>div>div.active, 51 | .jMDToC>a:active, 52 | .jMDToC>.navigation-link:active, 53 | .jMDToC>a:hover, 54 | .jMDToC>.navigation-link:hover, 55 | .jMDToC>a.active, 56 | .jMDToC>.navigation-link.active, 57 | .JZicT>div>a:active, 58 | .JZicT>div>div:active, 59 | .JZicT>div>a.active, 60 | .JZicT>div>div.active { 61 | box-shadow: var(--accent-color) 0px -2px inset !important; 62 | background-color: var(--secondary-bg-color) !important; 63 | } 64 | 65 | 66 | /* Changes Text Color */ 67 | 68 | .fNmetC, 69 | .hcJQtJ, 70 | .ToRTP, 71 | .dPhkRJ, 72 | .cKOMAz, 73 | .jSyjnD, 74 | .jywpgX, 75 | .eFKDEh, 76 | .dUzAFF, 77 | .cbFifO, 78 | .farUaV, 79 | .dMZZHB, 80 | .lgYuLu, 81 | .gSUxYg, 82 | .cdBzyv, 83 | .gxlLzB, 84 | .jexamK, 85 | .eWxPIu, 86 | .eWxPIu:hover, 87 | .jXGwrM, 88 | .mIIYh, 89 | .iambCQ, 90 | .iZqkRd, 91 | .chAlWS, 92 | .iTwxpv, 93 | .skin-blue .main-header .logo { 94 | color: var(--text-color) !important; 95 | } 96 | 97 | 98 | /* Changes disabled switch */ 99 | 100 | .gdhLjd>label, 101 | .cDmYBr>label { 102 | background-color: var(--secondary-bg-color) !important; 103 | border-color: var(--secondary-bg-color) !important; 104 | } 105 | 106 | 107 | /* Changes enabled switch */ 108 | 109 | .gdhLjd>input[type="checkbox"]:checked+label, 110 | .cDmYBr>input[type="checkbox"]:checked+label { 111 | background-color: var(--accent-color) !important; 112 | border-color: var(--accent-color) !important; 113 | } 114 | 115 | 116 | /* Changes server list color */ 117 | 118 | .liBonM, 119 | .bOIdGn, 120 | .jkiDvQ, 121 | .iYhzbi, 122 | .jqQFoq, 123 | .bEKRkc, 124 | .dRhlIo { 125 | background-color: var(--secondary-bg-color) !important; 126 | border-radius: var(--border-radius) !important; 127 | border-color: var(--secondary-bg-color) !important; 128 | } 129 | 130 | 131 | /* Changes border when hover */ 132 | 133 | .liBonM:hover, 134 | .kHuGmn:hover, 135 | .dRhlIo:hover, 136 | .bEKRkc:hover { 137 | border-color: var(--accent-color) !important; 138 | } 139 | 140 | 141 | /* Changes status bar position and size */ 142 | 143 | .jkiDvQ .status-bar, 144 | .bvinzM .status-bar, 145 | .iYhzbi .status-bar, 146 | .liBonM .status-bar, 147 | .jqQFoq .status-bar, 148 | .bEKRkc .status-bar, 149 | .dRhlIo .status-bar { 150 | height: 7vw !important; 151 | right: -.25vw !important; 152 | } 153 | 154 | 155 | /* Changes Installing Status, and other bubble text */ 156 | 157 | .hNrKxe, 158 | .dMZZHB, 159 | .dHRxAp, 160 | .epSLdr, 161 | .bsrsDD, 162 | .ffSVrP, 163 | .fZqvbJ, 164 | .fLfaAY, 165 | .bsSkeI, 166 | .jIIIrT, 167 | .EwfIk, 168 | .izAmwE, 169 | code, 170 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 171 | .select2-search--inline .select2-search__field:focus, 172 | .select2-container--default .select2-search--inline .select2-search__field { 173 | border-radius: var(--border-radius); 174 | background-color: var(--accent-color) !important; 175 | border-color: var(--accent-color) !important; 176 | color: var(--text-color) !important; 177 | } 178 | 179 | 180 | /* Changes server icons */ 181 | 182 | .kHuGmn .icon, 183 | .jkiDvQ .icon, 184 | .bvinzM .icon, 185 | .iYhzbi .icon, 186 | .liBonM .icon, 187 | .jqQFoq .icon, 188 | .dRhlIo .icon { 189 | background-color: var(--accent-color) !important; 190 | } 191 | 192 | 193 | /* Changes account settings area */ 194 | 195 | .hfBvRz, 196 | .fenved { 197 | border-radius: var(--border-radius); 198 | background-color: var(--secondary-bg-color) !important; 199 | border-color: var(--accent-color) !important; 200 | } 201 | 202 | 203 | /* Changes input areas */ 204 | 205 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 206 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 207 | .eDhiE[type="checkbox"], 208 | .eDhiE[type="radio"], 209 | .hDlyZJ:not(.disabled):hover, 210 | .farUaV, 211 | .iZMsvi, 212 | .iYSUfg, 213 | .cKwXAB, 214 | .ixeRNi:hover, 215 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 216 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 217 | .hsUiOF, 218 | .jrraLb, 219 | .icxFlO:hover, 220 | .gYNKkb, 221 | .elUIig:hover, 222 | .ekbHAG, 223 | .btn-primary, 224 | .btn-warning, 225 | .btn-success, 226 | .alert-danger, 227 | pre, 228 | .input-group .input-group-addon, 229 | .select2-container--default .select2-selection--single, 230 | .select2-container--default .select2-selection--multiple { 231 | border-color: var(--accent-secondary-color) !important; 232 | background-color: var(--secondary-bg-color-alt) !important; 233 | border-radius: var(--border-radius) !important; 234 | } 235 | 236 | 237 | /* Changes header-upper */ 238 | 239 | .kwjWaB, 240 | .grusjm, 241 | .cswOgL, 242 | .cnbtLx, 243 | .bPeJFv, 244 | .bWXUsX, 245 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 246 | .box-header.with-border, 247 | .bg-gray { 248 | border-color: var(--secondary-bg-color-alt) !important; 249 | background-color: var(--secondary-bg-color-alt) !important; 250 | border-radius: var(--border-radius) !important; 251 | margin-bottom: .25vw !important; 252 | margin-top: .25vw !important; 253 | transform: scale(.96); 254 | } 255 | 256 | 257 | /* Changes header-lower, */ 258 | 259 | .ifNwiE, 260 | .LdCMD, 261 | .fIhPZJ, 262 | .cFegvH, 263 | .box-body { 264 | border-color: transparent !important; 265 | background-color: var(--secondary-bg-color-alt) !important; 266 | border-radius: var(--border-radius) !important; 267 | margin-top: .25vw !important; 268 | } 269 | 270 | 271 | /* Hides background of radial areas */ 272 | 273 | .RkKIC, 274 | .cRDvbO, 275 | .dmLxWB, 276 | .gLxIAb, 277 | .gHwjbw, 278 | .WUPIv, 279 | .dQCdoR, 280 | .vtEGy, 281 | .kGXByO, 282 | .nav-tabs-custom, 283 | .box, 284 | .box-footer, 285 | .small-box>.small-box-footer { 286 | background-color: transparent !important; 287 | border-top: none !important; 288 | box-shadow: none !important; 289 | } 290 | 291 | 292 | /* Changes console */ 293 | 294 | .LbmBV, 295 | .hahdAC { 296 | border-radius: var(--border-radius) !important; 297 | background-color: var(--secondary-bg-color-alt) !important; 298 | margin-bottom: .75vw !important; 299 | } 300 | 301 | 302 | /* Changes console color */ 303 | 304 | .xterm .xterm-screen, 305 | .xterm .xterm-viewport { 306 | background-color: var(--secondary-bg-color-alt) !important; 307 | } 308 | 309 | 310 | /* Changes scroll bar */ 311 | 312 | ::-webkit-scrollbar-thumb:hover { 313 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 314 | } 315 | 316 | ::-webkit-scrollbar-thumb { 317 | border-right-width: 4px !important; 318 | border-left-width: 4px !important; 319 | -webkit-border-radius: 9px 4px !important; 320 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 321 | } 322 | 323 | ::-webkit-scrollbar { 324 | background: var(--secondary-bg-color) !important; 325 | 326 | } 327 | 328 | 329 | /* Changes console input */ 330 | 331 | .JQChZ, 332 | .csimfD { 333 | border-color: var(--accent-color) !important; 334 | background-color: var(--secondary-bg-color-alt) !important; 335 | border-radius: var(--border-radius) !important; 336 | transform: scale(0.95) !important; 337 | margin-top: .25vw !important; 338 | } 339 | 340 | 341 | 342 | /* Changes input text area */ 343 | 344 | .kZaCVF { 345 | border-color: var(--accent-color) !important; 346 | background-color: var(--secondary-bg-color-alt) !important; 347 | border-radius: var(--border-radius) !important; 348 | margin-top: .25vw !important; 349 | } 350 | 351 | 352 | /* Changes schedule, Users, Network, File Manager */ 353 | 354 | .kqnFDg, 355 | .kHuGmn, 356 | .hIHBYg, 357 | .eGIYvK, 358 | .bmqKpQ, 359 | .fQUMLV { 360 | border-radius: var(--border-radius) !important; 361 | background-color: var(--secondary-bg-color) !important; 362 | } 363 | 364 | 365 | /* Changes Network Icon */ 366 | 367 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 368 | color: var(--text-color) !important; 369 | } 370 | 371 | 372 | /* Changes console input */ 373 | 374 | [type="text"], 375 | [type="email"], 376 | [type="url"], 377 | [type="password"], 378 | [type="number"], 379 | [type="date"], 380 | [type="datetime-local"], 381 | [type="month"], 382 | [type="search"], 383 | [type="tel"], 384 | [type="time"], 385 | [type="week"], 386 | [multiple], 387 | textarea, 388 | select { 389 | background-color: var(--secondary-bg-color-alt) !important; 390 | border-color: transparent !important; 391 | color: var(--text-color) !important; 392 | border-radius: var(--border-radius) !important; 393 | } 394 | 395 | 396 | /* Changes check boxes */ 397 | 398 | .uOUEk.uOUEk, 399 | .jVkAsT[type="checkbox"], 400 | .jVkAsT[type="radio"] { 401 | border-radius: var(--border-radius) !important; 402 | background-color: var(--secondary-bg-color-alt) !important; 403 | border-color: var(--accent-color) !important; 404 | } 405 | 406 | 407 | /* Changes Sub-User */ 408 | 409 | .kqnFDg::-webkit-scrollbar { 410 | background: var(--secondary-bg-color) !important; 411 | border-radius: var(--border-radius) !important; 412 | } 413 | 414 | .ekHIsr { 415 | background-color: var(--secondary-bg-color) !important; 416 | border-radius: var(--border-radius) !important; 417 | } 418 | 419 | 420 | /* Fixes border radius when moving off of div */ 421 | 422 | .icxFlO, 423 | .elUIig { 424 | border-radius: var(--border-radius) !important; 425 | } 426 | 427 | 428 | /* Changes selected admin page */ 429 | 430 | .skin-blue .sidebar-menu>li.active>a { 431 | box-shadow: var(--accent-color) 0px -0px inset !important; 432 | border-left-color: var(--accent-color) !important; 433 | background-color: var(--secondary-bg-color-alt) !important; 434 | } 435 | 436 | 437 | /* Changes background color of hovered admin page */ 438 | 439 | .skin-blue .sidebar-menu>li:hover>a, 440 | .skin-blue .sidebar-menu>li.active>a, 441 | .skin-blue .sidebar-menu>li.menu-open>a, 442 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 443 | background-color: var(--secondary-bg-color-alt) !important; 444 | } 445 | 446 | 447 | /* Changes category name */ 448 | 449 | .skin-blue .sidebar-menu>li.header { 450 | color: var(--text-color) !important; 451 | background-color: var(--secondary-bg-color-alt) !important; 452 | } 453 | 454 | 455 | /* Changes selected tab and background color */ 456 | 457 | .nav-tabs-custom>.nav-tabs>li.active, 458 | .table>thead>tr>th, 459 | .table>tbody>tr>th, 460 | .table>tfoot>tr>th, 461 | .table>thead>tr>td, 462 | .table>tbody>tr>td, 463 | .table>tfoot>tr>td { 464 | border-top-color: var(--accent-color) !important; 465 | border-bottom-color: var(--accent-color) !important; 466 | } 467 | 468 | .nav-tabs-custom>.nav-tabs>li.active>a, 469 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 470 | background-color: var(--secondary-bg-color-alt) !important; 471 | border-color: transparent; 472 | } 473 | 474 | .nav-tabs-custom>.nav-tabs>li:hover { 475 | border-top-color: var(--accent-color) !important; 476 | } 477 | 478 | /* Removes border */ 479 | 480 | .box-footer, 481 | hr { 482 | border-top: none !important; 483 | } 484 | 485 | .nav-tabs-custom>.nav-tabs>li.active, 486 | .table>thead>tr>th, 487 | .table>tbody>tr>th, 488 | .table>tfoot>tr>th, 489 | .table>thead>tr>td, 490 | .table>tbody>tr>td, 491 | .table>tfoot>tr>td { 492 | background-color: var(--secondary-bg-color-alt) !important; 493 | } 494 | 495 | /* Removes port bubble */ 496 | 497 | .cxwlaX { 498 | background: var(--secondary-bg-color-alt) !important; 499 | } 500 | 501 | /* Fixes console scroll bar */ 502 | 503 | .xterm .xterm-viewport::-webkit-scrollbar { 504 | background: var(--secondary-bg-color-alt) !important; 505 | } 506 | 507 | -------------------------------------------------------------------------------- /latest/Recolor/user.css: -------------------------------------------------------------------------------- 1 | 2 | /* Changes these to change the colors of the panel!!! */ 3 | 4 | :root { 5 | --main-bg-color: #292841 !important; 6 | --secondary-bg-color: #242338 !important; 7 | --secondary-bg-color-alt: #1e1d2d !important; 8 | --accent-color: #7289da !important; 9 | --accent-secondary-color: #413f66 !important; 10 | --text-color: #fafafa !important; 11 | --border-radius: 15px !important; 12 | } 13 | 14 | /* Changes Background */ 15 | 16 | body, .content-wrapper { 17 | background-color: var(--main-bg-color) !important; 18 | } 19 | 20 | 21 | /* Changes Header Color */ 22 | 23 | .ebtnLL, 24 | .cWFcHc, 25 | .iTxXDX, 26 | .JZicT, 27 | .skin-blue .wrapper, 28 | .skin-blue .main-sidebar, 29 | .skin-blue .left-side, 30 | .skin-blue .main-header .navbar, 31 | .skin-blue .main-header .logo, 32 | .main-footer { 33 | background-color: var(--secondary-bg-color) !important; 34 | border-color: transparent !important; 35 | box-shadow: none !important; 36 | } 37 | 38 | 39 | /* Changes selected tab color */ 40 | 41 | .fmPgAW>a:active, 42 | .fmPgAW>.navigation-link:active, 43 | .fmPgAW>a:hover, 44 | .fmPgAW>.navigation-link:hover, 45 | .fmPgAW>a.active, 46 | .fmPgAW>.navigation-link.active, 47 | .cWFcHc>div>a:active, 48 | .cWFcHc>div>div:active, 49 | .cWFcHc>div>a.active, 50 | .cWFcHc>div>div.active, 51 | .jMDToC>a:active, 52 | .jMDToC>.navigation-link:active, 53 | .jMDToC>a:hover, 54 | .jMDToC>.navigation-link:hover, 55 | .jMDToC>a.active, 56 | .jMDToC>.navigation-link.active, 57 | .JZicT>div>a:active, 58 | .JZicT>div>div:active, 59 | .JZicT>div>a.active, 60 | .JZicT>div>div.active { 61 | box-shadow: var(--accent-color) 0px -2px inset !important; 62 | background-color: var(--secondary-bg-color) !important; 63 | } 64 | 65 | 66 | /* Changes Text Color */ 67 | 68 | .fNmetC, 69 | .hcJQtJ, 70 | .ToRTP, 71 | .dPhkRJ, 72 | .cKOMAz, 73 | .jSyjnD, 74 | .jywpgX, 75 | .eFKDEh, 76 | .dUzAFF, 77 | .cbFifO, 78 | .farUaV, 79 | .dMZZHB, 80 | .lgYuLu, 81 | .gSUxYg, 82 | .cdBzyv, 83 | .gxlLzB, 84 | .jexamK, 85 | .eWxPIu, 86 | .eWxPIu:hover, 87 | .jXGwrM, 88 | .mIIYh, 89 | .iambCQ, 90 | .iZqkRd, 91 | .chAlWS, 92 | .iTwxpv, 93 | .skin-blue .main-header .logo { 94 | color: var(--text-color) !important; 95 | } 96 | 97 | 98 | /* Changes disabled switch */ 99 | 100 | .gdhLjd>label, 101 | .cDmYBr>label { 102 | background-color: var(--secondary-bg-color) !important; 103 | border-color: var(--secondary-bg-color) !important; 104 | } 105 | 106 | 107 | /* Changes enabled switch */ 108 | 109 | .gdhLjd>input[type="checkbox"]:checked+label, 110 | .cDmYBr>input[type="checkbox"]:checked+label { 111 | background-color: var(--accent-color) !important; 112 | border-color: var(--accent-color) !important; 113 | } 114 | 115 | 116 | /* Changes server list color */ 117 | 118 | .liBonM, 119 | .bOIdGn, 120 | .jkiDvQ, 121 | .iYhzbi, 122 | .jqQFoq, 123 | .bEKRkc, 124 | .dRhlIo { 125 | background-color: var(--secondary-bg-color) !important; 126 | border-radius: var(--border-radius) !important; 127 | border-color: var(--secondary-bg-color) !important; 128 | } 129 | 130 | 131 | /* Changes border when hover */ 132 | 133 | .liBonM:hover, 134 | .kHuGmn:hover, 135 | .dRhlIo:hover, 136 | .bEKRkc:hover { 137 | border-color: var(--accent-color) !important; 138 | } 139 | 140 | 141 | /* Changes status bar position and size */ 142 | 143 | .jkiDvQ .status-bar, 144 | .bvinzM .status-bar, 145 | .iYhzbi .status-bar, 146 | .liBonM .status-bar, 147 | .jqQFoq .status-bar, 148 | .bEKRkc .status-bar, 149 | .dRhlIo .status-bar { 150 | height: 7vw !important; 151 | right: -.25vw !important; 152 | } 153 | 154 | 155 | /* Changes Installing Status, and other bubble text */ 156 | 157 | .hNrKxe, 158 | .dMZZHB, 159 | .dHRxAp, 160 | .epSLdr, 161 | .bsrsDD, 162 | .ffSVrP, 163 | .fZqvbJ, 164 | .fLfaAY, 165 | .bsSkeI, 166 | .jIIIrT, 167 | .EwfIk, 168 | .izAmwE, 169 | code, 170 | .select2-container--default .select2-selection--multiple .select2-selection__choice, 171 | .select2-search--inline .select2-search__field:focus, 172 | .select2-container--default .select2-search--inline .select2-search__field { 173 | border-radius: var(--border-radius); 174 | background-color: var(--accent-color) !important; 175 | border-color: var(--accent-color) !important; 176 | color: var(--text-color) !important; 177 | } 178 | 179 | 180 | /* Changes server icons */ 181 | 182 | .kHuGmn .icon, 183 | .jkiDvQ .icon, 184 | .bvinzM .icon, 185 | .iYhzbi .icon, 186 | .liBonM .icon, 187 | .jqQFoq .icon, 188 | .dRhlIo .icon { 189 | background-color: var(--accent-color) !important; 190 | } 191 | 192 | 193 | /* Changes account settings area */ 194 | 195 | .hfBvRz, 196 | .fenved { 197 | border-radius: var(--border-radius); 198 | background-color: var(--secondary-bg-color) !important; 199 | border-color: var(--accent-color) !important; 200 | } 201 | 202 | 203 | /* Changes input areas */ 204 | 205 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 206 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 207 | .eDhiE[type="checkbox"], 208 | .eDhiE[type="radio"], 209 | .hDlyZJ:not(.disabled):hover, 210 | .farUaV, 211 | .iZMsvi, 212 | .iYSUfg, 213 | .cKwXAB, 214 | .ixeRNi:hover, 215 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 216 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 217 | .hsUiOF, 218 | .jrraLb, 219 | .icxFlO:hover, 220 | .gYNKkb, 221 | .elUIig:hover, 222 | .ekbHAG, 223 | .btn-primary, 224 | .btn-warning, 225 | .btn-success, 226 | .alert-danger, 227 | pre, 228 | .input-group .input-group-addon, 229 | .select2-container--default .select2-selection--single, 230 | .select2-container--default .select2-selection--multiple { 231 | border-color: var(--accent-secondary-color) !important; 232 | background-color: var(--secondary-bg-color-alt) !important; 233 | border-radius: var(--border-radius) !important; 234 | } 235 | 236 | 237 | /* Changes header-upper */ 238 | 239 | .kwjWaB, 240 | .grusjm, 241 | .cswOgL, 242 | .cnbtLx, 243 | .bPeJFv, 244 | .bWXUsX, 245 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 246 | .box-header.with-border, 247 | .bg-gray { 248 | border-color: var(--secondary-bg-color-alt) !important; 249 | background-color: var(--secondary-bg-color-alt) !important; 250 | border-radius: var(--border-radius) !important; 251 | margin-bottom: .25vw !important; 252 | margin-top: .25vw !important; 253 | transform: scale(.96); 254 | } 255 | 256 | 257 | /* Changes header-lower, */ 258 | 259 | .ifNwiE, 260 | .LdCMD, 261 | .fIhPZJ, 262 | .cFegvH, 263 | .box-body { 264 | border-color: transparent !important; 265 | background-color: var(--secondary-bg-color-alt) !important; 266 | border-radius: var(--border-radius) !important; 267 | margin-top: .25vw !important; 268 | } 269 | 270 | 271 | /* Hides background of radial areas */ 272 | 273 | .RkKIC, 274 | .cRDvbO, 275 | .dmLxWB, 276 | .gLxIAb, 277 | .gHwjbw, 278 | .WUPIv, 279 | .dQCdoR, 280 | .vtEGy, 281 | .kGXByO, 282 | .nav-tabs-custom, 283 | .box, 284 | .box-footer, 285 | .small-box>.small-box-footer { 286 | background-color: transparent !important; 287 | border-top: none !important; 288 | box-shadow: none !important; 289 | } 290 | 291 | 292 | /* Changes console */ 293 | 294 | .LbmBV, 295 | .hahdAC { 296 | border-radius: var(--border-radius) !important; 297 | background-color: var(--secondary-bg-color-alt) !important; 298 | margin-bottom: .75vw !important; 299 | } 300 | 301 | 302 | /* Changes console color */ 303 | 304 | .xterm .xterm-screen, 305 | .xterm .xterm-viewport { 306 | background-color: var(--secondary-bg-color-alt) !important; 307 | } 308 | 309 | 310 | /* Changes scroll bar */ 311 | 312 | ::-webkit-scrollbar-thumb:hover { 313 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 314 | } 315 | 316 | ::-webkit-scrollbar-thumb { 317 | border-right-width: 4px !important; 318 | border-left-width: 4px !important; 319 | -webkit-border-radius: 9px 4px !important; 320 | -webkit-box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px var(--accent-color) !important; 321 | } 322 | 323 | ::-webkit-scrollbar { 324 | background: var(--secondary-bg-color) !important; 325 | 326 | } 327 | 328 | 329 | /* Changes console input */ 330 | 331 | .JQChZ, 332 | .csimfD { 333 | border-color: var(--accent-color) !important; 334 | background-color: var(--secondary-bg-color-alt) !important; 335 | border-radius: var(--border-radius) !important; 336 | transform: scale(0.95) !important; 337 | margin-top: .25vw !important; 338 | } 339 | 340 | 341 | 342 | /* Changes input text area */ 343 | 344 | .kZaCVF { 345 | border-color: var(--accent-color) !important; 346 | background-color: var(--secondary-bg-color-alt) !important; 347 | border-radius: var(--border-radius) !important; 348 | margin-top: .25vw !important; 349 | } 350 | 351 | 352 | /* Changes schedule, Users, Network, File Manager */ 353 | 354 | .kqnFDg, 355 | .kHuGmn, 356 | .hIHBYg, 357 | .eGIYvK, 358 | .bmqKpQ, 359 | .fQUMLV { 360 | border-radius: var(--border-radius) !important; 361 | background-color: var(--secondary-bg-color) !important; 362 | } 363 | 364 | 365 | /* Changes Network Icon */ 366 | 367 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 368 | color: var(--text-color) !important; 369 | } 370 | 371 | 372 | /* Changes console input */ 373 | 374 | [type="text"], 375 | [type="email"], 376 | [type="url"], 377 | [type="password"], 378 | [type="number"], 379 | [type="date"], 380 | [type="datetime-local"], 381 | [type="month"], 382 | [type="search"], 383 | [type="tel"], 384 | [type="time"], 385 | [type="week"], 386 | [multiple], 387 | textarea, 388 | select { 389 | background-color: var(--secondary-bg-color-alt) !important; 390 | border-color: transparent !important; 391 | color: var(--text-color) !important; 392 | border-radius: var(--border-radius) !important; 393 | } 394 | 395 | 396 | /* Changes check boxes */ 397 | 398 | .uOUEk.uOUEk, 399 | .jVkAsT[type="checkbox"], 400 | .jVkAsT[type="radio"] { 401 | border-radius: var(--border-radius) !important; 402 | background-color: var(--secondary-bg-color-alt) !important; 403 | border-color: var(--accent-color) !important; 404 | } 405 | 406 | 407 | /* Changes Sub-User */ 408 | 409 | .kqnFDg::-webkit-scrollbar { 410 | background: var(--secondary-bg-color) !important; 411 | border-radius: var(--border-radius) !important; 412 | } 413 | 414 | .ekHIsr { 415 | background-color: var(--secondary-bg-color) !important; 416 | border-radius: var(--border-radius) !important; 417 | } 418 | 419 | 420 | /* Fixes border radius when moving off of div */ 421 | 422 | .icxFlO, 423 | .elUIig { 424 | border-radius: var(--border-radius) !important; 425 | } 426 | 427 | 428 | /* Changes selected admin page */ 429 | 430 | .skin-blue .sidebar-menu>li.active>a { 431 | box-shadow: var(--accent-color) 0px -0px inset !important; 432 | border-left-color: var(--accent-color) !important; 433 | background-color: var(--secondary-bg-color-alt) !important; 434 | } 435 | 436 | 437 | /* Changes background color of hovered admin page */ 438 | 439 | .skin-blue .sidebar-menu>li:hover>a, 440 | .skin-blue .sidebar-menu>li.active>a, 441 | .skin-blue .sidebar-menu>li.menu-open>a, 442 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 443 | background-color: var(--secondary-bg-color-alt) !important; 444 | } 445 | 446 | 447 | /* Changes category name */ 448 | 449 | .skin-blue .sidebar-menu>li.header { 450 | color: var(--text-color) !important; 451 | background-color: var(--secondary-bg-color-alt) !important; 452 | } 453 | 454 | 455 | /* Changes selected tab and background color */ 456 | 457 | .nav-tabs-custom>.nav-tabs>li.active, 458 | .table>thead>tr>th, 459 | .table>tbody>tr>th, 460 | .table>tfoot>tr>th, 461 | .table>thead>tr>td, 462 | .table>tbody>tr>td, 463 | .table>tfoot>tr>td { 464 | border-top-color: var(--accent-color) !important; 465 | border-bottom-color: var(--accent-color) !important; 466 | } 467 | 468 | .nav-tabs-custom>.nav-tabs>li.active>a, 469 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 470 | background-color: var(--secondary-bg-color-alt) !important; 471 | border-color: transparent; 472 | } 473 | 474 | .nav-tabs-custom>.nav-tabs>li:hover { 475 | border-top-color: var(--accent-color) !important; 476 | } 477 | 478 | /* Removes border */ 479 | 480 | .box-footer, 481 | hr { 482 | border-top: none !important; 483 | } 484 | 485 | .nav-tabs-custom>.nav-tabs>li.active, 486 | .table>thead>tr>th, 487 | .table>tbody>tr>th, 488 | .table>tfoot>tr>th, 489 | .table>thead>tr>td, 490 | .table>tbody>tr>td, 491 | .table>tfoot>tr>td { 492 | background-color: var(--secondary-bg-color-alt) !important; 493 | } 494 | 495 | /* Removes port bubble */ 496 | 497 | .cxwlaX { 498 | background: var(--secondary-bg-color-alt) !important; 499 | } 500 | 501 | /* Fixes console scroll bar */ 502 | 503 | .xterm .xterm-viewport::-webkit-scrollbar { 504 | background: var(--secondary-bg-color-alt) !important; 505 | } 506 | 507 | -------------------------------------------------------------------------------- /latest/Twilight/admin.css: -------------------------------------------------------------------------------- 1 | /* Changes Background */ 2 | 3 | body, 4 | .content-wrapper { 5 | background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAsNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgxMjApICI+PHJlY3QgaWQ9InBhdHRlcm4tYmFja2dyb3VuZCIgd2lkdGg9IjQwMCUiIGhlaWdodD0iNDAwJSIgZmlsbD0icmdiYSg0MSwgNDAsIDY1LDEpIj48L3JlY3Q+IDxwYXRoIGZpbGw9InJnYmEoMjQ3LCAyNTAsIDI1MiwxKSIgZD0iTS0xIDIwIGgyIHYyIGgtMiB6TTM5IDIwIGgyIHYyIGgtMiB6Ij48L3BhdGg+PHBhdGggZmlsbD0icmdiYSgxMTQsIDEzNywgMjE4LDEpIiBkPSJNMTkuNSAyMCBoMSB2MiBoLTEgek01OS41IDIwIGgxIHYyIGgtMSB6Ij48L3BhdGg+PC9wYXR0ZXJuPiAgPC9kZWZzPiA8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48L3JlY3Q+PC9zdmc+") !important; 6 | } 7 | 8 | 9 | /* Changes Header Color */ 10 | 11 | .ebtnLL, 12 | .cWFcHc, 13 | .iTxXDX, 14 | .JZicT, 15 | .skin-blue .wrapper, 16 | .skin-blue .main-sidebar, 17 | .skin-blue .left-side, 18 | .skin-blue .main-header .navbar, 19 | .skin-blue .main-header .logo, 20 | .main-footer { 21 | background-color: #242338 !important; 22 | border-color: transparent !important; 23 | box-shadow: none !important; 24 | } 25 | 26 | 27 | /* Changes selected tab color */ 28 | 29 | .fmPgAW>a:active, 30 | .fmPgAW>.navigation-link:active, 31 | .fmPgAW>a:hover, 32 | .fmPgAW>.navigation-link:hover, 33 | .fmPgAW>a.active, 34 | .fmPgAW>.navigation-link.active, 35 | .cWFcHc>div>a:active, 36 | .cWFcHc>div>div:active, 37 | .cWFcHc>div>a.active, 38 | .cWFcHc>div>div.active, 39 | .jMDToC>a:active, 40 | .jMDToC>.navigation-link:active, 41 | .jMDToC>a:hover, 42 | .jMDToC>.navigation-link:hover, 43 | .jMDToC>a.active, 44 | .jMDToC>.navigation-link.active, 45 | .JZicT>div>a:active, 46 | .JZicT>div>div:active, 47 | .JZicT>div>a.active, 48 | .JZicT>div>div.active { 49 | box-shadow: #7289da 0px -2px inset !important; 50 | background-color: #242338 !important; 51 | } 52 | 53 | 54 | /* Changes Text Color */ 55 | 56 | .fNmetC, 57 | .hcJQtJ, 58 | .ToRTP, 59 | .dPhkRJ, 60 | .cKOMAz, 61 | .jSyjnD, 62 | .jywpgX, 63 | .eFKDEh, 64 | .dUzAFF, 65 | .cbFifO, 66 | .farUaV, 67 | .dMZZHB, 68 | .lgYuLu, 69 | .gSUxYg, 70 | .cdBzyv, 71 | .gxlLzB, 72 | .jexamK, 73 | .eWxPIu, 74 | .eWxPIu:hover, 75 | .jXGwrM, 76 | .mIIYh, 77 | .iambCQ, 78 | .iZqkRd, 79 | .chAlWS, 80 | .iTwxpv, 81 | .skin-blue .main-header .logo, 82 | .jVPRyV, 83 | .khFmcN { 84 | color: #fafafa !important; 85 | } 86 | 87 | 88 | /* Changes disabled switch */ 89 | 90 | .gdhLjd>label, 91 | .cDmYBr>label { 92 | background-color: #242338 !important; 93 | border-color: #242338 !important; 94 | } 95 | 96 | 97 | /* Changes enabled switch */ 98 | 99 | .gdhLjd>input[type="checkbox"]:checked+label, 100 | .cDmYBr>input[type="checkbox"]:checked+label { 101 | background-color: #7289da !important; 102 | border-color: #7289da !important; 103 | } 104 | 105 | 106 | /* Changes server list color */ 107 | 108 | .liBonM, 109 | .bOIdGn, 110 | .jkiDvQ, 111 | .iYhzbi, 112 | .jqQFoq, 113 | .bEKRkc, 114 | .dRhlIo { 115 | background-color: #242338 !important; 116 | border-radius: 15px !important; 117 | border-color: #242338 !important; 118 | } 119 | 120 | 121 | /* Changes border when hover */ 122 | 123 | .liBonM:hover, 124 | .kHuGmn:hover, 125 | .dRhlIo:hover, 126 | .bEKRkc:hover { 127 | border-color: #7289da !important; 128 | } 129 | 130 | 131 | /* Changes status bar position and size */ 132 | 133 | .jkiDvQ .status-bar, 134 | .bvinzM .status-bar, 135 | .iYhzbi .status-bar, 136 | .liBonM .status-bar, 137 | .jqQFoq .status-bar, 138 | .bEKRkc .status-bar, 139 | .dRhlIo .status-bar { 140 | height: 7vw !important; 141 | right: -.25vw !important; 142 | } 143 | 144 | 145 | /* Changes Installing Status, and other bubble text */ 146 | 147 | .hNrKxe, 148 | .dMZZHB, 149 | .dHRxAp, 150 | .epSLdr, 151 | .bsrsDD, 152 | .ffSVrP, 153 | .fZqvbJ, 154 | .fLfaAY, 155 | .bsSkeI, 156 | .jIIIrT, 157 | .EwfIk, 158 | .izAmwE, 159 | code { 160 | border-radius: 15px; 161 | background-color: #7289da !important; 162 | border-color: #7289da !important; 163 | color: #fafafa !important; 164 | } 165 | 166 | 167 | /* Changes server icons */ 168 | 169 | .kHuGmn .icon, 170 | .jkiDvQ .icon, 171 | .bvinzM .icon, 172 | .iYhzbi .icon, 173 | .liBonM .icon, 174 | .jqQFoq .icon, 175 | .dRhlIo .icon { 176 | background-color: #7289da !important; 177 | color: #fafafa !important; 178 | } 179 | 180 | 181 | /* Changes account settings area */ 182 | 183 | .hfBvRz, 184 | .fenved { 185 | border-radius: 15px; 186 | background-color: #242338 !important; 187 | border-color: #7289da !important; 188 | } 189 | 190 | 191 | /* Changes input areas */ 192 | 193 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 194 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 195 | .eDhiE[type="checkbox"], 196 | .eDhiE[type="radio"], 197 | .hDlyZJ:not(.disabled):hover, 198 | .farUaV, 199 | .iZMsvi, 200 | .iYSUfg, 201 | .cKwXAB, 202 | .ixeRNi:hover, 203 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 204 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 205 | .hsUiOF, 206 | .jrraLb, 207 | .icxFlO:hover, 208 | .gYNKkb, 209 | .elUIig:hover, 210 | .ekbHAG, 211 | .btn-primary, 212 | .btn-warning, 213 | .btn-success, 214 | .btn-danger, 215 | .alert-danger, 216 | .input-group .input-group-addon, 217 | .select2-container--default .select2-selection--single, 218 | .select2-container--default .select2-selection--multiple, 219 | .bg-red, 220 | .bg-yellow, 221 | .bg-aqua, 222 | .bg-blue, 223 | .bg-light-blue, 224 | .bg-green, 225 | .bg-navy, 226 | .bg-teal, 227 | .bg-olive, 228 | .bg-lime, 229 | .bg-orange, 230 | .bg-fuchsia, 231 | .bg-purple, 232 | .bg-maroon, 233 | .bg-black, 234 | .bg-red-active, 235 | .bg-yellow-active, 236 | .bg-aqua-active, 237 | .bg-blue-active, 238 | .bg-light-blue-active, 239 | .bg-green-active, 240 | .bg-navy-active, 241 | .bg-teal-active, 242 | .bg-olive-active, 243 | .bg-lime-active, 244 | .bg-orange-active, 245 | .bg-fuchsia-active, 246 | .bg-purple-active, 247 | .bg-maroon-active, 248 | .bg-black-active, 249 | .callout.callout-danger, 250 | .callout.callout-warning, 251 | .callout.callout-info, 252 | .callout.callout-success, 253 | .alert-success, 254 | .alert-danger, 255 | .alert-error, 256 | .alert-warning, 257 | .alert-info, 258 | .label-danger, 259 | .label-info, 260 | .label-warning, 261 | .label-primary, 262 | .label-success, 263 | .modal-primary .modal-body, 264 | .modal-primary .modal-header, 265 | .modal-primary .modal-footer, 266 | .modal-warning .modal-body, 267 | .modal-warning .modal-header, 268 | .modal-warning .modal-footer, 269 | .modal-info .modal-body, 270 | .modal-info .modal-header, 271 | .modal-info .modal-footer, 272 | .modal-success .modal-body, 273 | .modal-success .modal-header, 274 | .modal-success .modal-footer, 275 | .modal-danger .modal-body, 276 | .modal-danger .modal-header, 277 | .modal-danger .modal-footer { 278 | border-color: #413f66 !important; 279 | background-color: #1e1d2d !important; 280 | border-radius: 15px !important; 281 | } 282 | 283 | 284 | /* Changes header-upper */ 285 | 286 | .kwjWaB, 287 | .grusjm, 288 | .cswOgL, 289 | .cnbtLx, 290 | .bPeJFv, 291 | .bWXUsX, 292 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 293 | .box-header.with-border, 294 | .bg-gray { 295 | border-color: #1e1d2d !important; 296 | background-color: #1e1d2d !important; 297 | border-radius: 15px !important; 298 | margin-bottom: .25vw !important; 299 | margin-top: .25vw !important; 300 | transform: scale(.96); 301 | } 302 | 303 | 304 | /* Changes header-lower, */ 305 | 306 | .ifNwiE, 307 | .LdCMD, 308 | .fIhPZJ, 309 | .cFegvH, 310 | .box-body { 311 | border-color: transparent !important; 312 | background-color: #1e1d2d !important; 313 | border-radius: 15px !important; 314 | margin-top: .25vw !important; 315 | } 316 | 317 | 318 | /* Hides background of radial areas */ 319 | 320 | .RkKIC, 321 | .cRDvbO, 322 | .dmLxWB, 323 | .gLxIAb, 324 | .gHwjbw, 325 | .WUPIv, 326 | .dQCdoR, 327 | .vtEGy, 328 | .kGXByO, 329 | .nav-tabs-custom, 330 | .box, 331 | .box-footer, 332 | .small-box>.small-box-footer, 333 | .bceLDp { 334 | background-color: transparent !important; 335 | border-top: none !important; 336 | box-shadow: none !important; 337 | } 338 | 339 | 340 | /* Changes console */ 341 | 342 | .LbmBV, 343 | .hahdAC { 344 | border-radius: 15px !important; 345 | background-color: #1e1d2d !important; 346 | margin-bottom: .75vw !important; 347 | } 348 | 349 | 350 | /* Changes console color */ 351 | 352 | .xterm .xterm-screen, 353 | .xterm .xterm-viewport { 354 | background-color: #1e1d2d !important; 355 | } 356 | 357 | 358 | /* Changes scroll bar */ 359 | 360 | ::-webkit-scrollbar-thumb:hover { 361 | -webkit-box-shadow: inset 0 0 0 1px #7289da, inset 0 0 0 4px #7289da !important; 362 | } 363 | 364 | ::-webkit-scrollbar-thumb { 365 | border-right-width: 4px !important; 366 | border-left-width: 4px !important; 367 | -webkit-border-radius: 9px 4px !important; 368 | -webkit-box-shadow: inset 0 0 0 1px #7289da, inset 0 0 0 4px #7289da !important; 369 | } 370 | 371 | ::-webkit-scrollbar { 372 | background: #242338 !important; 373 | } 374 | 375 | 376 | /* Changes console input */ 377 | 378 | .JQChZ, 379 | .csimfD { 380 | border-color: #7289da !important; 381 | background-color: #1e1d2d !important; 382 | border-radius: 15px !important; 383 | transform: scale(0.95) !important; 384 | margin-top: .25vw !important; 385 | } 386 | 387 | 388 | /* Changes input text area */ 389 | 390 | .kZaCVF { 391 | border-color: #7289da !important; 392 | background-color: #1e1d2d !important; 393 | border-radius: 15px !important; 394 | margin-top: .25vw !important; 395 | } 396 | 397 | 398 | /* Changes schedule, Users, Network, File Manager */ 399 | 400 | .kqnFDg, 401 | .kHuGmn, 402 | .hIHBYg, 403 | .eGIYvK, 404 | .bmqKpQ, 405 | .fQUMLV { 406 | border-radius: 15px !important; 407 | background-color: #242338 !important; 408 | } 409 | 410 | 411 | /* Changes Network Icon */ 412 | 413 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 414 | color: #fafafa !important; 415 | } 416 | 417 | 418 | /* Changes console input */ 419 | 420 | [type="text"], 421 | [type="email"], 422 | [type="url"], 423 | [type="password"], 424 | [type="number"], 425 | [type="date"], 426 | [type="datetime-local"], 427 | [type="month"], 428 | [type="search"], 429 | [type="tel"], 430 | [type="time"], 431 | [type="week"], 432 | [multiple], 433 | textarea, 434 | select { 435 | background-color: #1e1d2d !important; 436 | border-color: transparent !important; 437 | color: #fafafa !important; 438 | border-radius: 15px !important; 439 | } 440 | 441 | 442 | /* Changes check boxes */ 443 | 444 | .uOUEk.uOUEk, 445 | .jVkAsT[type="checkbox"], 446 | .jVkAsT[type="radio"] { 447 | border-radius: 15px !important; 448 | background-color: #1e1d2d !important; 449 | border-color: #7289da !important; 450 | } 451 | 452 | 453 | /* Changes Sub-User */ 454 | 455 | .kqnFDg::-webkit-scrollbar { 456 | background: #242338 !important; 457 | border-radius: 15px !important; 458 | } 459 | 460 | .ekHIsr { 461 | background-color: #242338 !important; 462 | border-radius: 15px !important; 463 | } 464 | 465 | 466 | /* Fixes border radius when moving off of div */ 467 | 468 | .icxFlO, 469 | .elUIig { 470 | border-radius: 15px !important; 471 | } 472 | 473 | 474 | /* Changes selected admin page */ 475 | 476 | .skin-blue .sidebar-menu>li.active>a { 477 | box-shadow: #7289da 0px -0px inset !important; 478 | border-left-color: #7289da !important; 479 | background-color: #1e1d2d !important; 480 | } 481 | 482 | 483 | /* Changes background color of hovered admin page */ 484 | 485 | .skin-blue .sidebar-menu>li:hover>a, 486 | .skin-blue .sidebar-menu>li.active>a, 487 | .skin-blue .sidebar-menu>li.menu-open>a, 488 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 489 | background-color: #1e1d2d !important; 490 | } 491 | 492 | 493 | /* Changes category name */ 494 | 495 | .skin-blue .sidebar-menu>li.header { 496 | color: #fafafa !important; 497 | background-color: #1e1d2d !important; 498 | } 499 | 500 | 501 | /* Changes selected tab and background color */ 502 | 503 | .nav-tabs-custom>.nav-tabs>li.active, 504 | .table>thead>tr>th, 505 | .table>tbody>tr>th, 506 | .table>tfoot>tr>th, 507 | .table>thead>tr>td, 508 | .table>tbody>tr>td, 509 | .table>tfoot>tr>td { 510 | border-top-color: #7289da !important; 511 | border-bottom-color: #7289da !important; 512 | } 513 | 514 | .nav-tabs-custom>.nav-tabs>li.active>a, 515 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 516 | background-color: #1e1d2d !important; 517 | border-color: transparent; 518 | } 519 | 520 | .nav-tabs-custom>.nav-tabs>li:hover { 521 | border-top-color: #7289da !important; 522 | } 523 | 524 | 525 | /* Removes border */ 526 | 527 | .box-footer, 528 | hr { 529 | border-top: none !important; 530 | } 531 | 532 | .nav-tabs-custom>.nav-tabs>li.active, 533 | .table>thead>tr>th, 534 | .table>tbody>tr>th, 535 | .table>tfoot>tr>th, 536 | .table>thead>tr>td, 537 | .table>tbody>tr>td, 538 | .table>tfoot>tr>td { 539 | background-color: #1e1d2d !important; 540 | } 541 | 542 | 543 | /* Removes port bubble */ 544 | 545 | .cxwlaX { 546 | background: #1e1d2d !important; 547 | } 548 | 549 | 550 | /* Fixes console scroll bar */ 551 | 552 | .xterm .xterm-viewport::-webkit-scrollbar { 553 | background: #1e1d2d !important; 554 | } 555 | 556 | 557 | /* Fixes node config */ 558 | 559 | #configTokenBtn, 560 | body>div>div>section.content>div:nth-child(3)>div.col-sm-8>div>div:nth-child(2)>div>div.box-body.table-responsive>pre, 561 | body>div>div>section.content>div:nth-child(3)>div.col-sm-8>div>div.box-body>pre { 562 | border-color: #413f66 !important; 563 | background-color: #1e1d2d !important; 564 | border-radius: 15px !important; 565 | } 566 | 567 | .box-body { 568 | transform: scale(.98) !important; 569 | } 570 | 571 | .ifNwiE, 572 | .LdCMD, 573 | .fIhPZJ, 574 | .cFegvH, 575 | .box-body { 576 | transform: scale(.98) !important; 577 | } 578 | 579 | .info-box, 580 | .info-box-icon { 581 | border-radius: 15px !important; 582 | } 583 | 584 | 585 | /* Fixes file editor */ 586 | 587 | .CodeMirror-scroll, 588 | .CodeMirror-sizer, 589 | .CodeMirror-gutter, 590 | .CodeMirror-gutters, 591 | .CodeMirror-linenumber { 592 | border-color: #413f66 !important; 593 | background-color: #1e1d2d !important; 594 | color: #fafafa !important; 595 | } 596 | 597 | 598 | /* Fixes admin input areas and radius */ 599 | 600 | input.form-control, 601 | .btn-default, 602 | input.form-control { 603 | border-color: #413f66 !important; 604 | background-color: #1e1d2d !important; 605 | border-radius: 15px !important; 606 | } 607 | 608 | .ifNwiE, 609 | .LdCMD, 610 | .fIhPZJ, 611 | .cFegvH, 612 | .box-body { 613 | background-color: #242338 !important; 614 | } 615 | 616 | .btn-default { 617 | margin-right: .25vw !important; 618 | } 619 | 620 | .input-group .form-control { 621 | margin-right: .25vw !important; 622 | } 623 | 624 | .bg-red, 625 | .bg-yellow, 626 | .bg-aqua, 627 | .bg-blue, 628 | .bg-light-blue, 629 | .bg-green, 630 | .bg-navy, 631 | .bg-teal, 632 | .bg-olive, 633 | .bg-lime, 634 | .bg-orange, 635 | .bg-fuchsia, 636 | .bg-purple, 637 | .bg-maroon, 638 | .bg-black, 639 | .bg-red-active, 640 | .bg-yellow-active, 641 | .bg-aqua-active, 642 | .bg-blue-active, 643 | .bg-light-blue-active, 644 | .bg-green-active, 645 | .bg-navy-active, 646 | .bg-teal-active, 647 | .bg-olive-active, 648 | .bg-lime-active, 649 | .bg-orange-active, 650 | .bg-fuchsia-active, 651 | .bg-purple-active, 652 | .bg-maroon-active, 653 | .bg-black-active, 654 | .callout.callout-danger, 655 | .callout.callout-warning, 656 | .callout.callout-info, 657 | .callout.callout-success, 658 | .alert-success, 659 | .alert-danger, 660 | .alert-error, 661 | .alert-warning, 662 | .alert-info, 663 | .label-danger, 664 | .label-info, 665 | .label-warning, 666 | .label-primary, 667 | .label-success, 668 | .modal-primary .modal-body, 669 | .modal-primary .modal-header, 670 | .modal-primary .modal-footer, 671 | .modal-warning .modal-body, 672 | .modal-warning .modal-header, 673 | .modal-warning .modal-footer, 674 | .modal-info .modal-body, 675 | .modal-info .modal-header, 676 | .modal-info .modal-footer, 677 | .modal-success .modal-body, 678 | .modal-success .modal-header, 679 | .modal-success .modal-footer, 680 | .modal-danger .modal-body, 681 | .modal-danger .modal-header, 682 | .modal-danger .modal-footer { 683 | border-radius: 15px !important; 684 | } 685 | 686 | /* Fixes login page */ 687 | 688 | .eWTBmo, .kZiVrb, .kZiVrb:hover, .kdZiuU, .fMOYf, .fMOYf:hover { 689 | color: #fafafa !important; 690 | } 691 | 692 | .dVhqhq { 693 | background-color: #242338 !important; 694 | border-color: transparent !important; 695 | box-shadow: none !important; 696 | } 697 | 698 | .fPcGHZ:not([type="checkbox"]):not([type="radio"]) { 699 | border-color: #413f66 !important; 700 | background-color: #1e1d2d !important; 701 | border-radius: 15px !important; 702 | } 703 | 704 | /* Fixes nest, eggs, and mounts */ 705 | 706 | .modal-body, .modal-header, .modal-footer { 707 | border-color: #1e1d2d !important; 708 | background-color: #1e1d2d !important; 709 | } 710 | 711 | textarea.form-control { 712 | border-color: #413f66 !important; 713 | background-color: #1e1d2d !important; 714 | border-radius: 15px !important; 715 | } 716 | -------------------------------------------------------------------------------- /latest/Twilight/user.css: -------------------------------------------------------------------------------- 1 | /* Changes Background */ 2 | 3 | body, 4 | .content-wrapper { 5 | background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAsNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgxMjApICI+PHJlY3QgaWQ9InBhdHRlcm4tYmFja2dyb3VuZCIgd2lkdGg9IjQwMCUiIGhlaWdodD0iNDAwJSIgZmlsbD0icmdiYSg0MSwgNDAsIDY1LDEpIj48L3JlY3Q+IDxwYXRoIGZpbGw9InJnYmEoMjQ3LCAyNTAsIDI1MiwxKSIgZD0iTS0xIDIwIGgyIHYyIGgtMiB6TTM5IDIwIGgyIHYyIGgtMiB6Ij48L3BhdGg+PHBhdGggZmlsbD0icmdiYSgxMTQsIDEzNywgMjE4LDEpIiBkPSJNMTkuNSAyMCBoMSB2MiBoLTEgek01OS41IDIwIGgxIHYyIGgtMSB6Ij48L3BhdGg+PC9wYXR0ZXJuPiAgPC9kZWZzPiA8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48L3JlY3Q+PC9zdmc+") !important; 6 | } 7 | 8 | 9 | /* Changes Header Color */ 10 | 11 | .ebtnLL, 12 | .cWFcHc, 13 | .iTxXDX, 14 | .JZicT, 15 | .skin-blue .wrapper, 16 | .skin-blue .main-sidebar, 17 | .skin-blue .left-side, 18 | .skin-blue .main-header .navbar, 19 | .skin-blue .main-header .logo, 20 | .main-footer { 21 | background-color: #242338 !important; 22 | border-color: transparent !important; 23 | box-shadow: none !important; 24 | } 25 | 26 | 27 | /* Changes selected tab color */ 28 | 29 | .fmPgAW>a:active, 30 | .fmPgAW>.navigation-link:active, 31 | .fmPgAW>a:hover, 32 | .fmPgAW>.navigation-link:hover, 33 | .fmPgAW>a.active, 34 | .fmPgAW>.navigation-link.active, 35 | .cWFcHc>div>a:active, 36 | .cWFcHc>div>div:active, 37 | .cWFcHc>div>a.active, 38 | .cWFcHc>div>div.active, 39 | .jMDToC>a:active, 40 | .jMDToC>.navigation-link:active, 41 | .jMDToC>a:hover, 42 | .jMDToC>.navigation-link:hover, 43 | .jMDToC>a.active, 44 | .jMDToC>.navigation-link.active, 45 | .JZicT>div>a:active, 46 | .JZicT>div>div:active, 47 | .JZicT>div>a.active, 48 | .JZicT>div>div.active { 49 | box-shadow: #7289da 0px -2px inset !important; 50 | background-color: #242338 !important; 51 | } 52 | 53 | 54 | /* Changes Text Color */ 55 | 56 | .fNmetC, 57 | .hcJQtJ, 58 | .ToRTP, 59 | .dPhkRJ, 60 | .cKOMAz, 61 | .jSyjnD, 62 | .jywpgX, 63 | .eFKDEh, 64 | .dUzAFF, 65 | .cbFifO, 66 | .farUaV, 67 | .dMZZHB, 68 | .lgYuLu, 69 | .gSUxYg, 70 | .cdBzyv, 71 | .gxlLzB, 72 | .jexamK, 73 | .eWxPIu, 74 | .eWxPIu:hover, 75 | .jXGwrM, 76 | .mIIYh, 77 | .iambCQ, 78 | .iZqkRd, 79 | .chAlWS, 80 | .iTwxpv, 81 | .skin-blue .main-header .logo, 82 | .jVPRyV, 83 | .khFmcN { 84 | color: #fafafa !important; 85 | } 86 | 87 | 88 | /* Changes disabled switch */ 89 | 90 | .gdhLjd>label, 91 | .cDmYBr>label { 92 | background-color: #242338 !important; 93 | border-color: #242338 !important; 94 | } 95 | 96 | 97 | /* Changes enabled switch */ 98 | 99 | .gdhLjd>input[type="checkbox"]:checked+label, 100 | .cDmYBr>input[type="checkbox"]:checked+label { 101 | background-color: #7289da !important; 102 | border-color: #7289da !important; 103 | } 104 | 105 | 106 | /* Changes server list color */ 107 | 108 | .liBonM, 109 | .bOIdGn, 110 | .jkiDvQ, 111 | .iYhzbi, 112 | .jqQFoq, 113 | .bEKRkc, 114 | .dRhlIo { 115 | background-color: #242338 !important; 116 | border-radius: 15px !important; 117 | border-color: #242338 !important; 118 | } 119 | 120 | 121 | /* Changes border when hover */ 122 | 123 | .liBonM:hover, 124 | .kHuGmn:hover, 125 | .dRhlIo:hover, 126 | .bEKRkc:hover { 127 | border-color: #7289da !important; 128 | } 129 | 130 | 131 | /* Changes status bar position and size */ 132 | 133 | .jkiDvQ .status-bar, 134 | .bvinzM .status-bar, 135 | .iYhzbi .status-bar, 136 | .liBonM .status-bar, 137 | .jqQFoq .status-bar, 138 | .bEKRkc .status-bar, 139 | .dRhlIo .status-bar { 140 | height: 7vw !important; 141 | right: -.25vw !important; 142 | } 143 | 144 | 145 | /* Changes Installing Status, and other bubble text */ 146 | 147 | .hNrKxe, 148 | .dMZZHB, 149 | .dHRxAp, 150 | .epSLdr, 151 | .bsrsDD, 152 | .ffSVrP, 153 | .fZqvbJ, 154 | .fLfaAY, 155 | .bsSkeI, 156 | .jIIIrT, 157 | .EwfIk, 158 | .izAmwE, 159 | code { 160 | border-radius: 15px; 161 | background-color: #7289da !important; 162 | border-color: #7289da !important; 163 | color: #fafafa !important; 164 | } 165 | 166 | 167 | /* Changes server icons */ 168 | 169 | .kHuGmn .icon, 170 | .jkiDvQ .icon, 171 | .bvinzM .icon, 172 | .iYhzbi .icon, 173 | .liBonM .icon, 174 | .jqQFoq .icon, 175 | .dRhlIo .icon { 176 | background-color: #7289da !important; 177 | color: #fafafa !important; 178 | } 179 | 180 | 181 | /* Changes account settings area */ 182 | 183 | .hfBvRz, 184 | .fenved { 185 | border-radius: 15px; 186 | background-color: #242338 !important; 187 | border-color: #7289da !important; 188 | } 189 | 190 | 191 | /* Changes input areas */ 192 | 193 | .eDhiE:not([type="checkbox"]):not([type="radio"]), 194 | .lepTyw:not([type="checkbox"]):not([type="radio"]), 195 | .eDhiE[type="checkbox"], 196 | .eDhiE[type="radio"], 197 | .hDlyZJ:not(.disabled):hover, 198 | .farUaV, 199 | .iZMsvi, 200 | .iYSUfg, 201 | .cKwXAB, 202 | .ixeRNi:hover, 203 | .jVkAsT:not([type="checkbox"]):not([type="radio"]), 204 | .kmvYjP:not([type="checkbox"]):not([type="radio"]), 205 | .hsUiOF, 206 | .jrraLb, 207 | .icxFlO:hover, 208 | .gYNKkb, 209 | .elUIig:hover, 210 | .ekbHAG, 211 | .btn-primary, 212 | .btn-warning, 213 | .btn-success, 214 | .btn-danger, 215 | .alert-danger, 216 | .input-group .input-group-addon, 217 | .select2-container--default .select2-selection--single, 218 | .select2-container--default .select2-selection--multiple, 219 | .bg-red, 220 | .bg-yellow, 221 | .bg-aqua, 222 | .bg-blue, 223 | .bg-light-blue, 224 | .bg-green, 225 | .bg-navy, 226 | .bg-teal, 227 | .bg-olive, 228 | .bg-lime, 229 | .bg-orange, 230 | .bg-fuchsia, 231 | .bg-purple, 232 | .bg-maroon, 233 | .bg-black, 234 | .bg-red-active, 235 | .bg-yellow-active, 236 | .bg-aqua-active, 237 | .bg-blue-active, 238 | .bg-light-blue-active, 239 | .bg-green-active, 240 | .bg-navy-active, 241 | .bg-teal-active, 242 | .bg-olive-active, 243 | .bg-lime-active, 244 | .bg-orange-active, 245 | .bg-fuchsia-active, 246 | .bg-purple-active, 247 | .bg-maroon-active, 248 | .bg-black-active, 249 | .callout.callout-danger, 250 | .callout.callout-warning, 251 | .callout.callout-info, 252 | .callout.callout-success, 253 | .alert-success, 254 | .alert-danger, 255 | .alert-error, 256 | .alert-warning, 257 | .alert-info, 258 | .label-danger, 259 | .label-info, 260 | .label-warning, 261 | .label-primary, 262 | .label-success, 263 | .modal-primary .modal-body, 264 | .modal-primary .modal-header, 265 | .modal-primary .modal-footer, 266 | .modal-warning .modal-body, 267 | .modal-warning .modal-header, 268 | .modal-warning .modal-footer, 269 | .modal-info .modal-body, 270 | .modal-info .modal-header, 271 | .modal-info .modal-footer, 272 | .modal-success .modal-body, 273 | .modal-success .modal-header, 274 | .modal-success .modal-footer, 275 | .modal-danger .modal-body, 276 | .modal-danger .modal-header, 277 | .modal-danger .modal-footer { 278 | border-color: #413f66 !important; 279 | background-color: #1e1d2d !important; 280 | border-radius: 15px !important; 281 | } 282 | 283 | 284 | /* Changes header-upper */ 285 | 286 | .kwjWaB, 287 | .grusjm, 288 | .cswOgL, 289 | .cnbtLx, 290 | .bPeJFv, 291 | .bWXUsX, 292 | .nav-tabs-custom.nav-tabs-floating>.nav-tabs, 293 | .box-header.with-border, 294 | .bg-gray { 295 | border-color: #1e1d2d !important; 296 | background-color: #1e1d2d !important; 297 | border-radius: 15px !important; 298 | margin-bottom: .25vw !important; 299 | margin-top: .25vw !important; 300 | transform: scale(.96); 301 | } 302 | 303 | 304 | /* Changes header-lower, */ 305 | 306 | .ifNwiE, 307 | .LdCMD, 308 | .fIhPZJ, 309 | .cFegvH, 310 | .box-body { 311 | border-color: transparent !important; 312 | background-color: #1e1d2d !important; 313 | border-radius: 15px !important; 314 | margin-top: .25vw !important; 315 | } 316 | 317 | 318 | /* Hides background of radial areas */ 319 | 320 | .RkKIC, 321 | .cRDvbO, 322 | .dmLxWB, 323 | .gLxIAb, 324 | .gHwjbw, 325 | .WUPIv, 326 | .dQCdoR, 327 | .vtEGy, 328 | .kGXByO, 329 | .nav-tabs-custom, 330 | .box, 331 | .box-footer, 332 | .small-box>.small-box-footer, 333 | .bceLDp { 334 | background-color: transparent !important; 335 | border-top: none !important; 336 | box-shadow: none !important; 337 | } 338 | 339 | 340 | /* Changes console */ 341 | 342 | .LbmBV, 343 | .hahdAC { 344 | border-radius: 15px !important; 345 | background-color: #1e1d2d !important; 346 | margin-bottom: .75vw !important; 347 | } 348 | 349 | 350 | /* Changes console color */ 351 | 352 | .xterm .xterm-screen, 353 | .xterm .xterm-viewport { 354 | background-color: #1e1d2d !important; 355 | } 356 | 357 | 358 | /* Changes scroll bar */ 359 | 360 | ::-webkit-scrollbar-thumb:hover { 361 | -webkit-box-shadow: inset 0 0 0 1px #7289da, inset 0 0 0 4px #7289da !important; 362 | } 363 | 364 | ::-webkit-scrollbar-thumb { 365 | border-right-width: 4px !important; 366 | border-left-width: 4px !important; 367 | -webkit-border-radius: 9px 4px !important; 368 | -webkit-box-shadow: inset 0 0 0 1px #7289da, inset 0 0 0 4px #7289da !important; 369 | } 370 | 371 | ::-webkit-scrollbar { 372 | background: #242338 !important; 373 | } 374 | 375 | 376 | /* Changes console input */ 377 | 378 | .JQChZ, 379 | .csimfD { 380 | border-color: #7289da !important; 381 | background-color: #1e1d2d !important; 382 | border-radius: 15px !important; 383 | transform: scale(0.95) !important; 384 | margin-top: .25vw !important; 385 | } 386 | 387 | 388 | /* Changes input text area */ 389 | 390 | .kZaCVF { 391 | border-color: #7289da !important; 392 | background-color: #1e1d2d !important; 393 | border-radius: 15px !important; 394 | margin-top: .25vw !important; 395 | } 396 | 397 | 398 | /* Changes schedule, Users, Network, File Manager */ 399 | 400 | .kqnFDg, 401 | .kHuGmn, 402 | .hIHBYg, 403 | .eGIYvK, 404 | .bmqKpQ, 405 | .fQUMLV { 406 | border-radius: 15px !important; 407 | background-color: #242338 !important; 408 | } 409 | 410 | 411 | /* Changes Network Icon */ 412 | 413 | #app>div.sc-2l91w7-0.kDhnAT>div.sc-1p0gm8n-0.kaVYNu>section>div.x3r2dw-0.kbxq2g-0.evldyg.cZTZeB.fade-appear-done.fade-enter-done>div.sc-1xo9c6v-0.yy3pdt-3.gFWKai.hIHBYg>div.yy3pdt-4.irtdLf>div.yy3pdt-5.jCOUjK>svg { 414 | color: #fafafa !important; 415 | } 416 | 417 | 418 | /* Changes console input */ 419 | 420 | [type="text"], 421 | [type="email"], 422 | [type="url"], 423 | [type="password"], 424 | [type="number"], 425 | [type="date"], 426 | [type="datetime-local"], 427 | [type="month"], 428 | [type="search"], 429 | [type="tel"], 430 | [type="time"], 431 | [type="week"], 432 | [multiple], 433 | textarea, 434 | select { 435 | background-color: #1e1d2d !important; 436 | border-color: transparent !important; 437 | color: #fafafa !important; 438 | border-radius: 15px !important; 439 | } 440 | 441 | 442 | /* Changes check boxes */ 443 | 444 | .uOUEk.uOUEk, 445 | .jVkAsT[type="checkbox"], 446 | .jVkAsT[type="radio"] { 447 | border-radius: 15px !important; 448 | background-color: #1e1d2d !important; 449 | border-color: #7289da !important; 450 | } 451 | 452 | 453 | /* Changes Sub-User */ 454 | 455 | .kqnFDg::-webkit-scrollbar { 456 | background: #242338 !important; 457 | border-radius: 15px !important; 458 | } 459 | 460 | .ekHIsr { 461 | background-color: #242338 !important; 462 | border-radius: 15px !important; 463 | } 464 | 465 | 466 | /* Fixes border radius when moving off of div */ 467 | 468 | .icxFlO, 469 | .elUIig { 470 | border-radius: 15px !important; 471 | } 472 | 473 | 474 | /* Changes selected admin page */ 475 | 476 | .skin-blue .sidebar-menu>li.active>a { 477 | box-shadow: #7289da 0px -0px inset !important; 478 | border-left-color: #7289da !important; 479 | background-color: #1e1d2d !important; 480 | } 481 | 482 | 483 | /* Changes background color of hovered admin page */ 484 | 485 | .skin-blue .sidebar-menu>li:hover>a, 486 | .skin-blue .sidebar-menu>li.active>a, 487 | .skin-blue .sidebar-menu>li.menu-open>a, 488 | .skin-blue .main-header .navbar .sidebar-toggle:hover { 489 | background-color: #1e1d2d !important; 490 | } 491 | 492 | 493 | /* Changes category name */ 494 | 495 | .skin-blue .sidebar-menu>li.header { 496 | color: #fafafa !important; 497 | background-color: #1e1d2d !important; 498 | } 499 | 500 | 501 | /* Changes selected tab and background color */ 502 | 503 | .nav-tabs-custom>.nav-tabs>li.active, 504 | .table>thead>tr>th, 505 | .table>tbody>tr>th, 506 | .table>tfoot>tr>th, 507 | .table>thead>tr>td, 508 | .table>tbody>tr>td, 509 | .table>tfoot>tr>td { 510 | border-top-color: #7289da !important; 511 | border-bottom-color: #7289da !important; 512 | } 513 | 514 | .nav-tabs-custom>.nav-tabs>li.active>a, 515 | .nav-tabs-custom>.nav-tabs>li.active:hover>a { 516 | background-color: #1e1d2d !important; 517 | border-color: transparent; 518 | } 519 | 520 | .nav-tabs-custom>.nav-tabs>li:hover { 521 | border-top-color: #7289da !important; 522 | } 523 | 524 | 525 | /* Removes border */ 526 | 527 | .box-footer, 528 | hr { 529 | border-top: none !important; 530 | } 531 | 532 | .nav-tabs-custom>.nav-tabs>li.active, 533 | .table>thead>tr>th, 534 | .table>tbody>tr>th, 535 | .table>tfoot>tr>th, 536 | .table>thead>tr>td, 537 | .table>tbody>tr>td, 538 | .table>tfoot>tr>td { 539 | background-color: #1e1d2d !important; 540 | } 541 | 542 | 543 | /* Removes port bubble */ 544 | 545 | .cxwlaX { 546 | background: #1e1d2d !important; 547 | } 548 | 549 | 550 | /* Fixes console scroll bar */ 551 | 552 | .xterm .xterm-viewport::-webkit-scrollbar { 553 | background: #1e1d2d !important; 554 | } 555 | 556 | 557 | /* Fixes node config */ 558 | 559 | #configTokenBtn, 560 | body>div>div>section.content>div:nth-child(3)>div.col-sm-8>div>div:nth-child(2)>div>div.box-body.table-responsive>pre, 561 | body>div>div>section.content>div:nth-child(3)>div.col-sm-8>div>div.box-body>pre { 562 | border-color: #413f66 !important; 563 | background-color: #1e1d2d !important; 564 | border-radius: 15px !important; 565 | } 566 | 567 | .box-body { 568 | transform: scale(.98) !important; 569 | } 570 | 571 | .ifNwiE, 572 | .LdCMD, 573 | .fIhPZJ, 574 | .cFegvH, 575 | .box-body { 576 | transform: scale(.98) !important; 577 | } 578 | 579 | .info-box, 580 | .info-box-icon { 581 | border-radius: 15px !important; 582 | } 583 | 584 | 585 | /* Fixes file editor */ 586 | 587 | .CodeMirror-scroll, 588 | .CodeMirror-sizer, 589 | .CodeMirror-gutter, 590 | .CodeMirror-gutters, 591 | .CodeMirror-linenumber { 592 | border-color: #413f66 !important; 593 | background-color: #1e1d2d !important; 594 | color: #fafafa !important; 595 | } 596 | 597 | 598 | /* Fixes admin input areas and radius */ 599 | 600 | input.form-control, 601 | .btn-default, 602 | input.form-control { 603 | border-color: #413f66 !important; 604 | background-color: #1e1d2d !important; 605 | border-radius: 15px !important; 606 | } 607 | 608 | .ifNwiE, 609 | .LdCMD, 610 | .fIhPZJ, 611 | .cFegvH, 612 | .box-body { 613 | background-color: #242338 !important; 614 | } 615 | 616 | .btn-default { 617 | margin-right: .25vw !important; 618 | } 619 | 620 | .input-group .form-control { 621 | margin-right: .25vw !important; 622 | } 623 | 624 | .bg-red, 625 | .bg-yellow, 626 | .bg-aqua, 627 | .bg-blue, 628 | .bg-light-blue, 629 | .bg-green, 630 | .bg-navy, 631 | .bg-teal, 632 | .bg-olive, 633 | .bg-lime, 634 | .bg-orange, 635 | .bg-fuchsia, 636 | .bg-purple, 637 | .bg-maroon, 638 | .bg-black, 639 | .bg-red-active, 640 | .bg-yellow-active, 641 | .bg-aqua-active, 642 | .bg-blue-active, 643 | .bg-light-blue-active, 644 | .bg-green-active, 645 | .bg-navy-active, 646 | .bg-teal-active, 647 | .bg-olive-active, 648 | .bg-lime-active, 649 | .bg-orange-active, 650 | .bg-fuchsia-active, 651 | .bg-purple-active, 652 | .bg-maroon-active, 653 | .bg-black-active, 654 | .callout.callout-danger, 655 | .callout.callout-warning, 656 | .callout.callout-info, 657 | .callout.callout-success, 658 | .alert-success, 659 | .alert-danger, 660 | .alert-error, 661 | .alert-warning, 662 | .alert-info, 663 | .label-danger, 664 | .label-info, 665 | .label-warning, 666 | .label-primary, 667 | .label-success, 668 | .modal-primary .modal-body, 669 | .modal-primary .modal-header, 670 | .modal-primary .modal-footer, 671 | .modal-warning .modal-body, 672 | .modal-warning .modal-header, 673 | .modal-warning .modal-footer, 674 | .modal-info .modal-body, 675 | .modal-info .modal-header, 676 | .modal-info .modal-footer, 677 | .modal-success .modal-body, 678 | .modal-success .modal-header, 679 | .modal-success .modal-footer, 680 | .modal-danger .modal-body, 681 | .modal-danger .modal-header, 682 | .modal-danger .modal-footer { 683 | border-radius: 15px !important; 684 | } 685 | 686 | /* Fixes login page */ 687 | 688 | .eWTBmo, .kZiVrb, .kZiVrb:hover, .kdZiuU, .fMOYf, .fMOYf:hover { 689 | color: #fafafa !important; 690 | } 691 | 692 | .dVhqhq { 693 | background-color: #242338 !important; 694 | border-color: transparent !important; 695 | box-shadow: none !important; 696 | } 697 | 698 | .fPcGHZ:not([type="checkbox"]):not([type="radio"]) { 699 | border-color: #413f66 !important; 700 | background-color: #1e1d2d !important; 701 | border-radius: 15px !important; 702 | } 703 | 704 | /* Fixes nest, eggs, and mounts */ 705 | 706 | .modal-body, .modal-header, .modal-footer { 707 | border-color: #1e1d2d !important; 708 | background-color: #1e1d2d !important; 709 | } 710 | 711 | textarea.form-control { 712 | border-color: #413f66 !important; 713 | background-color: #1e1d2d !important; 714 | border-radius: 15px !important; 715 | } 716 | -------------------------------------------------------------------------------- /preview/Dracula.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DeveloperNeon/PteroThemes/8f80cce33d19fc06b0289e79c3e3b3c31d05b9c8/preview/Dracula.png -------------------------------------------------------------------------------- /preview/Dracula2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DeveloperNeon/PteroThemes/8f80cce33d19fc06b0289e79c3e3b3c31d05b9c8/preview/Dracula2.png -------------------------------------------------------------------------------- /preview/enola.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DeveloperNeon/PteroThemes/8f80cce33d19fc06b0289e79c3e3b3c31d05b9c8/preview/enola.png -------------------------------------------------------------------------------- /preview/twilight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DeveloperNeon/PteroThemes/8f80cce33d19fc06b0289e79c3e3b3c31d05b9c8/preview/twilight.png --------------------------------------------------------------------------------