style: improved styling to match Swarm branding (#23)

* some stylistic changes

* a links now orange and readable

* better buttons, links and fonts
This commit is contained in:
Michelle Plur
2021-03-21 20:10:47 +01:00
committed by GitHub
parent 34d2dfda5a
commit 0cab024b69
21 changed files with 173 additions and 91 deletions
+31
View File
@@ -1,3 +1,34 @@
@font-face {
font-family: "IBMPlexMono500";
src: url(assets/fonts/IBMPlexMono500.ttf) format('truetype');
font-weight: 500;
}
@font-face {
font-family: "IBMPlexMono600";
src: url(assets/fonts/IBMPlexMono600.ttf) format('truetype');
font-weight: 600;
}
@font-face {
font-family: "IBMPlexMonoregular";
src: url(assets/fonts/IBMPlexMonoregular.ttf) format('truetype');
font-weight: 300;
}
@font-face {
font-family: "WorkSans-Italic-VariableFont_wght";
src: url(assets/fonts/WorkSans-Italic-VariableFont_wght.ttf) format('truetype');
font-weight: 700;
}
@font-face {
font-family: "WorkSans-VariableFont_wght";
src: url(assets/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
font-weight: 400;
}
.App {
font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}
a, button {
font-family: "IBMPlexMono500" !important;
color: #dd7700;
}