diff --git a/app.js b/app.js index b70f61c..f40357f 100644 --- a/app.js +++ b/app.js @@ -685,11 +685,19 @@ function toSubscript(n) { return String(n).split('').map(d => SUBSCRIPTS[d]).join(''); } -const TICKER_COLORS = [ +const TICKER_COLORS_DARK = [ '#7ec8e3', '#a8d5a2', '#f0c674', '#d4a0d4', '#e8a87c', '#87ceeb', '#98d4bb', '#deb887', '#c9b1ff', '#ff9a9e' ]; +const TICKER_COLORS_LIGHT = [ + '#2980b9', '#27ae60', '#d4a017', '#9b59b6', '#d35400', + '#3498db', '#1abc9c', '#b8860b', '#8e44ad', '#e74c3c' +]; + +const isLightTheme = window.matchMedia('(prefers-color-scheme: light)').matches; +const TICKER_COLORS = isLightTheme ? TICKER_COLORS_LIGHT : TICKER_COLORS_DARK; + const TICKER_SYSTEMS = [ { key: 'binary', min: 1, max: 255, suffix: toSubscript(2) }, { key: 'octal', min: 1, max: 511, suffix: toSubscript(8) }, diff --git a/index.html b/index.html index ee764ec..6af910c 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ - +
@@ -158,10 +158,10 @@
- + diff --git a/styles.css b/styles.css index e03791a..dd02cc4 100644 --- a/styles.css +++ b/styles.css @@ -399,6 +399,10 @@ body { font-size: 1.5rem; } +.result-system.slavonic-font { + font-size: 1.6rem; +} + .answer-feedback { min-height: 40px; font-size: 1.1rem; diff --git a/sw.js b/sw.js index f296d39..f395afc 100644 --- a/sw.js +++ b/sw.js @@ -1,4 +1,4 @@ -const CACHE_NAME = 'numnum-v15'; +const CACHE_NAME = 'numnum-v17'; const ASSETS = [ '/', '/index.html',