add a nice font for the sint theme

This commit is contained in:
mcbloch 2019-11-19 18:32:48 +01:00
parent 31cd09d94f
commit da4e844946
No known key found for this signature in database
GPG key ID: CE32A7D95B7D6418
3 changed files with 16 additions and 2 deletions

2
.gitignore vendored
View file

@ -67,3 +67,5 @@ app/config.py
*.db *.db
tmp/ tmp/
.tern-port

View file

@ -9,6 +9,8 @@
--dGray5:#2C2C2E; --dGray5:#2C2C2E;
--dGray6:#1C1C1E; --dGray6:#1C1C1E;
--dBlue:#0A84FF; --dBlue:#0A84FF;
--FontFamily:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
--FontSize:13px;
} }
html { html {
height: 100%; height: 100%;
@ -18,6 +20,8 @@ body {
padding-top: 70px; padding-top: 70px;
height: 100%; height: 100%;
font-family: var(--FontFamily);
font-size: var(--FontSize);
} }
.background{ .background{
position: absolute; position: absolute;

View file

@ -62,6 +62,8 @@
root.style.setProperty('--dGray1', "#666666"); root.style.setProperty('--dGray1', "#666666");
root.style.setProperty('--dGray0', "#444444"); //Light color root.style.setProperty('--dGray0', "#444444"); //Light color
root.style.setProperty('--dBlue', "#0A84FF"); root.style.setProperty('--dBlue', "#0A84FF");
root.style.setProperty('--FontFamily', '"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif"');
root.style.setProperty('--FontSize', '13px');
document.querySelector('.background').style.backgroundImage = 'none'; document.querySelector('.background').style.backgroundImage = 'none';
} }
@ -75,6 +77,8 @@
root.style.setProperty('--dGray1', "#8E8E93"); root.style.setProperty('--dGray1', "#8E8E93");
root.style.setProperty('--dGray0', "#E0E0E8"); //Light color root.style.setProperty('--dGray0', "#E0E0E8"); //Light color
root.style.setProperty('--dBlue', "#0A84FF"); root.style.setProperty('--dBlue', "#0A84FF");
root.style.setProperty('--FontFamily', '"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif"');
root.style.setProperty('--FontSize', '13px');
document.querySelector('.background').style.backgroundImage = 'none'; document.querySelector('.background').style.backgroundImage = 'none';
} }
@ -88,6 +92,8 @@
root.style.setProperty('--dGray1', "#F28705"); root.style.setProperty('--dGray1', "#F28705");
root.style.setProperty('--dGray0', "#FFEB65"); //Light color root.style.setProperty('--dGray0', "#FFEB65"); //Light color
root.style.setProperty('--dBlue', "#D91604"); root.style.setProperty('--dBlue', "#D91604");
root.style.setProperty('--FontFamily', '"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif"');
root.style.setProperty('--FontSize', '13px');
document.querySelector('.background').backgroundImage = "url('/static/images/Halloween.jpeg')"; document.querySelector('.background').backgroundImage = "url('/static/images/Halloween.jpeg')";
} }
@ -101,6 +107,8 @@
root.style.setProperty('--dGray1', "#F2EF05"); root.style.setProperty('--dGray1', "#F2EF05");
root.style.setProperty('--dGray0', "#F2EB80"); //Light color root.style.setProperty('--dGray0', "#F2EB80"); //Light color
root.style.setProperty('--dBlue', "#35F546"); root.style.setProperty('--dBlue', "#35F546");
root.style.setProperty('--FontFamily', "cursive");
root.style.setProperty('--FontSize', "20px");
document.body.style.background = "#000000"; document.body.style.background = "#000000";
document.querySelector('.background').style.backgroundImage = "url('/static/images/Sinterklaas.jpg')"; document.querySelector('.background').style.backgroundImage = "url('/static/images/Sinterklaas.jpg')";
} }