styling
This commit is contained in:
58
public/static/theme.css
Normal file
58
public/static/theme.css
Normal file
@@ -0,0 +1,58 @@
|
||||
@font-face {
|
||||
font-family: "Quattrocento";
|
||||
font-style: regular;
|
||||
src: local("Quattrocento"), url("assets/quattrocento-regular.ttf") format("truetype")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Quattrocento";
|
||||
font-style: bold;
|
||||
src: local("Quattrocento"), url("assets/quattrocento-bold.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Baskervville";
|
||||
font-style: regular;
|
||||
src: local("Baskervville"), url("assets/baskervville.ttf") format("truetype")
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Baskervville";
|
||||
font-style: italic;
|
||||
src: local("Baskervville"), url("assets/baskervville-italic.ttf") format("truetype");
|
||||
}
|
||||
|
||||
:root {
|
||||
--dj-palette1: #83a6bf;
|
||||
--dj-palette2: #5e81ac;
|
||||
--dj-palette3: #8fbcbb;
|
||||
--dj-visited: #8d8bd5;
|
||||
--dj-bgpalette1: #2e3440;
|
||||
}
|
||||
|
||||
html, body {
|
||||
box-sizing: border-box;
|
||||
background-color: var(--dj-bgpalette1);
|
||||
color: var(--dj-palette1);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
font-family: "Quattrocento", serif;
|
||||
font-optical-sizing: auto;
|
||||
font-style: normal;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, nav, .dj-title, .roboto-slab {
|
||||
font-family: "Baskervville", serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.spectral-regular, body {
|
||||
font-family: "Spectral", serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 19px;
|
||||
}
|
||||
Reference in New Issue
Block a user