Updated for dark theme

This commit is contained in:
Ladislav Hano 2023-02-16 21:27:41 +01:00
parent 6caba28966
commit d6cdfa7c1a
4 changed files with 34 additions and 29 deletions

BIN
brandejsMC.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
brandejsMucitel.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 732 KiB

View file

@ -1,20 +1,38 @@
let brandejsMucitel = browser.runtime.getURL("assets/brandejsMucitel.jpg"); let photos = [browser.runtime.getURL("assets/brandejsWine.jpg"),
let brandejsVino = browser.runtime.getURL("assets/brandejsWine.jpg"); browser.runtime.getURL("assets/brandejsMatrix.jpg"),
let brandejsMinecraft = browser.runtime.getURL("assets/brandejsMC.jpg"); browser.runtime.getURL("assets/brandejsNeon.jpg")];
let brandejsMatrix = browser.runtime.getURL("assets/brandejsMatrix.jpg");
let brandejsNeon = browser.runtime.getURL("assets/brandejsNeon.jpg");
let photos = [brandejsMucitel, brandejsVino, brandejsMinecraft, brandejsMatrix, brandejsNeon]; let other_css = `
ul.is-switch { float: left; }
#prepinace > ul > li > a { text-align: left; }
#app_menu.empty { background-color: transparent; }
.zivot_column { margin-top: 120px; }
.motiv-titulka .app_header_motiv_switch {
float: none;
right: 0;
top: 0 !important; }
.ikony {
float: left;`;
if (document.body.classList.contains("motiv-tmavy")){
photos.concat(browser.runtime.getURL("assets/brandejsMucitel.png"), browser.runtime.getURL("assets/brandejsMC.png"));
}
else {
photos.concat(browser.runtime.getURL("assets/brandejsMC.jpg"), browser.runtime.getURL("assets/brandejsMucitel.jpg"));
other_css += `padding-left: 25%;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 20px;`;
}
other_css += "}";
let rng = Math.floor(Math.random() * photos.length); let rng = Math.floor(Math.random() * photos.length);
let main_menu_css = ` let main_menu_css = `
#content.motiv-titulka { #content.motiv-titulka {
background-image: url('${photos[rng]}'); background-image: url('${photos[rng]}');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 75% 0; background-position: 75% 0;
background-size: 550px auto; background-size: 550px auto;
}` }`;
let app_css = ` let app_css = `
#app_header_image { #app_header_image {
@ -27,22 +45,7 @@ let app_css = `
#app_header_image::after { #app_header_image::after {
background-image: none; background-image: none;
} }
#app_menu.empty { background-color: transparent }` #app_menu.empty { background-color: transparent }`;
let other_css = `
ul.is-switch { float: left; }
#prepinace > ul > li > a { text-align: left; }
#app_menu.empty { background-color: transparent; }
.zivot_column { margin-top: 120px; }
.motiv-titulka .app_header_motiv_switch {
float: none;
right: 0;
top: 0 !important; }
.ikony {
float: left;
padding-left: 25%;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 20px; }`
let style = document.getElementsByTagName("style"); let style = document.getElementsByTagName("style");
if (style.length == 0) { if (style.length == 0) {

View file

@ -21,6 +21,8 @@
"assets/brandejsMC.jpg", "assets/brandejsMC.jpg",
"assets/brandejsWine.jpg", "assets/brandejsWine.jpg",
"assets/brandejsMucitel.jpg", "assets/brandejsMucitel.jpg",
"assets/brandejsNeon.jpg" "assets/brandejsNeon.jpg",
"assets/brandejsMucitel.png",
"assets/brandejsMC.png"
] ]
} }