Merge branch 'develop' of https://github.com/themepark-dev/theme.park into develop

Author: GilbN

css/addons/unraid/login-page/fallout/fallout-base.css

@@ -7,7 +7,7 @@
     outline: none;
 }
 
-@media (max-width: 500px) {
+@media only screen and (max-width: 500px) {
     #login {
         -webkit-backdrop-filter: blur(0px);
         backdrop-filter: blur(0px);
@@ -53,12 +53,11 @@ body {
     left: 0;
 }
 #video-bg-elem {
-    display: block;
     position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 1;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
 }
 /*TEXT COLOR*/
 #login h1,

css/addons/unraid/login-page/fallout/fallout_video.css

@@ -25,11 +25,12 @@
     https://www.colourlovers.com/palette/3428762/Fallout?widths=1
     */
 }
-@media (max-width: 500px) {
+@media only screen and (max-width: 500px) {
     body {
         background: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
     }
     :root {
-        --div-background-color-15: transparent; 
+        --div-background-color-15: transparent;
+        --main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
     }
 }

css/base/docmost/docmost-base.css

@@ -0,0 +1,191 @@
+@import url("/css/defaults/placeholders.css");
+@import url("/css/defaults/transparent.css");
+
+:root {
+    --scheme-main-ter: var(--main-bg-color);
+    --text-strong-color: var(--button-text-hover);
+    --border-color: var(--transparency-light-25);
+    --logo-color: rgb(var(--accent-color));
+    --body-background-color: var(--main-bg-color);
+    --border-hover-color: rgb(var(--accent-color));
+    --header-button-color: var(--button-color); /* Docmost overrider --button-color in some fields so I make a copy of --button-color at the start */
+}
+
+* {
+    outline: none;
+}
+
+html,
+body,
+.mantine-Modal-content,
+.mantine-Spotlight-content {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class^="_header"] .mantine-UnstyledButton-root,
+[class^="_header"] .mantine-Button-root,
+nav .mantine-Group-root .mantine-UnstyledButton-root {
+    background: var(--header-button-color) !important;
+    color: var(--button-text) !important;
+}
+
+[class^="_header"] .mantine-UnstyledButton-root:hover,
+[class^="_header"] .mantine-Button-root:hover,
+nav .mantine-Group-root .mantine-UnstyledButton-root:hover {
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+header [class^="_link"]:hover,
+nav a.isSelected,
+nav [class^="_actions"] {
+    background: var(--transparency-light-10) !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+nav a.isSelected:hover,
+nav a:hover,
+nav button:hover,
+nav [class^="_actions"] {
+    background: var(--transparency-dark-25) !important;
+    color: var(--button-text-hover) !important;
+}
+
+.mantine-Tabs-tab {
+    border-color: rgb(var(--accent-color)) ;
+}
+
+header,
+.mantine-Group-root,
+.mantine-Divider-root,
+.mantine-Select-input,
+.mantine-Switch-trackLabel,
+.mantine-Paper-root,
+.mantine-Table-table,
+.mantine-TextInput-input,
+.mantine-Menu-dropdown,
+.mantine-Menu-divider,
+.mantine-Tabs-root .mantine-Table-tr,
+nav .mantine-Group-root .mantine-ActionIcon-root,
+nav [class^="_section"] {
+    border-color: var(--transparency-light-10) !important;
+}
+
+.mantine-Badge-root {
+    background: rgb(var(--accent-color));
+    color: var(--button-text);
+}
+
+[class^="_editor"] .ProseMirror,
+[class^="_card"] .mantine-Card-section {
+    background: transparent;
+}
+
+svg,
+nav a.isSelected:hover svg {
+    stroke: rgb(var(--accent-color));
+}
+
+[class^="_header"] .mantine-UnstyledButton-root svg,
+nav .mantine-Group-root .mantine-UnstyledButton-root svg {
+    stroke: var(--button-text);
+}
+
+.mantine-Menu-dropdown,
+.mantine-Popover-dropdown {
+    background: var(--drop-down-menu-bg);
+    color: var(--text);
+}
+
+label:has(input:checked) .mantine-Switch-track {
+    background: rgb(var(--accent-color));
+    color: var(--button-text);
+}
+
+.mantine-Menu-item:hover,
+.mantine-SegmentedControl-indicator {
+    background: var(--transparency-light-10);
+    color: var(--text-hover);
+}
+
+a[class*="_activeButton"],
+a[class^="_link"][data-active] {
+    background: var(--transparency-light-10) !important;
+    color: var(--text-hover) !important;
+}
+
+[class^="_header"],
+.mantine-Table-tr:hover,
+.mantine-Tabs-tab:hover{
+    background: var(--transparency-dark-10);
+    color: var(--text);
+}
+
+.mantine-SegmentedControl-root,
+[class^="_card"],
+.mantine-Table-th,
+.mantine-Paper-root {
+    background: var(--transparency-dark-25);
+    color: var(--text);
+}
+
+header,
+nav,
+[class^="_editor"] .tableWrapper tr th,
+.mantine-Input-input,
+.mantine-Table-td .mantine-Button-root,
+.mantine-AppShell-aside{
+    background: var(--transparency-dark-25) !important;
+    color: var(--text) !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+section header,
+.menu-label,
+.mantine-Menu-label {
+    color: var(--text-hover) !important;
+}
+
+.mantine-Input-input,
+a[class^="_link"],
+a[class^="_link"][data-active],
+.mantine-SegmentedControl-innerLabel,
+.mantine-Menu-item,
+nav * {
+    color: var(--text);
+}
+
+a.mantine-Anchor-root {
+    color: var(--text) !important; /* Replace with your desired color */
+}
+
+.mantine-Alert-root {
+    background: rgb(var(--accent-color));
+}
+
+.mantine-Alert-message {
+    color: var(--text-hover);
+}
+
+.mantine-Alert-root svg {
+    stroke: var(--text-hover);
+}
+
+a[class^="_link"][data-active] span:hover {
+    background: transparent !important;
+    color: inherit;
+}

css/base/sabnzbd/sabnzbd-base.css

@@ -162,10 +162,10 @@ hr {
   background-color: var(--link-color-hover);
 }
 
-/* .navbar-btn {
+.navbar-btn {
   background: var(--button-color) !important;
   border-color: transparent !important;
-} */
+}
 
 .navbar-inverse .navbar-nav>.open>a,
 .navbar-inverse .navbar-nav>.open>a:hover,
@@ -190,6 +190,8 @@ hr {
 
 .dropdown-menu,
 #feedback-slider,
+.navbar-collapse,
+.navbar-header,
 .navbar-collapse.in .dropdown-menu {
   background: var(--drop-down-menu-bg);
   background-repeat: repeat, no-repeat;
@@ -290,21 +292,21 @@ svg.peity polyline {
 
 .btn-default {
   color: var(--button-text) !important;
-  background: var(--button-color);
+  background: var(--button-color) !important;
   border-color: var(--button-color);
   outline: none !important;
 }
 
 .btn-default:focus,
 .btn-default.focus {
   color: var(--button-text-hover) !important;
-  background: var(--button-color-hover);
+  background: var(--button-color-hover) !important;
   border-color: var(--button-color-hover);
 }
 
 .btn-default:hover {
   color: var(--button-text-hover) !important;
-  background: var(--button-color-hover);
+  background: var(--button-color-hover) !important;
   border-color: var(--button-color-hover);
 }
 
@@ -504,8 +506,17 @@ td.delete .dropdown>a .caret {
   border-top-color: var(--button-color) !important;
 }
 
+fieldset>div,
+.history-table>tbody>tr:nth-of-type(odd),
 .table-striped>tbody>tr:nth-of-type(odd) {
-  background: var(--transparency-dark-25);
+  background: var(--transparency-dark-25) !important;
+}
+
+fieldset>div.even,
+  /* fieldset>div:nth-of-type(odd), */
+.history-table>tbody>tr:nth-of-type(even),
+.table-striped>tbody>tr:nth-of-type(even) {
+  background: transparent !important;
 }
 
 tbody.no-downloads tr td {
@@ -559,6 +570,14 @@ tr td.row-extra-text,
   background: var(--transparency-light-25);
 }
 
+.addRssTable td {
+  background: var(--main-bg-color) !important;
+}
+
+.addRssTable button {
+  background: var(--button-color) !important;
+}
+
 .progress .progress-bar .fileDetails {
   color: var(--button-text);
 }
@@ -599,7 +618,6 @@ tr td.row-extra-text,
   background-color: #888;
 }
 
-
 .multioperations-selector {
   border: 1px solid transparent !important;
   background: var(--transparency-dark-25) !important;
@@ -1175,4 +1193,4 @@ fieldset[disabled] .form-control {
   color: rgb(var(--accent-color)) !important;
   padding: 0px;
   font-size: 1.2em;
-}
+}

css/defaults/servarr-base.css

@@ -403,7 +403,7 @@ a:hover {
     color: var(--text-hover);
 }
 
-[class*="Label-default-"] {
+[class*="Label-default-"]:not([class*="MovieDetails-detailsInfoLabel-"]) {
     border-color: rgb(var(--accent-color));
     background-color: rgb(var(--accent-color));
     color: var(--label-text-color);

css/defaults/servarr-darker-base.css

@@ -55,7 +55,7 @@
 
 /* LABLES */
 
-[class*="Label-default-"] {
+[class*="Label-default-"]:not([class*="MovieDetails-detailsInfoLabel-"]) {
     border-color: var(--label-color);
     background-color: var(--label-color);
     color: var(--label-text-color);

docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark

@@ -141,24 +141,30 @@ do
     clean_file $fname
 done
 
-if ! grep -q "WebUI\\\RootFolder" "${APP_FILEPATH}"; then
-    echo '--------------------------------------'
-    echo '| Adding WebUI\RootFolder=/themepark |'
-    echo '--------------------------------------'
-    sed -i -e '$aWebUI\\RootFolder=/themepark' "${APP_FILEPATH}";
-fi
+if ! grep -q "WebUI\\\RootFolder" "${APP_FILEPATH}" || ! grep -q "WebUI\\\AlternativeUIEnabled" "${APP_FILEPATH}"; then
+    if ! grep -q "^\[Preferences\]" "${APP_FILEPATH}"; then
+        printf '\n%s\n' "[Preferences]" >> "${APP_FILEPATH}"
+    fi
 
-if ! grep -q "WebUI\\\AlternativeUIEnabled" "${APP_FILEPATH}"; then
-    echo '------------------------------------------'
-    echo '| Adding WebUI\AlternativeUIEnabled=true |'
-    echo '------------------------------------------'
-    sed -i -e '$aWebUI\\AlternativeUIEnabled=true' "${APP_FILEPATH}";
+    if ! grep -q "WebUI\\\RootFolder" "${APP_FILEPATH}"; then
+        echo '--------------------------------------'
+        echo '| Adding WebUI\RootFolder=/themepark |'
+        echo '--------------------------------------'
+        sed -i -e '/\[Preferences\]/aWebUI\\RootFolder=/themepark' "${APP_FILEPATH}"
+    fi
+
+    if ! grep -q "WebUI\\\AlternativeUIEnabled" "${APP_FILEPATH}"; then
+        echo '------------------------------------------'
+        echo '| Adding WebUI\AlternativeUIEnabled=true |'
+        echo '------------------------------------------'
+        sed -i -e '/\[Preferences\]/aWebUI\\AlternativeUIEnabled=true' "${APP_FILEPATH}"
+    fi
 fi
 
 if  ! grep -q "WebUI\\\RootFolder=/themepark" "${APP_FILEPATH}" || ! grep -q "WebUI\\\AlternativeUIEnabled=true" "${APP_FILEPATH}"; then
     echo '-------------------------------------------------------'
     echo '| Updating RootFolder and AlternativeUIEnabled values |'
     echo '-------------------------------------------------------'
-    sed -i "s/WebUI\\\AlternativeUIEnabled=.*$/WebUI\\\AlternativeUIEnabled=true/g" "${APP_FILEPATH}";
-    sed -i "s/WebUI\\\RootFolder=.*$/WebUI\\\RootFolder=\/themepark/g" "${APP_FILEPATH}";
+    sed -i "s/WebUI\\\AlternativeUIEnabled=.*$/WebUI\\\AlternativeUIEnabled=true/g" "${APP_FILEPATH}"
+    sed -i "s/WebUI\\\RootFolder=.*$/WebUI\\\RootFolder=\/themepark/g" "${APP_FILEPATH}"
 fi