fixed dark theme styles

This commit is contained in:
Elyor Djalilov 2024-02-01 18:24:34 +05:00
parent 7d45f3b278
commit af6bdc9fed
5 changed files with 14 additions and 8 deletions

View File

@ -130,9 +130,9 @@ const StyledContainer = styled.div`
.table-container_group-menu {
border-image-slice: 0;
border-image-source: none;
border-bottom: ${(props) =>
props.theme.filesSection.tableView.row.borderColor};
box-shadow: rgba(4, 15, 27, 0.07) 0px 15px 20px;
border-bottom: 1px solid
${(props) => props.theme.filesSection.tableView.row.borderColor};
box-shadow: ${(props) => props.theme.activeSessions.boxShadowColor};
padding: 0px;
}

View File

@ -29,27 +29,27 @@ const StyledRowContent = styled(RowContent)`
min-width: 250px;
.session-info {
font-weight: 600;
color: #a3a9ae;
color: ${(props) => props.theme.activeSessions.textDescriptionColor};
font-size: 12px;
}
.online {
font-weight: 600;
color: #35ad17;
color: ${(props) => props.theme.activeSessions.textOnlineColor};
margin-left: 4px;
font-size: 14px;
}
.offline {
font-weight: 600;
color: #a3a9ae;
color: ${(props) => props.theme.activeSessions.textDescriptionColor};
font-size: 14px;
margin-left: 4px;
}
.username {
font-weight: 600;
color: #333333;
color: ${(props) => props.theme.activeSessions.color};
font-size: 14px;
}

View File

@ -58,7 +58,7 @@ const StyledTableContainer = styled(TableContainer)`
}
.header-container-text {
color: #a3a9ae;
color: ${(props) => props.theme.tableContainer.header.textColor};
font-size: ${(props) => props.theme.getCorrectFontSize("12px")};
}

View File

@ -3115,6 +3115,9 @@ export const getBaseTheme = () => {
tickIconColor: "#35AD17",
removeIconColor: "#A3A9AE",
sortHeaderColor: "#d0d5da",
textDescriptionColor: "#a3a9ae;",
textOnlineColor: "#35ad17",
boxShadowColor: "rgba(4, 15, 27, 0.07) 0px 5px 20px",
},
formWrapper: {

View File

@ -3090,6 +3090,9 @@ const Dark: TTheme = {
tickIconColor: "#3BA420",
removeIconColor: "#A3A9AE",
sortHeaderColor: "#474747",
textDescriptionColor: "#858585",
textOnlineColor: "#3BA420",
boxShadowColor: "rgba(0, 0, 0, 0.12) 0px 40px 60px",
},
formWrapper: {