diff --git a/css/base/qbittorrent/qbittorrent-base.css b/css/base/qbittorrent/qbittorrent-base.css index 367a451c..c9a7ff06 100644 --- a/css/base/qbittorrent/qbittorrent-base.css +++ b/css/base/qbittorrent/qbittorrent-base.css @@ -201,15 +201,6 @@ label { font-weight: 300 !important; } -.horizontalHandle .handleIcon { - margin: 0 auto; - height: 4px; - line-height: 1px; - font-size: 1px; - overflow: hidden; - background: url(/resources/qbittorrent/dots.png) center center no-repeat; -} - #desktopNavbar { background: var(--transparency-dark-25); height: 20px; @@ -261,15 +252,6 @@ label { background: transparent; } -#mochaToolbar .divider { - background-image: none; - padding-left: 0px; -} - -#mochaToolbar { - margin-bottom: 5px; -} - .dynamicTable th { background: var(--transparency-dark-25) !important; border-right-color: rgba(255, 255, 255, .08) !important; @@ -307,18 +289,6 @@ label { color: var(--label-text-color); } -.dynamicTable th.sorted.reverse { - background-image: url(/resources/qbittorrent/go-down.png) !important; -} - -.dynamicTable th.sorted { - background-image: url(/resources/qbittorrent/go-up.png) !important; - background-size: 9px !important; - background-position: right !important; - background-repeat: no-repeat !important; - -} - .panel { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -421,8 +391,6 @@ li.divider { color: var(--text-hover); } -.contextMenu li a:hover {} - .contextMenu li ul { border: 1px solid transparent; background: var(--modal-bg-color); @@ -483,7 +451,7 @@ ul.filterList li:hover:before { } .tab-menu li.selected a { - color: var(--text-hover) !important; + color: rgb(var(--accent-color)) !important; background: transparent !important; font-weight: normal !important; } @@ -527,14 +495,6 @@ ul.filterList li:hover:before { background-image: red !important; } -.panel-collapse { - background: url(/resources/qbittorrent/collapse-expand.gif) left top no-repeat; -} - -.panel-expand { - background: url(/resources/qbittorrent/collapse-expand.gif) left -16px no-repeat; -} - fieldset { border-width: 1px !important; border-style: solid !important; @@ -543,29 +503,11 @@ fieldset { /*Modal */ -.mochaTitlebar { - width: 100%; - overflow: hidden; - background: none !important; -} - -.mochaToolButton { - margin-right: 10px; - background: var(--transparency-dark-25); - border-radius: 5px; -} - -.mochaToolButton:hover { - margin-right: 10px; - background: var(--transparency-light-25); - border-radius: 5px; -} - .mochaOverlay { position: absolute; top: 0; left: 0; - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -688,1121 +630,17 @@ input[type="submit"i]:hover { text-transform: uppercase; } -/* Icons */ - - -#downloadButton>img.mochaToolButton { - display: none; -} - -#downloadButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f0c1"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); - margin-top: 5px; -} - -#downloadButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f0c1"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#uploadButton>img.mochaToolButton { - display: none; -} - -#uploadButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f067"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#uploadButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f067"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#deleteButton>img.mochaToolButton { - display: none; -} - -#deleteButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f068"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#deleteButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f068"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#resumeButton>img.mochaToolButton { - display: none; -} - -#resumeButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#resumeButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#pauseButton>img.mochaToolButton { - display: none; -} - -#pauseButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#pauseButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#topPrioButton>img.mochaToolButton { - display: none; -} - -#topPrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f102"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#topPrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f102"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#increasePrioButton>img.mochaToolButton { - display: none; -} - -#increasePrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f106"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#increasePrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f106"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#decreasePrioButton>img.mochaToolButton { - display: none; -} - -#decreasePrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f107"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#decreasePrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f107"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#bottomPrioButton>img.mochaToolButton { - display: none; -} - -#bottomPrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f103"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#bottomPrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f103"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#preferencesButton>img.mochaToolButton { - display: none; -} - -#preferencesButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f013"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#preferencesButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f013"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -/*Top menu icons*/ - -#desktopNavbar li ul li a { - position: relative; - /* padding: 1px 9px 1px 25px; */ - min-width: 120px; - font-weight: normal; - padding: 5px 10px 1px 1px; -} - -.MyMenuIcon { - margin-left: 0px; -} - -/* File */ - -#uploadLink>img.MyMenuIcon { - display: none; -} - -#uploadLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f067"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#downloadLink>img.MyMenuIcon { - display: none; -} - -#downloadLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0c1"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#logoutLink>img.MyMenuIcon { - display: none; -} - -#logoutLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f2f5"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#shutdownLink>img.MyMenuIcon { - display: none; -} - -#shutdownLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00d"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Edit */ - -#resumeAllLink>img.MyMenuIcon { - display: none; -} - -#resumeAllLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#pauseAllLink>img.MyMenuIcon { - display: none; -} - -#pauseAllLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#resumeLink>img.MyMenuIcon { - display: none; -} - -#resumeLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#pauseLink>img.MyMenuIcon { - display: none; -} - -#pauseLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#deleteLink>img.MyMenuIcon { - display: none; -} - -#deleteLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f068"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#topPrioLink>img.MyMenuIcon { - display: none; -} - -#topPrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f102"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#increasePrioLink>img.MyMenuIcon { - display: none; -} - -#increasePrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f106"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#decreasePrioLink>img.MyMenuIcon { - display: none; -} - -#decreasePrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f107"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#bottomPrioLink>img.MyMenuIcon { - display: none; -} - -#bottomPrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f103"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#recheckLink>img.MyMenuIcon { - display: none; -} - -#recheckLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f002"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* View */ - -#showTopToolbarLink>img.MyMenuIcon { - display: none; -} - - -#showTopToolbarLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#showTopToolbarLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--text-hover); - opacity: 0; -} - -#showStatusBarLink>img.MyMenuIcon { - display: none; -} - - -#showStatusBarLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#showStatusBarLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--text-hover); - opacity: 0; -} - -#speedInBrowserTitleBarLink>img.MyMenuIcon { - display: none; -} - - -#speedInBrowserTitleBarLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#speedInBrowserTitleBarLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--text-hover); - opacity: 0; -} - -#showSearchEngineLink>img.MyMenuIcon { - display: none; -} - - -#showSearchEngineLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#showRssReaderLink>img.MyMenuIcon { - display: none; -} - -#showRssReaderLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#showSearchEngineLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--text-hover); - opacity: 0; -} - -#showRssReaderLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--text-hover); - opacity: 0; -} - -#StatisticsLink>img.MyMenuIcon { - display: none; -} - - -#StatisticsLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f080"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#StatisticsLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f080"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--text-hover); - opacity: 0; -} - -/*Tools*/ - - -#preferencesLink>img.MyMenuIcon { - display: none; -} - - -#preferencesLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f013"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Help */ - -#docsLink>img.MyMenuIcon { - display: none; -} - -#docsLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f013"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#bugLink>img.MyMenuIcon { - display: none; -} - -#bugLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f09d"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#aboutLink>img.MyMenuIcon { - display: none; -} - -#aboutLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f05a"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/*Status images on sidemenu*/ - -ul.filterList a { - display: inline; -} - -#all_filter>a img { - display: none; -} - -#all_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#downloading_filter>a img { - display: none; -} - -#downloading_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f063"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#seeding_filter>a img { - display: none; -} - -#seeding_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f062"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#completed_filter>a img { - display: none; -} - -#completed_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#resumed_filter>a img { - display: none; -} - -#resumed_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#paused_filter>a img { - display: none; -} - -#paused_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#active_filter>a img { - display: none; -} - -#active_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#inactive_filter>a img { - display: none; -} - -#inactive_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#stalled_filter>a img { - display: none; -} - -#stalled_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#stalled_uploading_filter>a img { - display: none; -} - -#stalled_uploading_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f093"; - font-weight: 900; - display: inline-block !important; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#stalled_downloading_filter>a img { - display: none; -} - -#stalled_downloading_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f019"; - font-weight: 900; - display: inline-block !important; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -img[src="icons/inode-directory.svg"] { - background: url(/resources/qbittorrent/folder-open-solid.svg); - background-size: contain; - background-repeat: no-repeat; - background-origin: content-box; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} - -img[src="icons/network-server.svg"] { - background: url(/resources/qbittorrent/network-wired-solid.svg); - background-size: contain; - background-repeat: no-repeat; - background-origin: content-box; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} - -img[src="icons/mail-folder-inbox.svg"] { - background: url(/resources/qbittorrent/inbox-solid.svg); - background-size: contain; - background-repeat: no-repeat; - background-origin: content-box; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} - -/* img[src="icons/downloading_small.svg"], -img[src="icons/seeding.svg"], -img[src="icons/stalledDL.svg"] { - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} */ - -#searchPattern { - width: 300px; - line-height: 2em; - padding: 1px 5px 1px 2em; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); - background-repeat: no-repeat; - background-size: 1.5em; - background-position: left; -} - -/* #connectionStatus, -#alternativeSpeedLimits { - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} */ - -#errored_filter>a img { - display: none; -} - -#errored_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f06a"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Categories */ - -.filterTitle img { - display: none; -} - -.filterTitle:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0d7"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Categories Right Click Menu */ - -#categoriesFilterMenu>li img { - display: none; -} - -.contextMenu li>#CreateCategory:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f06a"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Blue SVG icons */ -img[src="icons/application-x-mswinurl.svg"], -img[src="icons/collapse.svg"], -img[src="icons/completed.svg"], -img[src="icons/configure.svg"], -img[src="icons/dialog-information.svg"], -img[src="icons/document-edit.svg"], -img[src="icons/document-edit-verify.svg"], -img[src="icons/document-import.svg"], -img[src="icons/document-new.svg"], -img[src="icons/document-properties.svg"], -img[src="icons/document-save.svg"], -img[src="icons/download.svg"], -img[src="icons/edit-clear.svg"], -img[src="icons/edit-clear-history.svg"], -img[src="icons/edit-copy.svg"], -img[src="icons/edit-cut.svg"], -img[src="icons/edit-find.svg"], -img[src="icons/edit-find-user.svg"], -img[src="icons/edit-paste.svg"], -img[src="icons/edit-rename.svg"], -img[src="icons/expand.svg"], -img[src="icons/folder-documents.svg"], -img[src="icons/folder-download.svg"], -img[src="icons/folder-new.svg"], -img[src="icons/folder-remote.svg"], -img[src="icons/gear.svg"], -img[src="icons/go-bottom.svg"], -img[src="icons/go-down.svg"], -img[src="icons/go-top.svg"], -img[src="icons/go-up.svg"], -img[src="icons/help-about.svg"], -img[src="icons/help-contents.svg"], -img[src="icons/insert-link.svg"], -img[src="icons/list-add.svg"], -img[src="icons/mail-mark-read.svg"], -img[src="icons/media-playback-pause.svg"], -img[src="icons/media-playback-start.svg"], -img[src="icons/media-seek-forward.svg"], -img[src="icons/network-wired.svg"], -img[src="icons/office-chart-line.svg"], -img[src="icons/preferences-desktop.svg"], -img[src="icons/preferences-other.svg"], -img[src="icons/preferences-system-network.svg"], -img[src="icons/preferences-web-browser-cookies.svg"], -img[src="icons/rss-config.svg"], -img[src="icons/services.svg"], -img[src="icons/speedometer.svg"], -img[src="icons/stalledUP.svg"], -img[src="icons/stalledDL.svg"], -img[src="icons/tab-close.svg"], -img[src="icons/task-ongoing.svg"], -img[src="icons/text-plain.svg"], -img[src="icons/user-group-delete.svg"], -img[src="icons/user-group-new.svg"], -img[src="icons/view-calendar-journal.svg"], -img[src="icons/view-categories.svg"], -img[src="icons/view-filter.svg"], -img[src="icons/view-preview.svg"], -img[src="icons/view-statistics.svg"], -img[src="icons/wallet-open.svg"], -img[src="icons/webui.svg"], -img[src="icons/checking.svg"] { - filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(289deg) brightness(106%) contrast(101%); -} - .contextMenu, #contextCategoryList { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } -/* Filter torrents */ - -#torrentsFilterInput { - width: 160px; - padding-left: 2em; - background-image: url(/resources/qbittorrent/search-solid.png); - background-repeat: no-repeat; - background-size: 1em; - background-position: left; -} - -.contextMenu li a.arrow-right, -.contextMenu li a:hover.arrow-right, -.contextMenu li a.arrow-right, -.contextMenu li a:hover.arrow-right { - background-image: url(/resources/qbittorrent/arrow-right.gif); - background-repeat: no-repeat; - background-position: right center; -} - -/* Footer */ - -#alternativeSpeedLimits td img { - display: none; +select { + background: var(--transparency-dark-25); + color: var(--text); } -#alternativeSpeedLimits:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; +select:focus { + background: var(--drop-down-menu-bg); + color: var(--text) } \ No newline at end of file diff --git a/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark b/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark index 82484143..f2bde82d 100644 --- a/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark +++ b/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark @@ -92,6 +92,8 @@ fi sed_file(){ sed -i "s/<\/body>/<\/body> /g" $1 sed -i "s/<\/body>/<\/body> /g" $1 + sed -i "s/<\/head>/<\/head> /g" $1 + sed -i "s/<\/head>/<\/head> /g" $1 printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1" } diff --git a/docker/root/defaults/default b/docker/root/defaults/default index ce58534f..5e808979 100644 --- a/docker/root/defaults/default +++ b/docker/root/defaults/default @@ -13,7 +13,7 @@ server { location / { alias /config/www/; - try_files $uri $uri/ /index.html; + try_files $uri $uri/; } location /themepark {return 302 $scheme://$http_host/themepark/;} location /themepark/ { @@ -22,7 +22,7 @@ server { sub_filter 'url("/css/' 'url("/themepark/css/'; sub_filter 'url(/resources/' 'url(/themepark/resources/'; sub_filter_once off; - try_files $uri $uri/ /index.html; + try_files $uri $uri/; } # Don't cache diff --git a/docker/root/etc/cont-init.d/50-config b/docker/root/etc/cont-init.d/50-config index d871395e..856f3ee2 100644 --- a/docker/root/etc/cont-init.d/50-config +++ b/docker/root/etc/cont-init.d/50-config @@ -1,11 +1,23 @@ #!/usr/bin/with-contenv bash -echo '------------------' -echo '| theme.park |' -echo '------------------' +echo ' +---------------------------------------------------------------------------------------- + dP dP dP + 88 88 88 + d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP + 88 88 `88 88ooood8 88 88 88 88ooood8 88. `88 88 `88 88 `88 88888. + 88 88 88 88. ... 88 88 88 88. ... 88. .88 88 88 88 88 `8b. + dP dP dP `88888P dP dP dP `88888P 88 88Y888P `88888P8 dP dP `YP + 88 + dP + + Made by @gilbN + https://theme-park.dev +----------------------------------------------------------------------------------------' + # Display variables for troubleshooting -echo -e "Variables set:\\n\ +echo -e "[theme.park-init] Variables set:\\n\ PUID=${PUID}\\n\ PGID=${PGID}\\n\ TZ=${TZ}\\n\ @@ -29,8 +41,10 @@ cp /defaults/default /config/nginx/site-confs # make our folders and links mkdir -p \ - /config/www/{css,resources} + /config/www/{css,resources} \ + /config/docker-mods +echo '[theme.park-init] Copying theme files' # copy theme files cp -R /app/themepark/css /config/www cp -R /app/themepark/resources /config/www @@ -38,7 +52,13 @@ cp /app/themepark/index.html /config/www cp /app/themepark/themes.py /config/www cp /app/themepark/CNAME /config/www -echo 'Creating CSS files' +echo '[theme.park-init] Copying mods into /config/docker-mods' +# copy mods + for folder in /app/themepark/docker-mods/*; do \ + cp /app/themepark/docker-mods/"${folder##*/}"/root/etc/cont-init.d/98-themepark /config/docker-mods/98-themepark-"${folder##*/}"; \ + done + +echo '[theme.park-init] Running themes.py and creating CSS files' python3 /config/www/themes.py # permissions diff --git a/fetch.sh b/fetch.sh index 9a4b63f8..e3f3fd37 100644 --- a/fetch.sh +++ b/fetch.sh @@ -11,7 +11,7 @@ mkdir -p "$DIR" printf "\nSaving mods into $DIR\n\n" jq -r 'to_entries | map(.key + "|" + (.value | tostring)) | .[]' <<< "$MODS" | \ while IFS='|' read key value; do - curl "$value" --create-dirs --output "$DIR/$key" --silent + curl "$value" --create-dirs --output "$DIR/98-themepark-$key" --silent echo "Fetched $key script" done -chmod go+rx $DIR \ No newline at end of file +chmod -R +x $DIR \ No newline at end of file diff --git a/linux-amd64.Dockerfile b/linux-amd64.Dockerfile index 1dae9389..b5df2588 100644 --- a/linux-amd64.Dockerfile +++ b/linux-amd64.Dockerfile @@ -18,6 +18,7 @@ apk add --no-cache --virtual=runtime-dependencies \ WORKDIR /app COPY css/ /app/themepark/css/ COPY resources/ /app/themepark/resources/ +COPY docker-mods/ /app/themepark/docker-mods/ COPY themes.py index.html CNAME /app/themepark/ COPY docker/root/ / \ No newline at end of file diff --git a/linux-arm-v7.Dockerfile b/linux-arm-v7.Dockerfile index 4044eb6f..8992e1a5 100644 --- a/linux-arm-v7.Dockerfile +++ b/linux-arm-v7.Dockerfile @@ -18,6 +18,7 @@ apk add --no-cache --virtual=runtime-dependencies \ WORKDIR /app COPY css/ /app/themepark/css/ COPY resources/ /app/themepark/resources/ +COPY docker-mods/ /app/themepark/docker-mods/ COPY themes.py index.html CNAME /app/themepark/ COPY docker/root/ / \ No newline at end of file diff --git a/linux-arm64.Dockerfile b/linux-arm64.Dockerfile index 7945ef59..3d338d72 100644 --- a/linux-arm64.Dockerfile +++ b/linux-arm64.Dockerfile @@ -18,6 +18,7 @@ apk add --no-cache --virtual=runtime-dependencies \ WORKDIR /app COPY css/ /app/themepark/css/ COPY resources/ /app/themepark/resources/ +COPY docker-mods/ /app/themepark/docker-mods/ COPY themes.py index.html CNAME /app/themepark/ COPY docker/root/ / \ No newline at end of file diff --git a/themes.py b/themes.py index b50e8599..6f95ce79 100644 --- a/themes.py +++ b/themes.py @@ -150,7 +150,7 @@ scheme = env.get('TP_SCHEME','https') if env.get('TP_SCHEME') else 'https' if __name__ == "__main__": app_folders = [name for name in listdir('./css/base') if isdir(join('./css/base', name))] themes = [name for name in listdir('./css/theme-options') if isfile(join('./css/theme-options', name))] - docker_mods = [name for name in listdir('./docker-mods') if isdir(join('./docker-mods', name))] + docker_mods = [name for name in listdir('./docker-mods')] if isdir('./docker-mods') else [] community_themes = [name for name in listdir('./css/community-theme-options') if isfile(join('./css/community-theme-options', name))] develop = True if isdir(".git") and subprocess.check_output(["git", "symbolic-ref", "--short", "HEAD"]).decode('ascii').strip() == "develop" else False if env_domain: