imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

New styling changes (WIP)

Browse Source
This commit is contained in:
Colin Kallemein
2024-06-09 00:36:58 +02:00
parent b25a05839e
commit cf43894654
10 changed files with 72 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/scss/_variables.scss
View File

@ -8,6 +8,8 @@ $red: #d50000;
$dark-red: #b30000;
$gray: #7f7f7f;
$gray-2: #696969;
$dark-gray: #454545;
$light-gray: #b1b2b5;
$dark-gray: #313638;
$light-gray: #d3d3d3;
$blue-gray: #778899;
$cyan: #368f8b;
$green: #09ad19;

20
src/assets/scss/main.scss
View File

@ -5,6 +5,8 @@
font-family: GentiumPlus;
src: url('@/assets/fonts/Gentium_plus.ttf');
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
-ms-overflow-style: none;
@ -23,10 +25,16 @@ h1, h2, h3, h4, h5, h6 {
color: $white;
}
p, span, li, a, button, label {
font-family: Helvetica, Arial, sans-serif;
p, span, li, label {
font-family: "Inter";
color: $white;
}
button, a {
font-family: "Poppins";
color: $white;
font-weight: 500;
text-shadow: 0 4px 6px rgba($black, 0.25);
}
button, input {
border: none;
@ -36,12 +44,12 @@ button, input {
button {
text-align: center;
&.btn-purple {
background-color: rgba($purple, 0.75);
border: 1px solid rgba($white, 0.35);
&.btn-cyan {
background-color: rgba($cyan, 0.5);
border: 2px solid rgba($white, 0.9);
&:hover {
background-color: rgba($lilac, 0.75);
background-color: $cyan;
}
}