Merge pull request #322 from GilbN/develop

1.6.11

css/base/gitea/gitea-base.css

@@ -14,6 +14,7 @@
 @import url("https://theme-park.dev/css/base/gitea/monaco_vs_dark.css");
 :root {
     --color-text: var(--text);
+    --color-caret: white;
     --color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
     --color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2);
     --color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4);
@@ -1617,4 +1618,52 @@ input::selection {
 /* CALENDAR */
 ::-webkit-calendar-picker-indicator {
     filter: invert(1);
+}
+
+/* VIEW FILE */
+
+.lines-num {
+    color: var(--text);
+}
+
+.code-view .lines-num:hover {
+    color: var(--text-hover)!important;
+    background: rgb(var(--accent-color),.5);
+}
+
+.code-view .lines-num:active,.code-view .lines-num:focus {
+    color: var(--text-hover)!important;
+    background: rgb(var(--accent-color),.5);
+}
+
+.code-line-button {
+    background-color: var(--button-color);
+    color: var(--button-text);
+    border: 1px solid var(--button-color);
+}
+
+.code-line-button:hover {
+    color: var(--button-text-hover);
+}
+
+.ui.popup {
+    background-color: var(--button-color);
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+.ui.top.popup:before {
+    background: var(--button-color);
+}
+
+.ui.popup:before {
+    box-shadow: 1px 1px var(--button-color);
+}
+
+.ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a:not(.ui) {
+    color: var(--button-text);
+}
+
+.ui.link.list.list a.item:hover, .ui.link.list.list .item a:not(.ui):hover, .ui.link.list.list a.item:active, .ui.link.list.list .item a:not(.ui):active {
+    color: var(--button-text-hover);
 }

css/base/organizr/organizr-base.css

@@ -129,7 +129,7 @@ h3,
 h4,
 h5,
 h6 {
-    color: var(--text-hover) !important;
+    color: var(--text-hover) !important; 
 }
 
 .badge:not(.homepage-drag .badge) {
@@ -138,14 +138,14 @@ h6 {
 }
 
 .tabLoaded {
-    -webkit-filter: drop-shadow(0 0 2px transparent);
-    filter: drop-shadow(0 0 2px transparent);
+    -webkit-filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
+    filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
     color: var(--text-hover)
 }
 
 .active .tabLoaded {
-    -webkit-filter: drop-shadow(0 0 5px transparent);
-    filter: drop-shadow(0 0 5px transparent);
+    -webkit-filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
+    filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
     color: rgb(var(--accent-color));
 }
 
@@ -169,18 +169,18 @@ h6 {
 
 .btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
 .cbutton {
-    background: var(--button-color) !important;
-    border-color: var(--button-color) !important;
-    color: var(--button-text) !important;
+    background: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
 }
 
 .btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
 .btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
 .btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
 .cbutton:hover {
-    background: var(--button-color-hover) !important;
-    border-color: var(--button-color-hover) !important;
-    color: var(--button-text-hover) !important;
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
 }
 
 .cbutton {
@@ -1481,7 +1481,7 @@ a:hover,
     border-radius: 3px;
 }
 
-.bg-inverse:not(.homepage-drag) {
+.bg-inverse:not(.homepage-drag):not(.pihole-stat) {
     background: transparent !important;
 }
 

css/base/prowlarr/prowlarr-base.css

@@ -1207,4 +1207,17 @@ canvas {
 
 [class*="QueryParameterOption-option-"]:hover [class*="QueryParameterOption-example-"] {
     background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* HISTORY */
+
+[class*="HistoryRowParameter-parameter-"] {
+    border: 1px solid rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color)
+}
+
+[class*="HistoryRowParameter-value-"] {
+    background-color: rgb(255 255 255 / 50%);
+    color: #1f1f1f;
 }

css/base/xbackbone/xbackbone-base.css

@@ -21,28 +21,6 @@
     -o-background-size: auto, cover;
 }
 
-/* Scrollbar */
-@media only screen and (min-width: 768px) {
-    html {
-        height: 100%;
-        width: 100%;
-        overflow: hidden;
-    }
-
-    body {
-        overflow-y: auto;
-        height: 100%;
-        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;
-    }
-}
-
 ::-webkit-scrollbar {
     width: 14px;
 }
@@ -56,7 +34,7 @@
 }
 
 ::-webkit-scrollbar-track {
-    background-color: transparent;
+    background-color: #1f1f1f;
 }
 
 ::-webkit-scrollbar-thumb:hover {

index.html

@@ -4,9 +4,28 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <meta name="description" content="" />
-    <meta name="author" content="" />
-    <title>theme.park</title>
+    <!-- Primary Meta Tags -->
+    <title>theme.park - A collection of themes/skins for your favorite apps!</title>
+    <meta name="title" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta name="theme-color" content="#4f46e5">
+    <meta name="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <!-- Google / Search Engine Tags -->
+    <meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta itemprop="description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta itemprop="image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="theme.park">
+    <meta property="og:url" content="https://theme-park.dev/">
+    <meta property="og:title" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta property="og:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="og:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://theme-park.dev/">
+    <meta property="twitter:title" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta property="twitter:description" content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="twitter:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
     <!-- Favicon-->
     <link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
     <!-- Font Awesome icons (free version)-->