Custom Themes:

• Coral Night
• Emerald Signal
• Orange Static

---

Coral Night

To use this theme, copy and paste the code below into your custom.css file.

/*******************************************
 * Coral Night – dizqueTV Custom Theme by JimnyCricket
 * Style für UI + EPG-Farben
 *******************************************/

/* === Farbvariablen definieren === */
:root {
    --color-bg: #1c2833;
    --color-accent: #ec7063;
    --color-accent-dark: #cd6155;

    /* EPG Guide Farben bleiben vorerst direkt gesetzt */
    --guide-text: #000000;
    --guide-header-even: #566573;
    --guide-header-odd: #808b96;
    --guide-color-a: var(--color-accent);
    --guide-color-b: var(--color-accent-dark);
    --guide-color-c: var(--color-accent-dark);
    --guide-color-d: var(--color-accent);
}

/* === Grundlayout === */
body {
    background-color: var(--color-bg);
}

.form-control-plaintext {
    border: 1px solid #fff;
}

/* === Typografie & Textfarben === */
p {
    color: #ffffff;
}

.card-text {
    color: var(--color-bg);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-accent);
}

td {
    color: #ffffff;
    background-color: var(--color-bg);
}

th {
    color: var(--color-accent);
}

a,
label {
    color: var(--color-accent);
}

a:hover {
    color: var(--color-accent-dark);
}

.card-link {
    color: var(--color-accent);
}

/* === Buttons === */
.btn-outline-primary {
    color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-primary:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
}

.btn-link {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-link:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-primary {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-primary:hover {
    background-color: var(--color-accent-dark);
    border-color: #a93226;
    color: #ffffff;
}

Emerald Signal

To use this theme, copy and paste the code below into your custom.css file.

/*******************************************
 * Emerald Signal – dizqueTV Custom Theme by JimnyCricket
 * Style für UI + EPG-Farben
 *******************************************/

/* === Farbvariablen definieren === */
:root {
    --color-bg: #212f3d;
    --color-accent: #2ecc71;
    --color-accent-dark: #27ae60;

    /* EPG Guide Farben bleiben vorerst direkt gesetzt */
    --guide-text: #000000;
    --guide-header-even: #566573;
    --guide-header-odd: #808b96;
    --guide-color-a: var(--color-accent);
    --guide-color-b: var(--color-accent-dark);
    --guide-color-c: var(--color-accent-dark);
    --guide-color-d: var(--color-accent);
}

/* === Grundlayout === */
body {
    background-color: var(--color-bg);
}

.form-control-plaintext {
    border: 1px solid #fff;
}

/* === Typografie & Textfarben === */
p {
    color: #ffffff;
}

.card-text {
    color: var(--color-bg);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-accent);
}

td {
    color: #ffffff;
    background-color: var(--color-bg);
}

th {
    color: var(--color-accent);
}

a,
label {
    color: var(--color-accent);
}

a:hover {
    color: var(--color-accent-dark);
}

.card-link {
    color: var(--color-accent);
}

/* === Buttons === */
.btn-outline-primary {
    color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-primary:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
}

.btn-link {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-link:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-primary {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-primary:hover {
    background-color: var(--color-accent-dark);
    border-color: #a93226;
    color: #ffffff;
}

Orange Static

To use this theme, copy and paste the code below into your custom.css file.

/*******************************************
 * Orange Static – dizqueTV Custom Theme by JimnyCricket
 * Style für UI + EPG-Farben
 *******************************************/

/* === Farbvariablen definieren === */
:root {
    --color-bg: #212f3d;
    --color-accent: #e67e22;
    --color-accent-dark: #dc7633;

    /* EPG Guide Farben bleiben vorerst direkt gesetzt */
    --guide-text: #000000;
    --guide-header-even: #566573;
    --guide-header-odd: #808b96;
    --guide-color-a: var(--color-accent);
    --guide-color-b: var(--color-accent-dark);
    --guide-color-c: var(--color-accent-dark);
    --guide-color-d: var(--color-accent);
}

/* === Grundlayout === */
body {
    background-color: var(--color-bg);
}

.form-control-plaintext {
    border: 1px solid #fff;
}

/* === Typografie & Textfarben === */
p {
    color: #ffffff;
}

.card-text {
    color: var(--color-bg);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-accent);
}

td {
    color: #ffffff;
    background-color: var(--color-bg);
}

th {
    color: var(--color-accent);
}

a,
label {
    color: var(--color-accent);
}

a:hover {
    color: var(--color-accent-dark);
}

.card-link {
    color: var(--color-accent);
}

/* === Buttons === */
.btn-outline-primary {
    color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-primary:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
}

.btn-link {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-link:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-primary {
    background-color: var(--color-accent);
    border-color: var(--color-accent-dark);
    color: #ffffff;
}

.btn-primary:hover {
    background-color: var(--color-accent-dark);
    border-color: #a93226;
    color: #ffffff;
}