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; +select { + background: var(--transparency-dark-25); + color: var(--text); } -.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; -} - -#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