From da4e8449463da42de3a634fa1637bf003f69125e Mon Sep 17 00:00:00 2001 From: mcbloch Date: Tue, 19 Nov 2019 18:32:48 +0100 Subject: [PATCH] add a nice font for the sint theme --- .gitignore | 2 ++ app/static/css/main.css | 6 +++++- app/static/js/darkmode.js | 10 +++++++++- 3 files changed, 16 insertions(+), 2 deletions(-) diff --git a/.gitignore b/.gitignore index 5a147cf..a89c1f7 100644 --- a/.gitignore +++ b/.gitignore @@ -67,3 +67,5 @@ app/config.py *.db tmp/ + +.tern-port diff --git a/app/static/css/main.css b/app/static/css/main.css index 6f4f666..b5e52d0 100644 --- a/app/static/css/main.css +++ b/app/static/css/main.css @@ -9,6 +9,8 @@ --dGray5:#2C2C2E; --dGray6:#1C1C1E; --dBlue:#0A84FF; + --FontFamily:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; + --FontSize:13px; } html { height: 100%; @@ -18,6 +20,8 @@ body { padding-top: 70px; height: 100%; + font-family: var(--FontFamily); + font-size: var(--FontSize); } .background{ position: absolute; @@ -217,4 +221,4 @@ a.divLink { } .enter_darkmode>a { text-align: center; -} \ No newline at end of file +} diff --git a/app/static/js/darkmode.js b/app/static/js/darkmode.js index 2139cf4..2391653 100644 --- a/app/static/js/darkmode.js +++ b/app/static/js/darkmode.js @@ -62,6 +62,8 @@ root.style.setProperty('--dGray1', "#666666"); root.style.setProperty('--dGray0', "#444444"); //Light color 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'; } @@ -75,6 +77,8 @@ root.style.setProperty('--dGray1', "#8E8E93"); root.style.setProperty('--dGray0', "#E0E0E8"); //Light color 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'; } @@ -88,6 +92,8 @@ root.style.setProperty('--dGray1', "#F28705"); root.style.setProperty('--dGray0', "#FFEB65"); //Light color 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')"; } @@ -101,8 +107,10 @@ root.style.setProperty('--dGray1', "#F2EF05"); root.style.setProperty('--dGray0', "#F2EB80"); //Light color root.style.setProperty('--dBlue', "#35F546"); + root.style.setProperty('--FontFamily', "cursive"); + root.style.setProperty('--FontSize', "20px"); document.body.style.background = "#000000"; document.querySelector('.background').style.backgroundImage = "url('/static/images/Sinterklaas.jpg')"; } init(); -} \ No newline at end of file +}