diff --git a/src/components/common/Audio.tsx b/src/components/common/Audio.tsx index cf0beb5e8..3ed415a79 100644 --- a/src/components/common/Audio.tsx +++ b/src/components/common/Audio.tsx @@ -443,10 +443,10 @@ function renderWaveform( return undefined; } - const fillColor = theme === 'dark' ? '#494B75' : '#CBCBCB'; - const fillOwnColor = theme === 'dark' ? '#C0BBED' : '#B0DEA6'; - const progressFillColor = theme === 'dark' ? '#868DF5' : '#54a3e6'; - const progressFillOwnColor = theme === 'dark' ? '#FFFFFF' : '#53ad53'; + const fillColor = theme === 'dark' ? '#494A78' : '#ADD3F7'; + const fillOwnColor = theme === 'dark' ? '#B7ABED' : '#AEDFA4'; + const progressFillColor = theme === 'dark' ? '#8774E1' : '#3390EC'; + const progressFillOwnColor = theme === 'dark' ? '#FFFFFF' : '#4FAE4E'; const durationFactor = Math.min(duration / AVG_VOICE_DURATION, 1); const spikesCount = Math.round(MIN_SPIKES + (MAX_SPIKES - MIN_SPIKES) * durationFactor); const decodedWaveform = decodeWaveform(new Uint8Array(waveform)); diff --git a/src/components/left/LeftColumn.scss b/src/components/left/LeftColumn.scss index 807dc4e9f..2de028c43 100644 --- a/src/components/left/LeftColumn.scss +++ b/src/components/left/LeftColumn.scss @@ -8,7 +8,7 @@ .left-header { height: var(--header-height); - padding: 0.375rem 1.25rem .5rem 0.8125rem; + padding: 0.375rem 1rem .5rem 0.8125rem; display: flex; align-items: center; flex-shrink: 0; @@ -24,10 +24,10 @@ .SearchInput { margin-left: 0.875rem; - max-width: calc(100% - 3.625rem); + max-width: calc(100% - 3.25rem); @media (max-width: 600px) { - max-width: calc(100% - 3.375rem); + max-width: calc(100% - 3rem); } } diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss index c153336f5..15a6ff6c5 100644 --- a/src/components/left/main/Chat.scss +++ b/src/components/left/main/Chat.scss @@ -80,10 +80,6 @@ } .info { - .title, .subtitle { - padding-right: .125rem; - } - .subtitle { margin-top: -.125rem; } diff --git a/src/components/left/search/LeftSearch.scss b/src/components/left/search/LeftSearch.scss index 6b89e1cf4..ee9ebea0b 100644 --- a/src/components/left/search/LeftSearch.scss +++ b/src/components/left/search/LeftSearch.scss @@ -173,7 +173,7 @@ &:focus, &:hover { - color: var(--color-links-hover); + text-decoration: underline; } } diff --git a/src/components/mediaViewer/MediaViewerFooter.scss b/src/components/mediaViewer/MediaViewerFooter.scss index f7859c09d..0b9e0e5cd 100644 --- a/src/components/mediaViewer/MediaViewerFooter.scss +++ b/src/components/mediaViewer/MediaViewerFooter.scss @@ -94,7 +94,7 @@ &:hover, &:focus { - color: var(--color-links-hover); + text-decoration: underline; } } } diff --git a/src/components/middle/composer/Composer.scss b/src/components/middle/composer/Composer.scss index d42a0e0b3..92aed10de 100644 --- a/src/components/middle/composer/Composer.scss +++ b/src/components/middle/composer/Composer.scss @@ -36,7 +36,6 @@ > .Button { flex-shrink: 0; margin-left: .5rem; - color: var(--color-text-secondary); @media (max-width: 600px) { width: 2.875rem; @@ -349,7 +348,7 @@ text-decoration: none; &:hover, &:active, &:visited { - color: var(--color-links-hover) !important; + text-decoration: underline !important; } } diff --git a/src/components/middle/composer/Composer.tsx b/src/components/middle/composer/Composer.tsx index 584710578..4d60b63d7 100644 --- a/src/components/middle/composer/Composer.tsx +++ b/src/components/middle/composer/Composer.tsx @@ -875,6 +875,7 @@ const Composer: FC = ({ = ({