mirror/transmission
1
0
Fork 0
mirror of https://github.com/transmission/transmission synced 2024-12-22 07:42:37 +00:00
Code Issues Releases Wiki Activity

fix: WebUI torrent title color when paused and highlighted in Light Mode (#6462)

Browse source
This commit is contained in:
Yat Ho 2024-01-01 05:55:46 +08:00 committed by GitHub
parent f8f68067d7
commit 964bd31a2b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
web/assets/css/transmission-app.scss
View file

@ -104,6 +104,7 @@
--color-border: var(--dark-mode-white);
--color-border-selected: var(--grey-500);
--color-fg-tertiary: var(--grey-500);
--color-fg-selected: var(--dark-mode-white);
--color-bg-selected: var(--default-accent-color-dark);
--color-default-border: var(--default-border-dark);
--color-progressbar-seed-1: var(--green-100);
@ -128,6 +129,7 @@
--color-border-selected: var(--white);
--color-fg-tertiary: var(--white);
--color-toolbar-background: var(--black);
--color-fg-selected: var(--white);
--color-bg-selected: var(--blue-300);
--color-bg-tabs: var(--black);
--color-fg-tabs: var(--white);
@ -165,6 +167,7 @@
--color-bg-warn: #e4606d5b;
--color-fg-warn: #cf212e;
--color-fg-disabled: var(--grey-500);
--color-fg-selected: var(--nice-grey);
--color-bg-selected: var(--blue-300);
--color-default-border: var(--default-border-light);
--color-dialog-border: var(--nice-grey);
@ -188,6 +191,7 @@
--color-border-selected: var(--black);
--color-fg-tertiary: var(--black);
--color-toolbar-background: var(--white);
--color-fg-selected: var(--white);
--color-bg-selected: var(--blue-300);
--color-bg-tabs: var(--white);
--color-fg-tabs: var(--black);
@ -499,10 +503,6 @@ a {
font-size: 1em;
font-weight: normal;
}
&:not(.paused) {
color: var(--color-fg-primary);
}
}
.torrent-labels {
@ -535,7 +535,6 @@ a {
.torrent-progress-details,
.torrent-peer-details {
color: var(--color-fg-primary);
font-size: small;
}
@ -584,12 +583,7 @@ a {
}
.torrent-name {
color: var(--color-fg-primary);
grid-area: name;
&.paused {
color: var(--color-fg-disabled);
}
}
.torrent-labels {
@ -615,8 +609,21 @@ a {
}
}
&.paused {
color: var(--color-fg-disabled);
.icon {
background-color: var(--color-fg-disabled);
}
}
&.selected {
background-color: var(--color-bg-selected);
color: var(--color-fg-selected);
.icon {
background-color: var(--color-fg-selected);
}
}
}

6
web/src/torrent-row.js
View file

@ -220,10 +220,11 @@ export class TorrentRendererFull {
render(controller, t, root) {
const is_stopped = t.isStopped();
root.classList.toggle('paused', is_stopped);
// name
let e = root._name_container;
setTextContent(e, t.getName());
e.classList.toggle('paused', is_stopped);
// labels
TorrentRendererHelper.formatLabels(t, root._labels_container);
@ -332,9 +333,10 @@ export class TorrentRendererCompact {
// eslint-disable-next-line class-methods-use-this
render(controller, t, root) {
root.classList.toggle('paused', t.isStopped());
// name
let e = root._name_container;
e.classList.toggle('paused', t.isStopped());
setTextContent(e, t.getName());
// labels