added dark theme

This commit is contained in:
Daniel Shleifman
2021-06-26 21:31:43 +03:00
parent d5458a112e
commit 72ff729ee8
24 changed files with 950 additions and 587 deletions

View File

@@ -1,6 +1,6 @@
import { useTheme } from '@material-ui/core'
import { useState } from 'react'
import { useTranslation } from 'react-i18next'
import { mainColors } from 'style/colors'
import AddDialog from '../Add/AddDialog'
import IconWrapper from './style'
@@ -10,6 +10,7 @@ export default function AddFirstTorrent() {
const [isDialogOpen, setIsDialogOpen] = useState(false)
const handleClickOpen = () => setIsDialogOpen(true)
const handleClose = () => setIsDialogOpen(false)
const primary = useTheme().palette.primary.main
return (
<>
@@ -17,7 +18,7 @@ export default function AddFirstTorrent() {
<lord-icon
src='https://cdn.lordicon.com/bbnkwdur.json'
trigger='loop'
colors={`primary:#121331,secondary:${mainColors.primary}`}
colors={`primary:#121331,secondary:${primary}`}
stroke='26'
scale='60'
/>

View File

@@ -1,17 +1,18 @@
import { useTheme } from '@material-ui/core'
import { useTranslation } from 'react-i18next'
import { mainColors } from 'style/colors'
import IconWrapper from './style'
export default function NoServerConnection() {
const { t } = useTranslation()
const primary = useTheme().palette.primary.main
return (
<IconWrapper>
<lord-icon
src='https://cdn.lordicon.com/wrprwmwt.json'
trigger='loop'
colors={`primary:#121331,secondary:${mainColors.primary}`}
colors={`primary:#121331,secondary:${primary}`}
stroke='26'
scale='60'
/>