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:
parent
2702ca8522
commit
ff5a3da14b
3 changed files with 23 additions and 15 deletions
18
src/app.scss
18
src/app.scss
|
@ -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) */
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
Loading…
Reference in a new issue