Styling tweaks

- changed the page colors from EC colors to Logolicusz colors
- Cleaned up CSS mainpage
- Added none select to multiple items
This commit is contained in:
LogolicusZ 2024-04-02 20:58:02 +02:00
parent 2702ca8522
commit ff5a3da14b
3 changed files with 23 additions and 15 deletions

View file

@ -15,8 +15,8 @@ h1, h2, h3, h4, h5, h6, body {
[data-theme="light"],
:root:not([data-theme="dark"]) {
--primary: #7B41F5;
--primary-hover: #7B41F5;
--primary-focus: rgba(67, 160, 71, 0.125);
--primary-hover: #5d30bc;
--primary-focus: rgba(99, 54, 197, 0.250);
--primary-inverse: #FFF;
background-color: #FEFCED;
}
@ -25,20 +25,22 @@ h1, h2, h3, h4, h5, h6, body {
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) {
--primary: #43a047;
--primary-hover: #4caf50;
--primary-focus: rgba(67, 160, 71, 0.25);
--primary: #C0FE1F;
--primary-hover: #81ab15;
--primary-focus: rgba(192, 254, 31,0.250);
--primary-inverse: #FFF;
background-color: #191816;
}
}
/* Green Dark scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme="dark"] {
--primary: #43a047;
--primary-hover: #4caf50;
--primary-focus: rgba(67, 160, 71, 0.25);
--primary: #C0FE1F;
--primary-hover: #81ab15;
--primary-focus: rgba(192, 254, 31,0.250);
--primary-inverse: #FFF;
background-color: #191816;
}
/* Green (Common styles) */

View file

@ -31,9 +31,11 @@
<style>
a.banner {
display: flex;
justify-content: center; /* Horizontally centers the image */
align-items: center; /* Vertically centers the image */
height: auto;
justify-content: center;
align-items: center;
height: auto;
user-select: none;
}
a.banner img {
border-radius: 1em;
@ -48,9 +50,11 @@
box-shadow: 0px 0px 16px rgba(32, 32, 32, 0.4);
cursor: pointer;
}
.buttons {
margin-left: 25%;
margin-right: 25%;
margin-bottom: 2em;
.text-column{
text-align: center;
}
.text-column h1{
font-size: 3em;
}
</style>

View file

@ -76,6 +76,7 @@
margin-left: auto;
margin-right: 2.5%;
padding: 0;
user-select: none;
}
.navigation-bar li {
@ -139,6 +140,7 @@
text-decoration: none;
/* transition: font-style; */
margin-left: 2.5%;
user-select: none;
}
</style>