mirror of
https://github.com/Ernous/TorrServerJellyfin.git
synced 2025-12-19 13:36:09 +05:00
Merge branch 'dark-light-theme'
This commit is contained in:
@@ -58,7 +58,7 @@ export const RightSideContainer = styled.div`
|
|||||||
content: '${notificationMessage}';
|
content: '${notificationMessage}';
|
||||||
display: grid;
|
display: grid;
|
||||||
place-items: center;
|
place-items: center;
|
||||||
background: ${isError ? '#cda184' : '#84cda7'};
|
background: ${isError ? '#cda184' : '#88cdaa'};
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 52%;
|
top: 52%;
|
||||||
@@ -172,7 +172,7 @@ export const IconWrapper = styled.div`
|
|||||||
`
|
`
|
||||||
|
|
||||||
export const LeftSideTopSection = styled.div`
|
export const LeftSideTopSection = styled.div`
|
||||||
background: #e3f2eb;
|
background: #e4f6ed;
|
||||||
padding: 0 20px 20px 20px;
|
padding: 0 20px 20px 20px;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
|
|
||||||
@@ -306,7 +306,7 @@ export const PosterLanguageSwitch = styled.div`
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: grid;
|
display: grid;
|
||||||
place-items: center;
|
place-items: center;
|
||||||
color: #e1f4eb;
|
color: #e4f6ed;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ export const LanguageSwitch = styled.div`
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
:hover {
|
:hover {
|
||||||
background: #7ec9a3;
|
background: #4db380;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
@media (max-width: 700px) {
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ const viewedIndicator = css`
|
|||||||
content: '';
|
content: '';
|
||||||
width: 10px;
|
width: 10px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
background: #15d5af;
|
background: #009879;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -116,7 +116,7 @@ export const ShortTable = styled.div`
|
|||||||
grid-template-rows: 30px 1fr;
|
grid-template-rows: 30px 1fr;
|
||||||
background: black;
|
background: black;
|
||||||
:not(:last-child) {
|
:not(:last-child) {
|
||||||
border-right: 1px solid ${isViewed ? '#bdbdbd' : '#019376'};
|
border-right: 1px solid ${isViewed ? '#bdbdbd' : '#009879'};
|
||||||
}
|
}
|
||||||
|
|
||||||
&-name {
|
&-name {
|
||||||
|
|||||||
@@ -99,7 +99,7 @@ export const TorrentCardDescription = styled.div`
|
|||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 0.4px;
|
letter-spacing: 0.4px;
|
||||||
color: #216e47;
|
color: #337a57;
|
||||||
|
|
||||||
@media (max-width: 770px) {
|
@media (max-width: 770px) {
|
||||||
font-size: 0.4rem;
|
font-size: 0.4rem;
|
||||||
@@ -175,7 +175,7 @@ export const StyledButton = styled.button`
|
|||||||
}
|
}
|
||||||
|
|
||||||
:hover {
|
:hover {
|
||||||
background: #2a7e54;
|
background: #337a57;
|
||||||
}
|
}
|
||||||
|
|
||||||
> :first-child {
|
> :first-child {
|
||||||
|
|||||||
@@ -9,12 +9,12 @@ export default styled.div`
|
|||||||
|
|
||||||
${isButton &&
|
${isButton &&
|
||||||
css`
|
css`
|
||||||
background: #93d7b4;
|
background: #88cdaa;
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
:hover {
|
:hover {
|
||||||
background: #71cc9d;
|
background: #74c39c;
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user