Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/dark theme #562

Merged
merged 14 commits into from
Dec 9, 2024
Merged

Feat/dark theme #562

merged 14 commits into from
Dec 9, 2024

Conversation

EduardZaydler
Copy link
Member

@EduardZaydler EduardZaydler commented Nov 28, 2024

PR Summary

replaced contact icons svg with react components, to change color with prop

changing theme in dependance of feature flag value

there are 3 possible value available

provided specific color variables for each theme

updated screenshots due to contacticons diffs

provided all custom components with corresponding colors

@EduardZaydler
Copy link
Member Author

/build

@EduardZaydler
Copy link
Member Author

/build

@EduardZaydler
Copy link
Member Author

/build

@EduardZaydler EduardZaydler marked this pull request as ready for review December 2, 2024 07:53
@EduardZaydler EduardZaydler requested a review from a team as a code owner December 2, 2024 07:53
@EduardZaydler
Copy link
Member Author

/build

}

.dropdown-checkbox-item {
padding: 6px 8px 6px 8px;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

padding: 6px 8px;

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

поправил

local_modules/styles/variables.less Outdated Show resolved Hide resolved
src/Components/ContactList/ContactList.tsx Outdated Show resolved Hide resolved
src/Components/Header/Header.less Outdated Show resolved Hide resolved
local_modules/styles/variables.less Outdated Show resolved Hide resolved
FonDumik
FonDumik previously approved these changes Dec 4, 2024
@GreoGi
Copy link

GreoGi commented Dec 4, 2024

Было бы круто если в сторибуке тоже можно было бы тему переключать.
Сейчас это вроде не сделано, предлагаю отдельный тикет завести под это, а то зная сторибук там могут быть танцы с бубном

@GreoGi
Copy link

GreoGi commented Dec 4, 2024

Ещё предлагаю завести тикет на добавление скриншотных тестов для тёмной темы

.storybook/preview.js Outdated Show resolved Hide resolved
src/desktop.bundle.tsx Outdated Show resolved Hide resolved
@@ -0,0 +1,29 @@
import { useEffect, useState } from "react";

export const useIsBrowserPrefersDarkTheme = () => {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Этот файл - полный дубликат useBrowserThemeDetector

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

удолил

src/hooks/themes/useTheme.ts Outdated Show resolved Hide resolved
@EduardZaydler
Copy link
Member Author

/build

Copy link

github-actions bot commented Dec 6, 2024

Build and push Docker images with tag: 2024-12-09.bf1a9dd

@EduardZaydler EduardZaydler merged commit bf1a9dd into master Dec 9, 2024
4 checks passed
@EduardZaydler EduardZaydler deleted the feat/dark_theme branch December 9, 2024 03:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants