Client: use colors from theme

This commit is contained in:
Viktor Fomin 2024-06-14 13:13:32 +05:00
parent cd0dbc6a66
commit 63fa837e67
5 changed files with 10 additions and 6 deletions

View File

@ -69,7 +69,7 @@ const StyledModalDialogContainer = styled(ModalDialogContainer)`
}
.text-warning {
color: #f24724;
color: ${(props) => props.theme.peopleDialogs.deleteUser.textColor};
font-size: 16px;
font-weight: 700;
line-height: 22px;

View File

@ -51,9 +51,7 @@ const LinkBlock = (props) => {
<Text className="edit-link-text" fontSize="16px" fontWeight={600}>
{t("LinkName")}
</Text>
<Text className="edit-link_required-icon" color="#F24724">
*
</Text>
<Text className="edit-link_required-icon">*</Text>
<TextInput
scale

View File

@ -64,6 +64,8 @@ const StyledEditLinkPanel = styled(ModalDialog)`
.edit-link_required-icon {
display: inline-flex;
color: ${(props) => props.theme.editLink.requiredColor};
${(props) =>
props.theme.interfaceDirection === "rtl"
? css`
@ -71,7 +73,7 @@ const StyledEditLinkPanel = styled(ModalDialog)`
`
: css`
margin-left: 2px;
`}
`};
}
.edit-link_link-input {

View File

@ -86,6 +86,10 @@ const StyledSettingsComponent = styled.div`
${(props) => props.standalone && "margin-top: 14px"};
}
.dns-error-text {
color: ${(props) => props.theme.client.settings.common.dns.errorColor};
}
.combo-button-label {
max-width: 100%;
font-weight: 400;

View File

@ -210,10 +210,10 @@ const DNSSettings = (props) => {
{errorText &&
errorText.map((err, index) => (
<Text
className="dns-error-text"
key={index}
fontSize="12px"
fontWeight="400"
color="#F24724"
>
{err}
</Text>