Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues 2 Pull requests Releases 9 Packages Activity Actions

Final changes for now

Browse source
This commit is contained in:
Neshura 2022-12-18 23:19:21 +01:00
parent 08ac36c7fc
commit 7a99bd2dda
No known key found for this signature in database
GPG key ID: ACDF5B6EBECF6B0A
2 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
components/styles/themedropdown.tsx
View file

@ -12,9 +12,7 @@ interface ActivePropType {
export const ThemeDropDown = styled.div` export const ThemeDropDown = styled.div`
margin-left: 1%; margin-left: 1%;
min-width: 180px; min-width: 180px;
color: ${({ theme }) => theme.colors.primary} color: ${({ theme }) => theme.colors.primary};
display: flex;
flex-direction: column;
` `
export const ThemeDropDownButton = styled.button<DisplayPropType>` export const ThemeDropDownButton = styled.button<DisplayPropType>`
@ -30,7 +28,7 @@ export const ThemeDropDownButton = styled.button<DisplayPropType>`
theme.colors.text ? theme.colors.text : theme.colors.primary : theme.colors.secondary : theme.colors.text ? theme.colors.text : theme.colors.primary : theme.colors.secondary :
({ theme }) => theme.colors.primary}; ({ theme }) => theme.colors.primary};
transition-property: color, border-bottom-left-radius, border-bottom-right-radius, background; transition-property: color, border-bottom-left-radius, border-bottom-right-radius, background-color;
transition-timing-function: ease; transition-timing-function: ease;
transition-duration: 0.15s; transition-duration: 0.15s;
transition-delay: 0s, ${ props => props.show ? "0s, 0s" : "0.6s, 0.6s" }, 0s; transition-delay: 0s, ${ props => props.show ? "0s, 0s" : "0.6s, 0.6s" }, 0s;
@ -52,8 +50,6 @@ export const ThemeDropDownButton = styled.button<DisplayPropType>`
export const ThemeDropDownOptions = styled.div<DisplayPropType>` export const ThemeDropDownOptions = styled.div<DisplayPropType>`
position: absolute; position: absolute;
color: ${({ theme }) => theme.colors.primary}; color: ${({ theme }) => theme.colors.primary};
background-color: ${({ theme }) => theme.colors.background};
background-image: ${({ theme }) => theme.backgroundImage ? background-image: ${({ theme }) => theme.backgroundImage ?
"linear-gradient(" "linear-gradient("
+ theme.colors.background + "," + theme.colors.background + + theme.colors.background + "," + theme.colors.background +
@ -70,7 +66,7 @@ export const ThemeDropDownOptions = styled.div<DisplayPropType>`
border-radius: 5px; border-radius: 5px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;
z-index: 1; z-index: 1;
overflow: hidden; overflow: ${ props => props.show ? "scroll" : "hidden" };
max-height: ${ props => props.show ? "20%" : "0%" }; max-height: ${ props => props.show ? "20%" : "0%" };
visibility: ${ props => props.show ? "visible" : "hidden" }; visibility: ${ props => props.show ? "visible" : "hidden" };

18
public/data/themes.json
View file

@ -49,7 +49,7 @@
} }
}, },
{ {
"themeName": "Norrsken", "themeName": "Nordlys",
"themeId": 4, "themeId": 4,
"backgroundImage": "https://images4.alphacoders.com/112/1123390.jpg", "backgroundImage": "https://images4.alphacoders.com/112/1123390.jpg",
"invertButtons": true, "invertButtons": true,
@ -63,6 +63,22 @@
"loading": "#0063C7", "loading": "#0063C7",
"offline": "#ff0000" "offline": "#ff0000"
} }
},
{
"themeName": "dev",
"themeId": 5,
"backgroundImage": "https://images4.alphacoders.com/112/1123390.jpg",
"invertButtons": true,
"colors": {
"background": "#0000",
"backgroundAlt": "#0000",
"primary": "#ccc",
"secondary": "#00C7C7",
"text": "#000",
"online": "#00ff00",
"loading": "#0063C7",
"offline": "#ff0000"
}
} }
] ]
} }