topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

qbittorrent icon fixes, button accents

pull/110/head^2
Marius 4 years ago
parent
4e90e18611
commit
7344d89d61
1 changed files with 129 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 147
      CSS/themes/qbittorrent/qbittorrent-base.css

147
CSS/themes/qbittorrent/qbittorrent-base.css
View File

@ -275,14 +275,14 @@ li.divider {
#main input[type="password" i] { #main input[type="password" i] {
background-color: rgba(0,0,0,.45); background-color: rgba(0,0,0,.45);
} }
#main input[type="submit" i] { #loginform #login {
padding: 6px 15px !important; padding: 6px 15px !important;
width: 100%; width: 100%;
margin-top: 35px; margin-top: 35px;
background-color: rgba(0, 0, 0, 0.25); background-color: var(--button-color) !important;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
color: #fff; color: var(--button-text) !important;
outline: none; outline: none;
text-transform: uppercase; text-transform: uppercase;
font-size: 18px; font-size: 18px;
@ -290,13 +290,13 @@ li.divider {
height: 44px; height: 44px;
line-height: 1.3333333; line-height: 1.3333333;
} }
#loginform input[type="submit" i]:hover { #loginform #login:hover {
background-color: rgb(0, 0, 0, .45) !important; background-color: var(--button-color-hover) !important;
padding: 6px 15px; padding: 6px 15px;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
border: none; border: none;
color: #fff; color: var(--button-text) !important;
} }
@ -465,54 +465,55 @@ textarea {
border: 1px solid rgba(255, 255, 255, 0.25) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important;
} }
input[type="button" i]:hover { input[type="button" i]:hover {
background-color: rgb(255, 255, 255, .15) !important; background-color: var(--button-color-hover);
padding: 6px 15px; padding: 6px 15px;
cursor: pointer; cursor: pointer;
border: none; border: none;
color: #fff; color: var(--button-text);
} }
input[type="button" i] { input[type="button" i] {
padding: 6px 15px !important; padding: 6px 15px !important;
background-color: rgb(255, 255, 255, .08) !important; background-color: var(--button-color);
cursor: pointer; cursor: pointer;
border: none; border: none;
color: #fff; color:var(--button-text);
} }
button { button {
background-color: rgb(255, 255, 255, .08) !important; background-color: var(--button-color) !important;
cursor: pointer; cursor: pointer;
border: 2px solid transparent; border: 2px solid transparent;
color: #fff; color: var(--button-text);
} }
button:hover { button:hover {
background-color: rgb(255, 255, 255, .15) !important; background-color: var(--button-color-hover) !important;
cursor: pointer; cursor: pointer;
border: 2px solid transparent; border: 2px solid transparent;
color: #fff; color: var(--button-text);
} }
input[type="submit" i] { input[type="submit" i] {
padding: 6px 15px !important; padding: 6px 15px !important;
width: 100%; width: 100%;
margin-top: 15px; margin-top: 15px;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: var(--button-color) !important;
border: none; border: none;
color: #fff; color: var(--button-text);
outline: none; outline: none;
text-transform: uppercase; text-transform: uppercase;
} }
input[type="submit" i]:hover { input[type="submit" i]:hover {
padding: 6px 15px !important; padding: 6px 15px !important;
background-color: rgba(0, 0, 0, 0.45) !important; background-color: var(--button-color-hover) !important;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
border: none; border: none;
color: #fff; color: var(--button-text);
outline: none; outline: none;
text-transform: uppercase; text-transform: uppercase;
} }
/* Icons */ /* Icons */
#downloadButton > img.mochaToolButton { #downloadButton > img.mochaToolButton {
display: none; display: none;
} }
@ -1099,6 +1100,22 @@ input[type="submit" i]:hover {
} }
#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: rgba(255, 255, 255, 0.7);
padding-left: 5px;
}
#showSearchEngineLink:active:focus:visited:before { #showSearchEngineLink:active:focus:visited:before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-size: 14px; font-size: 14px;
@ -1109,7 +1126,16 @@ input[type="submit" i]:hover {
color:white; color:white;
opacity: 0; 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:white;
opacity: 0;
}
#StatisticsLink > img.MyMenuIcon { #StatisticsLink > img.MyMenuIcon {
display: none; display: none;
} }
@ -1322,6 +1348,89 @@ ul.filterList a {
padding-left: 5px; 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: rgba(255, 255, 255, 0.4);
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: rgba(255, 255, 255, 0.4);
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: rgba(255, 255, 255, 0.4);
padding-left: 5px;
}
img[src="icons/inode-directory.svg"] {
background: url(https://gilbn.github.io/theme.park/Resources/qbittorrent/folder-open-solid.svg);
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
object-position: -999999px 999999px;
filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
}
img[src="icons/network-server.svg"] {
background: url(https://gilbn.github.io/theme.park/Resources/qbittorrent/network-wired-solid.svg);
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
object-position: -999999px 999999px;
filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
}
img[src="icons/mail-folder-inbox.svg"] {
background: url(https://gilbn.github.io/theme.park/Resources/qbittorrent/inbox-solid.svg);
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
object-position: -999999px 999999px;
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"] {
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 { #errored_filter > a img {
display: none; display: none;
} }

Write Preview
Loading…
Cancel
Save