From 4c94eeb578e5ddedffbe8e5aa16b46882eaaec80 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Thu, 4 Sep 2025 18:30:09 +0200
Subject: [PATCH] feat: add open sans as default font

---
 electron/overlay-indicator/overlay.css             |  2 +-
 package-lock.json                                  | 14 +++++++++-----
 package.json                                       |  2 +-
 .../plugin-dev/ai-productivity-prompts/src/App.css |  4 ++--
 .../plugin-dev/boilerplate-solid-js/src/index.html |  2 +-
 .../plugin-dev/procrastination-buster/src/App.css  |  2 +-
 packages/plugin-dev/sync-md/src/ui/index.html      |  4 +---
 .../plugin-dev/yesterday-tasks-plugin/index.html   |  2 +-
 src/app/plugins/util/plugin-iframe.util.spec.ts    |  6 +++---
 src/index.html                                     |  4 ++--
 src/static/break-reminder-overlay.html             |  2 +-
 src/styles.scss                                    |  8 ++++----
 src/styles/_css-variables.scss                     |  2 +-
 src/styles/page.scss                               |  6 ++----
 14 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/electron/overlay-indicator/overlay.css b/electron/overlay-indicator/overlay.css
index f800dc946..84fc9233f 100644
--- a/electron/overlay-indicator/overlay.css
+++ b/electron/overlay-indicator/overlay.css
@@ -5,7 +5,7 @@
 }
 
 body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', sans-serif;
   overflow: hidden;
   background: transparent;
   user-select: none;
diff --git a/package-lock.json b/package-lock.json
index 5e5d23683..7b2d55a2b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "packages/*"
       ],
       "dependencies": {
+        "@fontsource/open-sans": "^5.2.6",
         "electron-dl": "^3.5.2",
         "electron-localshortcut": "^3.2.1",
         "electron-log": "^5.4.1",
@@ -53,7 +54,6 @@
         "@csstools/stylelint-formatter-github": "^1.0.0",
         "@dotenv-run/cli": "^1.3.6",
         "@electron/notarize": "^3.0.1",
-        "@fontsource/roboto": "^4.5.8",
         "@nextcloud/cdav-library": "^1.5.3",
         "@ngrx/effects": "^20.0.0",
         "@ngrx/entity": "^20.0.0",
@@ -5951,10 +5951,14 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@fontsource/roboto": {
-      "version": "4.5.8",
-      "dev": true,
-      "license": "MIT"
+    "node_modules/@fontsource/open-sans": {
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/@fontsource/open-sans/-/open-sans-5.2.6.tgz",
+      "integrity": "sha512-mnfnUmBWQ+J220gqbibbzmKcc1kawV+lb3/Pspzu+Opnxza12oUffIg0ufG8g+3j1fnSznEWgyNV40MjtmJj6g==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
     },
     "node_modules/@gar/promisify": {
       "version": "1.1.3",
diff --git a/package.json b/package.json
index 9b561dcda..2723d2711 100644
--- a/package.json
+++ b/package.json
@@ -171,7 +171,7 @@
     "@csstools/stylelint-formatter-github": "^1.0.0",
     "@dotenv-run/cli": "^1.3.6",
     "@electron/notarize": "^3.0.1",
-    "@fontsource/roboto": "^4.5.8",
+    "@fontsource/open-sans": "^5.2.6",
     "@nextcloud/cdav-library": "^1.5.3",
     "@ngrx/effects": "^20.0.0",
     "@ngrx/entity": "^20.0.0",
diff --git a/packages/plugin-dev/ai-productivity-prompts/src/App.css b/packages/plugin-dev/ai-productivity-prompts/src/App.css
index ec1a02fcd..20d3f02dc 100644
--- a/packages/plugin-dev/ai-productivity-prompts/src/App.css
+++ b/packages/plugin-dev/ai-productivity-prompts/src/App.css
@@ -49,7 +49,7 @@ body.isEnabledDarkTheme {
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', sans-serif;
   background: transparent;
   color: var(--plugin-text-primary);
 }
@@ -520,7 +520,7 @@ body {
   padding: 0.75rem 1rem;
   border: 2px solid var(--plugin-border);
   border-radius: 6px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', sans-serif;
   font-size: 1rem;
   font-weight: 500;
   background: var(--plugin-bg-input);
diff --git a/packages/plugin-dev/boilerplate-solid-js/src/index.html b/packages/plugin-dev/boilerplate-solid-js/src/index.html
index 6f847499f..37416a194 100644
--- a/packages/plugin-dev/boilerplate-solid-js/src/index.html
+++ b/packages/plugin-dev/boilerplate-solid-js/src/index.html
@@ -11,7 +11,7 @@
       body {
         margin: 0;
         padding: 0;
-        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        font-family: 'Open Sans', sans-serif;
         background: var(--bg-color, #ffffff);
         color: var(--text-color, #333333);
       }
diff --git a/packages/plugin-dev/procrastination-buster/src/App.css b/packages/plugin-dev/procrastination-buster/src/App.css
index 6969af76c..7aaf276ef 100644
--- a/packages/plugin-dev/procrastination-buster/src/App.css
+++ b/packages/plugin-dev/procrastination-buster/src/App.css
@@ -9,7 +9,7 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', sans-serif;
   background: transparent;
   color: var(--text-color);
 }
diff --git a/packages/plugin-dev/sync-md/src/ui/index.html b/packages/plugin-dev/sync-md/src/ui/index.html
index f2ffe552f..60f246a86 100644
--- a/packages/plugin-dev/sync-md/src/ui/index.html
+++ b/packages/plugin-dev/sync-md/src/ui/index.html
@@ -62,9 +62,7 @@
       }
 
       body {
-        font-family:
-          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-          sans-serif;
+        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
         font-size: 14px;
         line-height: 1.5;
         color: var(--text-primary);
diff --git a/packages/plugin-dev/yesterday-tasks-plugin/index.html b/packages/plugin-dev/yesterday-tasks-plugin/index.html
index b681a730e..8aeff412f 100644
--- a/packages/plugin-dev/yesterday-tasks-plugin/index.html
+++ b/packages/plugin-dev/yesterday-tasks-plugin/index.html
@@ -9,7 +9,7 @@
     <title>Yesterday's Tasks</title>
     <style>
       body {
-        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        font-family: 'Open Sans', sans-serif;
         margin: 0;
         padding: 20px;
         color: var(--text-color);
diff --git a/src/app/plugins/util/plugin-iframe.util.spec.ts b/src/app/plugins/util/plugin-iframe.util.spec.ts
index 4b49502b8..5d26d7dfe 100644
--- a/src/app/plugins/util/plugin-iframe.util.spec.ts
+++ b/src/app/plugins/util/plugin-iframe.util.spec.ts
@@ -77,7 +77,7 @@
 //             '--link-color': '#2196f3',
 //             '--border-radius': '4px',
 //             '--transition': '0.3s ease',
-//             '--font-family': 'Roboto, sans-serif',
+//             '--font-family': 'Open Sans, sans-serif',
 //             '--error-color': '#f44336',
 //           };
 //           // eslint-enable @typescript-eslint/naming-convention
@@ -97,7 +97,7 @@
 //       expect(css).toContain('background: transparent');
 //       expect(css).toContain('--primary-bg: #e3f2fd');
 //       expect(css).toContain('--link-color: #2196f3');
-//       expect(css).toContain('font-family: Roboto, sans-serif');
+//       expect(css).toContain('font-family: Open Sans, sans-serif');
 //     });
 //
 //     it('should create CSS with theme variables for dark theme', () => {
@@ -150,7 +150,7 @@
 //       expect(css).toContain('margin: 0');
 //       expect(css).toContain('padding: 8px');
 //       expect(css).toContain('background: transparent');
-//       expect(css).toContain('font-family: Roboto, sans-serif');
+//       expect(css).toContain('font-family: Open Sans, sans-serif');
 //       expect(css).toContain('color: var(--text-color)');
 //     });
 //   });
diff --git a/src/index.html b/src/index.html
index 5beb83b25..3cab7abd4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -178,7 +178,7 @@ TODO configure more restrictive Content-Security-Policy
 
       .app-loading .productivity-tip h2 {
         font:
-          500 20px/32px Roboto,
+          500 20px/32px 'Open Sans',
           'Helvetica Neue',
           sans-serif;
         margin: 0 0 8px !important;
@@ -186,7 +186,7 @@ TODO configure more restrictive Content-Security-Policy
 
       .app-loading .productivity-tip p {
         font:
-          400 14px/20px Roboto,
+          400 14px/20px 'Open Sans',
           'Helvetica Neue',
           sans-serif;
         margin: 0 0 8px !important;
diff --git a/src/static/break-reminder-overlay.html b/src/static/break-reminder-overlay.html
index ab8b9badf..43fc27eb4 100644
--- a/src/static/break-reminder-overlay.html
+++ b/src/static/break-reminder-overlay.html
@@ -7,7 +7,7 @@
         left: 50%;
         max-width: 1200px;
         transform: translate(-50%, -50%);
-        font-family: 'Roboto', 'Comic Sans MS', sans-serif;
+        font-family: 'Open Sans', 'Comic Sans MS', sans-serif;
         font-size: 28px;
         z-index: 2;
       }
diff --git a/src/styles.scss b/src/styles.scss
index 55978ba0e..bca22e0ae 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,9 +1,9 @@
 @use 'sass:math';
 
-@import '../node_modules/@fontsource/roboto/400.css';
-@import '../node_modules/@fontsource/roboto/400-italic.css';
-@import '../node_modules/@fontsource/roboto/700.css';
-@import '../node_modules/@fontsource/roboto/300.css';
+@import '../node_modules/@fontsource/open-sans/400.css';
+@import '../node_modules/@fontsource/open-sans/400-italic.css';
+@import '../node_modules/@fontsource/open-sans/700.css';
+@import '../node_modules/@fontsource/open-sans/300.css';
 @import './styles/font/material-icons';
 
 @import './styles/_css-variables';
diff --git a/src/styles/_css-variables.scss b/src/styles/_css-variables.scss
index 8266e05a4..3a7fa4927 100644
--- a/src/styles/_css-variables.scss
+++ b/src/styles/_css-variables.scss
@@ -443,7 +443,7 @@ body.isDarkTheme {
   --sidebar-bg: var(--dark8);
 
   // Text colors
-  --text-color: rgb(235, 235, 235);
+  --text-color: rgb(230, 230, 230);
   --text-color-less-intense: rgba(235, 235, 235, 0.9);
   --text-color-muted: rgba(235, 235, 235, 0.6);
   --text-color-more-intense: rgb(245, 245, 245);
diff --git a/src/styles/page.scss b/src/styles/page.scss
index 09ae7c457..608cc8754 100644
--- a/src/styles/page.scss
+++ b/src/styles/page.scss
@@ -11,10 +11,8 @@ app-root,
   height: 100%;
   height: -webkit-fill-available;
   box-sizing: border-box;
-  //font-family: 'Montserrat', 'Roboto', sans-serif;
-  //font-family: 'Open Sans', sans-serif;
-  //font-family: 'Roboto', sans-serif;
-  font-family: 'Roboto', 'Comic Sans MS', sans-serif;
+  font-optical-sizing: auto;
+  font-family: 'Open Sans', sans-serif;
 }
 
 html {