4get

Repo

Docker-compose

# docker-compose.yaml
version: "3.7"

services:
  fourget:
    image: luuul/4get:latest
    restart: unless-stopped
    environment:
      - FOURGET_PROTO=http
      - FOURGET_SERVER_NAME=4get.me
    ports:
      - "80:80"  # or XXXX:80
    volumes:
      - /srv/Files/4get/banners:/var/www/html/4get/banner

Inject CSS True Black

sub_filter_types text/html;
sub_filter_once on;

sub_filter '</head>' '
<style>
/* ===== BASE GLOBALE ===== */
html, body {
    background-color: #000 !important;
    color: #fff !important;
}

/* ===== RESET BRUTAL SUR TOUS LES CONTENEURS, sauf champs interactifs ===== */
body *:not(input):not(select):not(option):not(.autocomplete):not(.suggestions):not(.dropdown) {
    background-color: #000 !important;
}

/* ===== FOND LOGO ===== */
div.logo {
    background-color: #000 !important;
}

/* ===== INPUTS / AUTOCOMPLETE / SELECT ===== */
input[type="search"],
input[type="text"],
select {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}

select option {
    background-color: #111 !important;
    color: #fff !important;
}

.autocomplete,
.suggestions,
.dropdown {
    background-color: #111 !important;
    color: #fff !important;
}

.autocomplete li:hover {
    background-color: #222 !important;
}

/* ===== LIENS ===== */
a {
    color: #8ab4f8 !important;
}

/* ===== NETTOYAGE ===== */
* {
    box-shadow: none !important;
}
</style>

<script>
// JS minimal pour forcer le fond du logo en cas de style inline dynamique
document.addEventListener("DOMContentLoaded", function() {
    const logo = document.querySelector("div.logo");
    if (logo) {
        logo.style.backgroundColor = "#000";
    }
});
</script>
</head>';

Simpler

sub_filter_types text/html;
sub_filter_once on;

sub_filter '</head>' '
<style>
/* Base globale */
html, body, main, .page, .content, .results, #center, body.home {
    background-color: #000 !important;
    color: #fff !important;
}

/* Logo */
div.logo {
    background-color: #000 !important;
}

/* Reset brutal mais exceptions pour inputs/select/autocomplete */
body *:not(input):not(select):not(option):not(.autocomplete):not(.suggestions):not(.dropdown) {
    background-color: #000 !important;
}

/* Inputs / autocomplete / select */
input[type="search"], input[type="text"], select {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}
select option {
    background-color: #111 !important;
    color: #fff !important;
}
.autocomplete, .suggestions, .dropdown {
    background-color: #111 !important;
    color: #fff !important;
}
.autocomplete li:hover {
    background-color: #222 !important;
}

/* Liens */
a { color: #8ab4f8 !important; }

/* Pas d’ombres */
* { box-shadow: none !important; }
</style>
</head>';