mirror of
https://github.com/Ernous/TorrServerJellyfin.git
synced 2025-12-19 21:46:11 +05:00
colors fixed
This commit is contained in:
@@ -95,7 +95,7 @@ export default function PrimarySettingsComponent({
|
||||
/>
|
||||
|
||||
<FormControlLabel
|
||||
control={<Switch checked={!!PreloadBuffer} onChange={inputForm} id='PreloadBuffer' color='primary' />}
|
||||
control={<Switch checked={!!PreloadBuffer} onChange={inputForm} id='PreloadBuffer' color='secondary' />}
|
||||
label={t('SettingsDialog.PreloadBuffer')}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,7 +123,9 @@ export default function PrimarySettingsComponent({
|
||||
</div>
|
||||
|
||||
<FormControlLabel
|
||||
control={<Switch checked={RemoveCacheOnDrop} onChange={inputForm} id='RemoveCacheOnDrop' color='primary' />}
|
||||
control={
|
||||
<Switch checked={RemoveCacheOnDrop} onChange={inputForm} id='RemoveCacheOnDrop' color='secondary' />
|
||||
}
|
||||
label={t('SettingsDialog.RemoveCacheOnDrop')}
|
||||
/>
|
||||
<div>
|
||||
|
||||
@@ -30,27 +30,27 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
|
||||
<SettingSectionLabel>{t('SettingsDialog.AdditionalSettings')}</SettingSectionLabel>
|
||||
|
||||
<FormControlLabel
|
||||
control={<Switch checked={EnableIPv6} onChange={inputForm} id='EnableIPv6' color='primary' />}
|
||||
control={<Switch checked={EnableIPv6} onChange={inputForm} id='EnableIPv6' color='secondary' />}
|
||||
label='IPv6'
|
||||
/>
|
||||
<br />
|
||||
<FormControlLabel
|
||||
control={<Switch checked={!DisableTCP} onChange={inputForm} id='DisableTCP' color='primary' />}
|
||||
control={<Switch checked={!DisableTCP} onChange={inputForm} id='DisableTCP' color='secondary' />}
|
||||
label='TCP (Transmission Control Protocol)'
|
||||
/>
|
||||
<br />
|
||||
<FormControlLabel
|
||||
control={<Switch checked={!DisableUTP} onChange={inputForm} id='DisableUTP' color='primary' />}
|
||||
control={<Switch checked={!DisableUTP} onChange={inputForm} id='DisableUTP' color='secondary' />}
|
||||
label='μTP (Micro Transport Protocol)'
|
||||
/>
|
||||
<br />
|
||||
<FormControlLabel
|
||||
control={<Switch checked={!DisablePEX} onChange={inputForm} id='DisablePEX' color='primary' />}
|
||||
control={<Switch checked={!DisablePEX} onChange={inputForm} id='DisablePEX' color='secondary' />}
|
||||
label='PEX (Peer Exchange)'
|
||||
/>
|
||||
<br />
|
||||
<FormControlLabel
|
||||
control={<Switch checked={ForceEncrypt} onChange={inputForm} id='ForceEncrypt' color='primary' />}
|
||||
control={<Switch checked={ForceEncrypt} onChange={inputForm} id='ForceEncrypt' color='secondary' />}
|
||||
label={t('SettingsDialog.ForceEncrypt')}
|
||||
/>
|
||||
<br />
|
||||
@@ -75,7 +75,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
|
||||
/>
|
||||
<br />
|
||||
<FormControlLabel
|
||||
control={<Switch checked={!DisableDHT} onChange={inputForm} id='DisableDHT' color='primary' />}
|
||||
control={<Switch checked={!DisableDHT} onChange={inputForm} id='DisableDHT' color='secondary' />}
|
||||
label={t('SettingsDialog.DHT')}
|
||||
/>
|
||||
<br />
|
||||
@@ -100,7 +100,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
|
||||
/>
|
||||
<br />
|
||||
<FormControlLabel
|
||||
control={<Switch checked={!DisableUpload} onChange={inputForm} id='DisableUpload' color='primary' />}
|
||||
control={<Switch checked={!DisableUpload} onChange={inputForm} id='DisableUpload' color='secondary' />}
|
||||
label={t('SettingsDialog.Upload')}
|
||||
/>
|
||||
<br />
|
||||
@@ -125,7 +125,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
|
||||
/>
|
||||
<br />
|
||||
<FormControlLabel
|
||||
control={<Switch checked={!DisableUPNP} onChange={inputForm} id='DisableUPNP' color='primary' />}
|
||||
control={<Switch checked={!DisableUPNP} onChange={inputForm} id='DisableUPNP' color='secondary' />}
|
||||
label='UPnP (Universal Plug and Play)'
|
||||
/>
|
||||
<br />
|
||||
|
||||
@@ -102,8 +102,8 @@ export default function SettingsDialog({ handleClose }) {
|
||||
<Tabs
|
||||
value={selectedTab}
|
||||
onChange={handleChange}
|
||||
indicatorColor='primary'
|
||||
textColor='primary'
|
||||
indicatorColor='secondary'
|
||||
textColor='secondary'
|
||||
variant='fullWidth'
|
||||
>
|
||||
<Tab label={t('SettingsDialog.Tabs.Main')} {...a11yProps(0)} />
|
||||
@@ -169,7 +169,7 @@ export default function SettingsDialog({ handleClose }) {
|
||||
{t('SettingsDialog.ResetToDefault')}
|
||||
</Button>
|
||||
|
||||
<Button variant='contained' onClick={handleSave} color='primary'>
|
||||
<Button variant='contained' onClick={handleSave} color='secondary'>
|
||||
{t('Save')}
|
||||
</Button>
|
||||
</FooterSection>
|
||||
|
||||
@@ -28,7 +28,14 @@ export default function SliderInput({
|
||||
|
||||
<Grid container spacing={2} alignItems='center'>
|
||||
<Grid item xs>
|
||||
<Slider min={sliderMin} max={sliderMax} value={value} onChange={onSliderChange} step={step} />
|
||||
<Slider
|
||||
min={sliderMin}
|
||||
max={sliderMax}
|
||||
value={value}
|
||||
onChange={onSliderChange}
|
||||
step={step}
|
||||
color='secondary'
|
||||
/>
|
||||
</Grid>
|
||||
|
||||
{isProMode && (
|
||||
|
||||
@@ -17,18 +17,24 @@ export const SettingsHeader = styled(Header)`
|
||||
`
|
||||
|
||||
export const FooterSection = styled.div`
|
||||
padding: 20px;
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
justify-content: end;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
background: #e8e5eb;
|
||||
${({
|
||||
theme: {
|
||||
settingsDialog: { footerBG },
|
||||
},
|
||||
}) => css`
|
||||
padding: 20px;
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
justify-content: end;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
background: ${footerBG};
|
||||
|
||||
@media (max-width: 500px) {
|
||||
grid-auto-flow: row;
|
||||
justify-content: stretch;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
grid-auto-flow: row;
|
||||
justify-content: stretch;
|
||||
}
|
||||
`}
|
||||
`
|
||||
export const Divider = styled.div`
|
||||
height: 1px;
|
||||
@@ -37,8 +43,13 @@ export const Divider = styled.div`
|
||||
`
|
||||
|
||||
export const Content = styled.div`
|
||||
${({ isLoading }) => css`
|
||||
background: #f1eff3;
|
||||
${({
|
||||
isLoading,
|
||||
theme: {
|
||||
settingsDialog: { contentBG },
|
||||
},
|
||||
}) => css`
|
||||
background: ${contentBG};
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user