Change colors to fit _something suitable_

This commit is contained in:
KingRainbow44 2023-05-16 20:04:31 -04:00
parent 919f533ed7
commit 38b7c2d0d3
No known key found for this signature in database
GPG Key ID: FC2CB64B00D257BE
9 changed files with 19 additions and 17 deletions

View File

@ -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;
} }

View File

@ -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 {

View File

@ -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;

View File

@ -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 {

View File

@ -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;

View File

@ -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;
} }
} }

View File

@ -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 {

View File

@ -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 {

View File

@ -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%;