more fonts/colors polishing

2026-07-12 22:46:15 +03:00
parent 1083fa3784
commit 8396c4410e
4 changed files with 17 additions and 5 deletions
@@ -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) },
@@ -10,7 +10,7 @@
  <link rel="manifest" href="manifest.json">
  <link rel="icon" type="image/svg+xml" href="icon.svg">
  <link rel="apple-touch-icon" href="icon-192.png">
-  <link rel="stylesheet" href="styles.css?v=15">
+  <link rel="stylesheet" href="styles.css?v=17">
 </head>
 <body>
  <div id="app">
@@ -158,10 +158,10 @@

  </div>

-  <script type="module" src="app.js?v=15"></script>
+  <script type="module" src="app.js?v=17"></script>
  <script>
    if ('serviceWorker' in navigator) {
-      navigator.serviceWorker.register('/sw.js?v=15').catch(() => {});
+      navigator.serviceWorker.register('/sw.js?v=17').catch(() => {});
    }
  </script>
 </body>
@@ -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;
@@ -1,4 +1,4 @@
-const CACHE_NAME = 'numnum-v15';
+const CACHE_NAME = 'numnum-v17';
 const ASSETS = [
  '/',
  '/index.html',