vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added accent color in more places

Browse Source
This commit is contained in:
Yannik
2024-02-13 11:11:38 +01:00
parent 5a1204c211
commit 01416bddf5
3 changed files with 45 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/styles/_var.scss
View File

@@ -1,28 +1,9 @@
@font-face {
font-family: 'Tanker-Regular';
src: url('/fonts/Tanker-Regular.ttf') format('truetype');
font-weight: 400;
font-display: swap;
font-style: normal;
}
$primary: #1c1427;
$accent: #7eca9c;
$link: #ccffbd;
$highlight-primary: #40394a;
@font-face {
font-family: 'Satoshi-Regular';
src: url('/fonts/Satoshi-Regular.ttf') format('truetype');
font-weight: 400;
font-display: swap;
font-style: normal;
:export {
primaryColor: $primary;
accentColor: $accent;
}
@font-face {
font-family: 'Satoshi-Bold';
src: url('/fonts/Satoshi-Bold.ttf') format('truetype');
font-weight: 700;
font-display: swap;
font-style: normal;
}
$primary: #1C1427;
$accent: #7ECA9C;
$link: #CCFFBD;
$highlight-primary: #40394A;

32
src/styles/main.scss
View File

@@ -2,6 +2,38 @@
:root {
color-scheme: dark;
--accent-color: $accent; // conversion for theme color meta tag
}
@font-face {
font-family: "Tanker-Regular";
src: url("/fonts/Tanker-Regular.ttf") format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Satoshi-Regular";
src: url("/fonts/Satoshi-Regular.ttf") format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Satoshi-Bold";
src: url("/fonts/Satoshi-Bold.ttf") format("truetype");
font-weight: 700;
font-display: swap;
font-style: normal;
}
::selection {
background-color: $accent;
}
::marker {
color: $accent;
}
body {