vexorian/dizquetv
1
0
Fork 0
mirror of https://github.com/vexorian/dizquetv.git synced 2025-12-10 00:28:08 -06:00
Code Issues Packages Projects Releases 48 Wiki Activity
Page: Custom Themes by JimnyCricket
Pages
"sky guide" Theme by Allanbuzzy API reference Adding dizqueTV as a DVR in Plex Channel that plays TV shows during the day and movies always at 19:00 Configure dizqueTV service in Linux (SystemD) Custom Themes by JimnyCricket Flex 101 Home Issues playing the channels Music Video Channel Recipe Notes regarding sharing the IPTV stream with remote computers Plex Loses Non dizqueTV Channel Mappings Plugins Raspberry guide Sharing your channel with kosmi.io Step 1: Get dizqueTV running Step 2: Configure Plex in dizqueTV Step 3: Install and configure ffmpeg. Step 4: Setup a test channel and test it in the TV Guide Stream always cuts off after the same number of minutes Upgrading dizqueTV Versions
Clone
5
Custom Themes by JimnyCricket
xXJimnyCricketXx edited this page 2025-04-08 15:15:53 +02:00
Unescape Escape
Table of Contents
This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

Custom Themes:

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;
}