ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chat List: Icon refinements

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-08-16 15:27:20 +02:00
parent 24a303ffc9
commit 85ee6f2031
6 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/left/main/Chat.scss
View File

@ -103,7 +103,7 @@
--color-text-meta: var(--color-white); --color-text-meta: var(--color-white);
--color-text-secondary: var(--color-white); --color-text-secondary: var(--color-white);
--color-error: var(--color-white); --color-error: var(--color-white);
--color-pinned: var(--color-white); --color-list-icon: var(--color-white);
--color-chat-username: var(--color-white); --color-chat-username: var(--color-white);
} }
@ -262,10 +262,9 @@
} }
.icon-muted { .icon-muted {
font-size: 1.25rem; font-size: 1.125rem;
margin-top: -0.0625rem;
margin-left: 0.25rem; margin-left: 0.25rem;
color: #c6c8ca; color: var(--color-list-icon);
body.is-ios & { body.is-ios & {
margin-top: 0; margin-top: 0;
@ -322,8 +321,9 @@
} }
.forward { .forward {
font-size: 0.875rem;
display: inline-block; display: inline-block;
color: var(--color-list-icon);
font-size: 0.875rem;
transform: translateY(1px); transform: translateY(1px);
} }

2
src/components/left/main/ChatBadge.scss
View File

@ -65,7 +65,7 @@
} }
&.pinned { &.pinned {
color: var(--color-pinned); color: var(--color-list-icon);
background: transparent; background: transparent;
width: 1.5rem; width: 1.5rem;
padding: 0; padding: 0;

2
src/components/left/main/Topic.module.scss
View File

@ -31,7 +31,7 @@
} }
.closed-icon { .closed-icon {
color: var(--color-pinned); color: var(--color-list-icon);
font-size: 0.75rem; font-size: 0.75rem;
margin-top: -0.5rem; margin-top: -0.5rem;
margin-right: 0.25rem; margin-right: 0.25rem;

2
src/styles/_variables.scss
View File

@ -130,7 +130,7 @@ $color-message-story-mention-to: #74bcff;
--color-placeholders: #{$color-placeholders}; --color-placeholders: #{$color-placeholders};
--color-pinned: #{$color-white}; --color-list-icon: #{$color-white};
--color-code: #4a729a; --color-code: #4a729a;
--color-code-bg: #{rgba($color-text-secondary, 0.08)}; --color-code-bg: #{rgba($color-text-secondary, 0.08)};

2
src/styles/index.scss
View File

@ -342,7 +342,7 @@ body:not(.is-ios) {
--color-dividers-android: rgb(15, 15, 15); --color-dividers-android: rgb(15, 15, 15);
--color-links: rgb(135, 116, 225); --color-links: rgb(135, 116, 225);
--color-gray: rgb(113, 117, 121); --color-gray: rgb(113, 117, 121);
--color-pinned: rgb(112, 117, 121); --color-list-icon: rgb(112, 117, 121);
--color-default-shadow: rgb(16, 16, 16, 0.612); --color-default-shadow: rgb(16, 16, 16, 0.612);
--color-light-shadow: rgb(0, 0, 0, 0.251); --color-light-shadow: rgb(0, 0, 0, 0.251);
--color-green: rgb(135, 116, 225); --color-green: rgb(135, 116, 225);

2
src/styles/themes.json
View File

@ -27,7 +27,7 @@
"--color-dividers-android": ["#E7E7E7", "#0F0F0F"], "--color-dividers-android": ["#E7E7E7", "#0F0F0F"],
"--color-links": ["#3390EC", "#8774E1"], "--color-links": ["#3390EC", "#8774E1"],
"--color-gray": ["#C4C9CC", "#717579"], "--color-gray": ["#C4C9CC", "#717579"],
"--color-pinned": ["#C4C9CC", "#707579"], "--color-list-icon": ["#ABAFB1", "#A2A2A2"],
"--color-default-shadow": ["#72727240", "#1010109c"], "--color-default-shadow": ["#72727240", "#1010109c"],
"--color-light-shadow": ["#7272722B", "#00000040"], "--color-light-shadow": ["#7272722B", "#00000040"],
"--color-green": ["#00C73E", "#8774E1"], "--color-green": ["#00C73E", "#8774E1"],