Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 23:45:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

🎨 Improve UI by changing dark mode colors

Browse Source
This commit is contained in:
ajnart
2022-09-04 09:25:09 +02:00
parent bf1e057cc2
commit 19b08b2742
2 changed files with 11 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/AppShelf/AppShelf.tsx
View File

@@ -157,9 +157,9 @@ const AppShelf = (props: any) => {
{categoryList.map((category, idx) => (
<Accordion.Item
style={{
background: `rgba(${colorScheme === 'dark' ? '26, 27, 30,' : '255, 255, 255,'} \
background: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
${(config.settings.appOpacity || 100) / 100}`,
borderColor: `rgba(${colorScheme === 'dark' ? '26, 27, 30,' : '233, 236, 239,'} \
borderColor: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '233, 236, 239,'} \
${(config.settings.appOpacity || 100) / 100}`,
}}
key={category}
@@ -173,9 +173,9 @@ const AppShelf = (props: any) => {
{noCategory && noCategory.length > 0 ? (
<Accordion.Item
style={{
background: `rgba(${colorScheme === 'dark' ? '26, 27, 30,' : '255, 255, 255,'} \
background: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
${(config.settings.appOpacity || 100) / 100}`,
borderColor: `rgba(${colorScheme === 'dark' ? '26, 27, 30,' : '233, 236, 239,'} \
borderColor: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '233, 236, 239,'} \
${(config.settings.appOpacity || 100) / 100}`,
}}
key="Other"
@@ -188,9 +188,11 @@ const AppShelf = (props: any) => {
{downloadEnabled ? (
<Accordion.Item
style={{
background: `rgba(${colorScheme === 'dark' ? '26, 27, 30,' : '255, 255, 255,'} \
color: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
${(config.settings.appOpacity || 100) / 100}`,
background: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
${(config.settings.appOpacity || 100) / 100}`,
borderColor: `rgba(${colorScheme === 'dark' ? '26, 27, 30,' : '233, 236, 239,'} \
borderColor: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '233, 236, 239,'} \
${(config.settings.appOpacity || 100) / 100}`,
}}
key="Downloads"
@@ -198,20 +200,9 @@ const AppShelf = (props: any) => {
>
<Accordion.Control>{t('accordions.downloads.text')}</Accordion.Control>
<Accordion.Panel>
<Paper
radius="lg"
style={{
background: `rgba(${colorScheme === 'dark' ? '26, 27, 30,' : '255, 255, 255,'} \
${(config.settings.appOpacity || 100) / 100}`,
borderColor: `rgba(${
colorScheme === 'dark' ? '26, 27, 30,' : '233, 236, 239,'
} \
${(config.settings.appOpacity || 100) / 100}`,
}}
>
<Paper radius="lg">
{torrentEnabled && (
<>
<Title size="h2">Torrents</Title>
<ModuleMenu module={TorrentsModule} />
<TorrentsComponent />
</>
@@ -219,9 +210,6 @@ const AppShelf = (props: any) => {
{usenetEnabled && (
<>
{torrentEnabled && <Divider my="sm" />}
<Title size="h2" mt={0}>
Usenet
</Title>
<ModuleMenu module={UsenetModule} />
<UsenetComponent />
</>

4
src/modules/torrents/TorrentsModule.tsx
View File

@@ -193,9 +193,9 @@ export default function TorrentsComponent() {
});
return (
<ScrollArea mt="xl" sx={{ height: 300, width: '100%' }}>
<ScrollArea sx={{ height: 300, width: '100%' }}>
{rows.length > 0 ? (
<Table highlightOnHover>
<Table highlightOnHover p="sm">
<thead>{ths}</thead>
<tbody>{rows}</tbody>
</Table>