feat: add open sans as default font

This commit is contained in:
Johannes Millan 2025-09-04 18:30:09 +02:00
parent 5111677b9e
commit 4c94eeb578
14 changed files with 30 additions and 30 deletions

View file

@ -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;

14
package-lock.json generated
View file

@ -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",

View file

@ -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",

View file

@ -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);

View file

@ -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);
}

View file

@ -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);
}

View file

@ -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);

View file

@ -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);

View file

@ -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)');
// });
// });

View file

@ -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;

View file

@ -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;
}

View file

@ -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';

View file

@ -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);

View file

@ -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 {