fix(style): dark css vars
This commit is contained in:
@@ -37,7 +37,7 @@ export default function useChartConfig() {
|
||||
splitLineColor: token.colorBorder,
|
||||
tickLineColor: token.colorSplit,
|
||||
axislabelColor: token.colorTextTertiary,
|
||||
gaugeSplitLineColor: 'rgba(255, 255, 255, 0.38)',
|
||||
gaugeSplitLineColor: isDarkTheme ? '#b8b8b8' : 'rgba(255, 255, 255, 1)',
|
||||
colorBgContainerHover: isDarkTheme ? '#424242' : '#fff'
|
||||
};
|
||||
}, [userSettings.theme, isDarkTheme]);
|
||||
@@ -176,7 +176,7 @@ export default function useChartConfig() {
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
distance: -12,
|
||||
distance: -11,
|
||||
length: 6,
|
||||
splitNumber: 5,
|
||||
lineStyle: {
|
||||
|
||||
@@ -36,7 +36,7 @@ const RenderProgress = memo(
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
color: '#fff'
|
||||
color: 'var(--color-progress-text)'
|
||||
}}
|
||||
>
|
||||
{percent}%
|
||||
|
||||
@@ -117,11 +117,6 @@ const SelectWrapper = styled.div`
|
||||
padding-block: 20px 0 !important;
|
||||
box-shadow: none !important;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--ant-input-hover-border-color) !important;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
border-color: var(--ant-input-active-border-color) !important;
|
||||
outline: 0;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
}
|
||||
|
||||
&.download {
|
||||
border: 1px solid #93ecc5 !important;
|
||||
border: 1px solid var(--ant-color-success-border-hover) !important;
|
||||
}
|
||||
|
||||
.download {
|
||||
@@ -34,13 +34,12 @@
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
background-color: #e0f5ec;
|
||||
background-color: var(--ant-color-success-border);
|
||||
}
|
||||
|
||||
.progress {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
// color: var(--ant-color-text);
|
||||
color: var(--ant-color-success);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user