diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index b5b5ad3a..136ee34f 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -309,14 +309,14 @@ label, /* PAGES */ .content-header.bg-dark { - background: var(--main-bg-color); - 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; + background: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; border-bottom: solid 1px rgba(255, 255, 255, .1); } @@ -324,13 +324,13 @@ label, /* LOGIN */ .bg-light { 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; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } .auth-card { diff --git a/CSS/themes/grafana/.deprecated b/CSS/themes/grafana/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/logarr/.deprecated b/CSS/themes/logarr/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/monitorr/.deprecated b/CSS/themes/monitorr/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/plpp/.deprecated b/CSS/themes/plpp/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css index 052f98de..70c8e252 100644 --- a/CSS/themes/portainer/portainer-base.css +++ b/CSS/themes/portainer/portainer-base.css @@ -233,6 +233,17 @@ ul.sidebar .sidebar-title { color: var(--text); } +.datatable .searchBar { + border-top: 1px solid rgba(255, 255, 255, .1); + border-bottom: 1px solid rgba(255, 255, 255, .1); + padding: 8px; + background: rgba(255, 255, 255, .15); +} + +.datatable .searchBar:focus-within { + background:rgba(255, 255, 255, .25); + color: var(--text-hover); +} /* TABLE */ @@ -424,7 +435,7 @@ fieldset[disabled] .btn-primary:hover { /* FORM CONTROL */ .form-control { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15) !important; border: 1px solid transparent; } diff --git a/CSS/themes/thelounge/.deprecated b/CSS/themes/thelounge/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css index 3d449282..2c9a06b4 100644 --- a/CSS/themes/unraid/unraid-base.css +++ b/CSS/themes/unraid/unraid-base.css @@ -221,7 +221,7 @@ a.button, .sweet-alert button, #template button[type=button], #template button { - color: var(--button-text); + color: var(--text); text-shadow: var(--text-shadow) var(--text-shadow-color); background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; diff --git a/CSS/themes/webtools/.deprecated b/CSS/themes/webtools/.deprecated new file mode 100644 index 00000000..e69de29b diff --git a/CSS/variables/nord.css b/CSS/variables/nord.css new file mode 100644 index 00000000..5c459990 --- /dev/null +++ b/CSS/variables/nord.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: #2E3440; + + --modal-bg-color: #3B4252; + --modal-header-color: #434C5E; + --modal-footer-color: #434C5E; + + --drop-down-menu-bg: #3B4252; + + --button-color: #79b8ca; + --button-color-hover: #79b8cacc ; + --button-text: #2E3440; + --button-text-hover: #D8DEE9; + + --accent-color: 121, 184, 202; + --accent-color-hover: rgb(var(--accent-color),.8); + --link-color: #81A1C1; + --link-color-hover: #88C0D0; + --label-text-color: #222730; + + --text:#D8DEE9; + --text-hover: #ECEFF4; + --text-muted: #81A1C1; + + /*Specials*/ + --arr-queue-color: #A3BE8C; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #D08770; + --petio-spinner: invert(62%) sepia(8%) saturate(998%) hue-rotate(259deg) brightness(97%) contrast(87%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 121, 184, 202; + } \ No newline at end of file diff --git a/Resources/landing-page/assets/img/nord-small.jpg b/Resources/landing-page/assets/img/nord-small.jpg new file mode 100644 index 00000000..67350871 Binary files /dev/null and b/Resources/landing-page/assets/img/nord-small.jpg differ diff --git a/Resources/landing-page/assets/img/nord.png b/Resources/landing-page/assets/img/nord.png new file mode 100644 index 00000000..a3aa1cde Binary files /dev/null and b/Resources/landing-page/assets/img/nord.png differ diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css index e7a0fc78..e225f413 100644 --- a/Resources/landing-page/css/custom.css +++ b/Resources/landing-page/css/custom.css @@ -352,4 +352,8 @@ p { #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotpink-hover { background: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%); +} + +#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.nord-hover { + background: #2E3440; } \ No newline at end of file diff --git a/Resources/landing-page/js/scripts.js b/Resources/landing-page/js/scripts.js index 39a40427..2cb17109 100644 --- a/Resources/landing-page/js/scripts.js +++ b/Resources/landing-page/js/scripts.js @@ -73,7 +73,7 @@ // load random css stylesheet const themes = ["aquamarine","hotline","dark","organizr-dark","dracula","overseerr", -"plex","space-gray","hotpink","onedark"]; +"plex","space-gray","hotpink","onedark","nord"]; var random = themes[~~(Math.random() * themes.length)]; function injectTheme(theme,container="head") { if (container === "head") { @@ -88,5 +88,19 @@ function injectTheme(theme,container="head") { html_element.appendChild(link); } - injectTheme(random); + // Add updated theme count. + function addThemeCount() { + let themeJsonUrl = "https://theme-park.dev/themes.json" + return fetch(themeJsonUrl) + .then(response => { + return response.json(); + }).then(json => { + document.getElementById("themeCount").innerHTML = ` + theme.park contains ${Object.keys(json.applications).length} themed applications, with css addons on certain themes.` + }) +} + +injectTheme(random); +addThemeCount(); diff --git a/index.html b/index.html index ceac9cee..1efdb4c8 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@ - + @@ -86,8 +86,7 @@

Over 40 themed applications!

-

theme.park contains 46 themed applications, with css addons on certain themes.

+

...

Installation methods include custom docker mods for linuxserver.io containers,

@@ -471,6 +470,15 @@
+
+ + ... +
+
Theme
+
Nord
+
+ +
... @@ -550,7 +558,7 @@ - +