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

Dark theme: Some more fixes (#1032)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-04-19 18:37:16 +03:00
parent c63947edac
commit e9b236af80
4 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,18 +25,30 @@
&.selected,
&.selected:hover {
.Avatar.online::after {
border-color: var(--color-chat-active);
}
.ListItem-button {
--background-color: var(--color-chat-active) !important;
--color-text: var(--color-white);
}
--background-color: var(--color-chat-active) !important;
--color-text-meta-colored: var(--color-white);
--color-text-meta: var(--color-white);
--color-text-secondary: var(--color-white);
--color-error: var(--color-white);
--color-pinned: var(--color-white);
.Avatar.online::after {
border-color: var(--color-chat-active);
}
.ListItem-button {
--background-color: var(--color-chat-active) !important;
--color-text: var(--color-white);
}
.icon-muted-chat {
color: var(--color-white) !important;
}
.Badge:not(.pinned) {
background: var(--color-white);
color: var(--color-chat-active);
}
}
.info {

3
src/components/middle/message/Poll.scss
View File

@ -53,9 +53,10 @@
&::before {
left: 0.125rem;
background-color: var(--background-color);
--color-borders: var(--color-white);
.Message.own & {
border-color: var(--accent-color);
--color-borders: var(--accent-color);
}
}

2
src/config.ts
View File

@ -120,5 +120,5 @@ export const LANG_PACKS = ['android', 'ios'];
export const TIPS_USERNAME = 'TelegramTips';
export const FEEDBACK_URL = 'https://bugs.telegram.org/?tag_ids=41&sort=time';
export const DARK_THEME_BG_COLOR = '#0F0F0F';
export const DARK_THEME_PATTERN_COLOR = 'hsla(0, 0%, 3.82353%, 0.55)';
export const DARK_THEME_PATTERN_COLOR = '#0a0a0a8c';
export const DEFAULT_PATTERN_COLOR = 'rgba(90, 110, 70, 0.6)';

12
src/styles/themes.json
View File

@ -10,16 +10,16 @@
"--color-borders": ["#DADCE0", "#100F10"],
"--color-borders-input": ["#DADCE0", "#5B5B5A"],
"--color-links": ["#52A1EF", "#868DF6"],
"--color-gray": ["#C4C9CC", "#808080"],
"--color-gray": ["#C4C9CC", "#717579"],
"--color-pinned": ["#C4C9CC", "#707579"],
"--color-default-shadow": ["#72727240", "#21212140"],
"--color-light-shadow": ["#7272722B", "#00000040"],
"--color-green": ["#4DCD5E", "#868DF5"],
"--color-text-meta-colored": ["#4DCD5E", "#868DF5"],
"--color-reply-own-hover": ["#DBF4CE", "#A26947"],
"--color-reply-own-active": ["#C8EBBC", "#B0714C"],
"--color-green": ["#4DCD5E", "#8378DB"],
"--color-text-meta-colored": ["#4DCD5E", "#8378DB"],
"--color-reply-own-hover": ["#DBF4CE", "#6458bc"],
"--color-reply-own-active": ["#C8EBBC", "#4F4A9F"],
"--color-accent-own": ["#4FAE4E", "#FFFFFF"],
"--color-message-meta-own": ["#4FAE4E", "#D9BDAD"],
"--color-message-meta-own": ["#4FAE4EFF", "#FFFFFF88"],
"--color-own-links": ["#52A1EF", "#FFFFFF"],
"--color-code-own": ["#3C7940", "#FFFFFF"]
}