sovonegr/TorrServerJellyfin
1
0
Fork 0
mirror of https://github.com/Ernous/TorrServerJellyfin.git synced 2025-12-19 21:46:11 +05:00
Code Issues Packages Projects Releases Wiki Activity

dark mode widget colors change

Browse Source
This commit is contained in:
Daniel Shleifman
2021-06-28 12:47:27 +03:00
parent e64af5f3bd
commit 913974d9a7
5 changed files with 85 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/DialogTorrentDetailsContent/style.js
View File

@@ -144,7 +144,7 @@ export const SectionTitle = styled.div`
${({
color,
theme: {
dialogTorrentDetailsContent: { fontColor },
dialogTorrentDetailsContent: { titleFontColor },
},
}) => css`
${({ mb }) => css`
@@ -153,7 +153,7 @@ export const SectionTitle = styled.div`
font-weight: 300;
line-height: 1;
word-break: break-word;
color: ${color || fontColor};
color: ${color || titleFontColor};
@media (max-width: 800px) {
font-size: 25px;
@@ -223,7 +223,7 @@ export const WidgetFieldWrapper = styled.div`
export const WidgetFieldTitle = styled.div`
${({
theme: {
dialogTorrentDetailsContent: { fontColor },
dialogTorrentDetailsContent: { titleFontColor },
},
}) => css`
grid-area: title;
@@ -232,7 +232,7 @@ export const WidgetFieldTitle = styled.div`
font-size: 11px;
margin-bottom: 2px;
font-weight: 600;
color: ${fontColor};
color: ${titleFontColor};
`}
`
@@ -251,10 +251,15 @@ export const WidgetFieldIcon = styled.div`
`}
`
export const WidgetFieldValue = styled.div`
${({ bgColor }) => css`
${({
bgColor,
theme: {
dialogTorrentDetailsContent: { widgetFontColor },
},
}) => css`
grid-area: value;
padding: 0 20px;
color: #fff;
color: ${widgetFontColor};
font-size: 25px;
background: ${bgColor};
border-radius: 0 5px 5px 0;