logolicusz/Explorecraft_Logolcicusz_Knockoff
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity

Styling tweaks

Browse source 
- 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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/app.scss
View file

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

18
src/routes/+page.svelte
View file

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

2
src/routes/Header.svelte
View file

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