mirror of
https://github.com/Melledy/Grasscutter.git
synced 2024-11-23 04:57:18 +00:00
Change colors to fit _something suitable_
This commit is contained in:
parent
919f533ed7
commit
38b7c2d0d3
@ -4,11 +4,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
--background-color: #346b77;
|
--background-color: #25294a;
|
||||||
--secondary-color: #418493;
|
--primary-color: #2d325a;
|
||||||
--accent-color: #5abcb9;
|
--secondary-color: #202442;
|
||||||
|
|
||||||
--text-primary-color: #FFFFFF;
|
--text-primary-color: #FFFFFF;
|
||||||
|
--unselected-color: #c7c8d0;
|
||||||
|
--selected-color: #FFFFFF;
|
||||||
|
|
||||||
--legendary-color: #926d45;
|
--legendary-color: #926d45;
|
||||||
--epic-color: #7b5c90;
|
--epic-color: #7b5c90;
|
||||||
@ -61,6 +63,6 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
background: var(--accent-color);
|
background: var(--primary-color);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
@ -49,7 +49,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.EntitiesPage_Input {
|
.EntitiesPage_Input {
|
||||||
|
@ -50,14 +50,14 @@
|
|||||||
|
|
||||||
.HomePage_Box {
|
.HomePage_Box {
|
||||||
display: flex;
|
display: flex;
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.HomePage_Disclaimer {
|
.HomePage_Disclaimer {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
gap: 30px;
|
gap: 30px;
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
|
|
||||||
height: 100px;
|
height: 100px;
|
||||||
align-self: end;
|
align-self: end;
|
||||||
@ -104,7 +104,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
|
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
|
||||||
|
@ -49,7 +49,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ItemsPage_Input {
|
.ItemsPage_Input {
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: 0.1s ease-in-out all;
|
transition: 0.1s ease-in-out all;
|
||||||
box-shadow: 0 0 10px 5px var(--accent-color);
|
box-shadow: 0 0 10px 5px var(--primary-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -35,7 +35,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
|
|
||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
width: 196px;
|
width: 196px;
|
||||||
height: 196px;
|
height: 196px;
|
||||||
|
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -18,7 +18,7 @@
|
|||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: 0.1s ease-in-out all;
|
transition: 0.1s ease-in-out all;
|
||||||
box-shadow: 0 0 10px 5px var(--accent-color);
|
box-shadow: 0 0 10px 5px var(--primary-color);
|
||||||
scale: 1.01;
|
scale: 1.01;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -29,7 +29,7 @@
|
|||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
box-shadow: 0 0 10px 5px var(--accent-color);
|
box-shadow: 0 0 10px 5px var(--primary-color);
|
||||||
scale: 1.01;
|
scale: 1.01;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -23,7 +23,7 @@
|
|||||||
max-height: 64px;
|
max-height: 64px;
|
||||||
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.MiniCard_Icon {
|
.MiniCard_Icon {
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: var(--accent-color);
|
background-color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ObjectCard_Content {
|
.ObjectCard_Content {
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
||||||
background-color: var(--accent-color);
|
background-color: var(--primary-color);
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
Loading…
Reference in New Issue
Block a user