diff --git a/src/App/styles.less b/src/App/styles.less index 889456d51..f4454424c 100644 --- a/src/App/styles.less +++ b/src/App/styles.less @@ -24,7 +24,6 @@ --color-twitter: #1DA1F2; --color-imdb: #f5c518; --color-placeholder: #60606080; - --color-released: #707070; --color-placeholder-text: @color-surface-50; --color-placeholder-background: @color-surface-dark5-20; --primary-background-color: rgba(12, 11, 17, 1); diff --git a/src/common/AddonDetailsModal/styles.less b/src/common/AddonDetailsModal/styles.less index d9189b665..0112f96dd 100644 --- a/src/common/AddonDetailsModal/styles.less +++ b/src/common/AddonDetailsModal/styles.less @@ -31,10 +31,10 @@ } } .uninstall-button { - background-color: rgba(72, 69, 114, 1); + background-color: var(--overlay-color); &:hover { - outline: var(--focus-outline-size) solid rgba(72, 69, 114, 1); + outline: var(--focus-outline-size) solid var(--overlay-color); background-color: transparent; } &:focus { diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less index ddc717844..0789a1b2b 100644 --- a/src/common/MetaPreview/styles.less +++ b/src/common/MetaPreview/styles.less @@ -167,7 +167,6 @@ flex-direction: column; justify-content: flex-start; align-items: center; - position: relative; gap: 1rem 0; .label { @@ -181,11 +180,12 @@ &:not(:last-child) { margin-right: 1rem; } - - &:hover .label { - opacity: 0.7; + .label:has(~ .action-button:hover) { + opacity: 0.7; } } + + .action-button { flex: none; diff --git a/src/routes/MetaDetails/StreamsList/Stream/StreamInfo/styles.less b/src/routes/MetaDetails/StreamsList/Stream/StreamInfo/styles.less index 6653e1efe..059ab9e06 100644 --- a/src/routes/MetaDetails/StreamsList/Stream/StreamInfo/styles.less +++ b/src/routes/MetaDetails/StreamsList/Stream/StreamInfo/styles.less @@ -8,13 +8,13 @@ flex-direction: column; -webkit-line-clamp: 3; -webkit-box-orient: vertical; - color: var(--primary-foreground-color); white-space: pre; - + .stream-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + color: var(--primary-foreground-color); } .stream-properties { display: flex; diff --git a/src/routes/MetaDetails/StreamsList/Stream/styles.less b/src/routes/MetaDetails/StreamsList/Stream/styles.less index b384130b4..1f81ff77c 100644 --- a/src/routes/MetaDetails/StreamsList/Stream/styles.less +++ b/src/routes/MetaDetails/StreamsList/Stream/styles.less @@ -53,36 +53,6 @@ } } - .info-container { - flex: 1; - max-height: 3.6em; - padding: 0 0.5rem 0 1.5rem; - opacity: 0.6; - display: flex; - flex-direction: column; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - color: var(--primary-foreground-color); - white-space: pre; - - .stream-name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - .stream-properties { - display: flex; - flex-direction: row; - .icon { - width: 1em; - height: 1em; - padding: 0; - color: var(--primary-foreground-color); - background-color: transparent; - } - } - } - .icon { flex: none; width: 3rem; diff --git a/src/routes/MetaDetails/VideosList/Video/styles.less b/src/routes/MetaDetails/VideosList/Video/styles.less index 8c86ff82b..876910307 100644 --- a/src/routes/MetaDetails/VideosList/Video/styles.less +++ b/src/routes/MetaDetails/VideosList/Video/styles.less @@ -84,8 +84,8 @@ font-weight: 500; white-space: nowrap; text-overflow: ellipsis; - color: var(--color-released); - opacity: 0.9; + color: var(--primary-foreground-color); + opacity: 0.44; } .upcoming-watched-container {