dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 22:26:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

theme

Browse Source
This commit is contained in:
Jan Prochazka
2020-11-12 09:46:01 +01:00
parent 4ef7f275e6
commit c7b693cfb6
16 changed files with 386 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/src/widgets/ToolbarButton.js
View File

@@ -8,7 +8,7 @@ import useTheme from '../theme/useTheme';
const ButtonDiv = styled.div`
padding: 5px 15px;
// margin: 2px;
color: ${(props) => props.theme.mainFont};
color: ${(props) => props.theme.main_font1};
border: 0;
border-right: 1px solid ${(props) => props.theme.border};
height: ${dimensions.toolBar.height}px;
@@ -17,25 +17,25 @@ const ButtonDiv = styled.div`
!props.disabled &&
`
&:hover {
background-color: ${props.theme.tabsPanelBackgroundHover} ;
background-color: ${props.theme.toolbar_background2} ;
}
&:active:hover {
background-color: ${props.theme.tabsPanelBackgroundHoverClick};
background-color: ${props.theme.toolbar_background3};
}
`}
${(props) =>
props.disabled &&
`
color: ${props.theme.mainFontGray};
color: ${props.theme.main_font3};
`}
`;
const StyledIconSpan = styled.span`
margin-right: 5px;
// font-size: 18px;
color: ${(props) => (props.disabled ? props.theme.mainFontGray : props.theme.mainFontActive)};
color: ${(props) => (props.disabled ? props.theme.main_font3 : props.theme.main_font_link)};
`;
const ButtonDivInner = styled.div`